/* ==========================================================================
   FxWPDesign — Surcouche « charte modernisée » pour le thème Alpha (MPI)
   Réversible : chargée uniquement en préversion admin quand le mode = nouveau.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,900&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --fxd-red:#9E1B32; --fxd-red-deep:#7C1226; --fxd-ink:#16233B; --fxd-paper:#FBF8F3;
  --fxd-gold:#B08D4C; --fxd-line:#E7E1D6; --fxd-muted:#5A6472; --fxd-text:#1C2430;
  --fxd-shadow:0 1px 2px rgba(22,35,59,.06),0 10px 30px rgba(22,35,59,.08);
}

/* ---- Base ---- */
body.wp-theme-alpha{ background:var(--fxd-paper)!important; color:var(--fxd-text);
  font-family:Inter,system-ui,Arial,sans-serif!important; line-height:1.6; }
body.wp-theme-alpha h1,body.wp-theme-alpha h2,body.wp-theme-alpha h3,
body.wp-theme-alpha h4,body.wp-theme-alpha h5{ font-family:Fraunces,Georgia,serif!important; color:var(--fxd-ink); }
body.wp-theme-alpha a{ text-decoration:none; }
body.wp-theme-alpha a:hover{ color:var(--fxd-red); }

/* ---- En-tête ---- */
#header{ background:#fff!important; border-bottom:1px solid var(--fxd-line); }
#logo img{ display:none!important; }  /* ancienne bannière image masquée, remplacée par le wordmark */
#fxwpd-brand{ display:inline-block; text-decoration:none; line-height:1; padding:6px 0; }
#fxwpd-brand .wm{ display:block; font-family:Fraunces,serif; font-weight:900; color:var(--fxd-ink); font-size:clamp(24px,3.4vw,34px); letter-spacing:.5px; }
#fxwpd-brand .tl{ display:block; font-family:Inter,sans-serif; font-size:11px; letter-spacing:3px; color:var(--fxd-red); font-weight:700; margin-top:6px; }

/* ---- Navigation principale ---- */
#mainmenu.dropdown{ background:var(--fxd-red)!important; display:flex; flex-wrap:wrap; border-radius:0; }
#mainmenu.dropdown > li{ background:transparent!important; }
#mainmenu.dropdown > li > a{ color:#fff!important; font-family:Inter,sans-serif!important;
  font-weight:600!important; font-size:14px!important; padding:14px 16px!important; }
#mainmenu.dropdown > li:hover > a,
#mainmenu.dropdown > li.current-menu-item > a{ background:var(--fxd-red-deep)!important; }
#mainmenu .sub-menu{ background:#fff!important; border:1px solid var(--fxd-line)!important;
  box-shadow:var(--fxd-shadow); border-radius:0 0 10px 10px; }
#mainmenu .sub-menu a{ color:var(--fxd-text)!important; font-family:Inter,sans-serif!important; }
#mainmenu .sub-menu a:hover{ background:var(--fxd-paper)!important; color:var(--fxd-red)!important; }

/* ---- Titres de RUBRIQUES uniquement (vrais en-têtes de section) ---- */
.featured-category > div > h2.black,
.featured-category > div > h2.green,
.featured-category > div > h2.blue,
.featured-category > div > h2.pink,
.featured-category > div > .titreH,
.featured-category > .titreH{
  display:flex!important; align-items:center; gap:12px;
  font-family:Fraunces,serif!important; font-weight:700!important; font-size:23px!important;
  color:var(--fxd-ink)!important; text-align:left!important;
  background:transparent!important; border:0!important; box-shadow:none!important;
  padding:0!important; margin:8px 0 18px!important; width:auto!important; line-height:1.15;
}
.featured-category > div[style*="center"]{ text-align:left!important; }
.featured-category h2.black > a, .featured-category h2.green > a,
.featured-category h2.blue > a, .featured-category h2.pink > a{
  color:inherit!important; background:transparent!important; padding:0!important; text-decoration:none; }
.featured-category > div > h2.black::before, .featured-category > div > h2.green::before,
.featured-category > div > h2.blue::before, .featured-category > div > h2.pink::before,
.featured-category > div > .titreH::before, .featured-category > .titreH::before{
  content:""; flex:0 0 auto; width:12px; height:12px; border-radius:3px; background:var(--fxd-red);
}
.featured-category > div > h2.green::before{ background:#2E6E6A; }
.featured-category > div > h2.blue::before{ background:var(--fxd-ink); }
.featured-category > div > h2.pink::before{ background:#6B4E9E; }
.featured-category > div > h2.black::after, .featured-category > div > h2.green::after,
.featured-category > div > h2.blue::after, .featured-category > div > h2.pink::after,
.featured-category > div > .titreH::after, .featured-category > .titreH::after{
  content:""; flex:1 1 auto; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--fxd-gold),rgba(176,141,76,0));
}

/* ---- Titres d'ARTICLES : serif, SANS pastille ---- */
.left-col-content h2 > a.titre2, .right-col-content h2 > a.titre2,
.left-col-content h2 > a, .right-col-content h2 > a,
.left-col-content h1 > a, a.titre2{
  display:inline!important; font-family:Fraunces,serif!important; font-weight:700!important;
  color:var(--fxd-ink)!important; line-height:1.2; background:transparent!important; text-decoration:none;
}
.left-col-content h2, .right-col-content h2{ font-size:20px!important; margin:6px 0 8px!important; }
.left-col-content h1, .right-col-content h1{ font-size:22px!important; margin:6px 0 8px!important; }
a.titre2::before, a.titre2::after, .left-col-content h2::before, .left-col-content h2::after,
.left-col-content h1::before, .left-col-content h1::after{ content:none!important; display:none!important; }

/* ---- Méta (date — séparateur — commentaires) : discret, sans pastille ---- */
.featured-meta{ font-family:Inter,sans-serif!important; font-size:12.5px!important; color:var(--fxd-muted)!important; margin:2px 0 10px!important; }
.featured-meta span, .featured-meta a, .featured-meta .separator{
  font-family:Inter,sans-serif!important; font-size:12.5px!important; color:var(--fxd-muted)!important; font-weight:400!important; display:inline!important; }
.featured-meta::before, .featured-meta::after,
.featured-meta span::before, .featured-meta span::after{ content:none!important; display:none!important; }

/* ---- Blocs secondaires colonne principale (dessin du jour, Foyers ardents) ---- */
#main .widget_execphp > h3.title, #main .widget.feature-posts > h3.title{
  display:flex!important; align-items:center; gap:10px; font-family:Fraunces,serif!important;
  font-weight:700!important; font-size:19px!important; color:var(--fxd-ink)!important;
  background:transparent!important; border:0!important; padding:0!important; margin:24px 0 14px!important; }
#main .widget_execphp > h3.title::before, #main .widget.feature-posts > h3.title::before{
  content:""; flex:0 0 auto; width:10px; height:10px; border-radius:3px; background:var(--fxd-gold); }
#main .widget_execphp > h3.title::after, #main .widget.feature-posts > h3.title::after{
  content:""; flex:1 1 auto; height:2px; background:linear-gradient(90deg,var(--fxd-line),transparent); }

/* ---- Box model sûr + vignettes arrondies (pas de boîtes sur les images) ---- */
.featured-category, .featured-category *{ box-sizing:border-box; }
.featured-cat, .featured-cat-small, img.thumbnail, img.Thumbnail{
  background:transparent!important; border:0!important; padding:0!important; margin:0!important;
  box-shadow:none!important; border-radius:10px!important; }

/* Colonne gauche : image du lead pleine largeur, arrondie */
.left-col{ margin-bottom:10px; }
.left-col > a img, .left-col img.featured-cat{ width:100%!important; height:auto!important; border-radius:12px!important; }

/* Colonne droite : lignes propres (vignette + texte), séparateur discret */
.right-col ul{ list-style:none!important; margin:0!important; padding:0!important; }
.right-col li{ display:flex!important; gap:14px; align-items:flex-start; padding:14px 0!important; border-bottom:1px dashed var(--fxd-line)!important; }
.right-col li:last-child{ border-bottom:0!important; }
.right-col li > a{ flex:0 0 auto; }
.right-col li img{ width:96px!important; height:72px!important; object-fit:cover!important; border-radius:8px!important; }
.right-col-content{ flex:1 1 auto; }
.right-col-content h3{ margin:0 0 4px!important; font-size:15px!important; line-height:1.25!important; font-family:Fraunces,serif!important; }
.right-col-content h3 a{ color:var(--fxd-ink)!important; }
.post-excerpt, .rssSummary{ color:var(--fxd-muted)!important; font-family:Inter,sans-serif!important; }

/* ---- Bouton « Lire plus » : sur sa propre ligne, sans empiéter ---- */
.more-link, a.more-link{
  display:block!important; width:-moz-fit-content; width:fit-content; clear:both;
  margin:12px 0 4px!important;
  background:var(--fxd-red)!important; color:#fff!important;
  padding:7px 16px!important; border-radius:999px!important; font-weight:700!important;
  font-size:12.5px!important; font-family:Inter,sans-serif!important; text-decoration:none!important;
  box-shadow:none!important; line-height:1.3!important; white-space:nowrap; }
.more-link:hover{ background:var(--fxd-red-deep)!important; }
.left-col-content p, .right-col-content p{ line-height:1.6; }

/* ---- Barre latérale (widgets) ---- */
#sidebar .widget{
  background:#fff; border:1px solid var(--fxd-line); border-radius:14px;
  padding:16px 18px; margin-bottom:18px; box-shadow:var(--fxd-shadow); }
#sidebar .widget .title,#sidebar .widget h3.title{
  font-family:Inter,sans-serif!important; font-weight:700!important; font-size:15px!important;
  color:var(--fxd-ink)!important; background:transparent!important; border:0!important;
  padding:0 0 12px 0!important; margin:0 0 12px!important; }
#sidebar .widget .title::before{ content:""; display:inline-block; width:16px; height:3px;
  background:var(--fxd-gold); border-radius:2px; margin-right:8px; vertical-align:middle; }

/* ---- Formulaire de recherche ---- */
.mps-search-form__row{ display:flex; }
.mps-search-form__input{ border:1px solid var(--fxd-line)!important; border-right:0!important;
  border-radius:999px 0 0 999px!important; background:var(--fxd-paper)!important; padding:11px 15px!important; }
.mps-search-form__btn{ background:var(--fxd-ink)!important; color:#fff!important; border:0!important;
  border-radius:0 999px 999px 0!important; font-weight:700!important; padding:0 18px!important; cursor:pointer; }

/* ---- Contenu article (lecture) ---- */
.single .archiveposts h1,.single-post h1.entry-title,.post h1{ font-size:clamp(28px,4vw,42px)!important; line-height:1.1!important; }
.single .post p,.entry-content p{ font-size:17.5px; line-height:1.75; color:#28313d; }

/* ---- En-tête modernisé (barre utilitaire + recherche + Soutenir) ---- */
#fxwpd-utility{ background:var(--fxd-ink); color:#cdd5e2; font-size:12.5px; }
#fxwpd-utility .fxwpd-uwrap{ max-width:1100px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:9px 20px; flex-wrap:wrap; }
#fxwpd-utility a{ color:#cdd5e2!important; text-decoration:none; }
#fxwpd-utility .fxwpd-u-r{ display:flex; gap:16px; align-items:center; }
#fxwpd-utility .fxwpd-pill{ background:var(--fxd-gold); color:#241a08!important; font-weight:700; padding:5px 13px; border-radius:999px; }
.header-wrap{ display:flex!important; flex-wrap:wrap; align-items:center; column-gap:16px; row-gap:4px; position:relative!important; }
.header-wrap #logo{ flex:0 0 auto; margin:0!important; order:1; }
.header-wrap .adv{ display:none!important; }
.header-wrap > .clear{ display:none!important; }
.header-wrap #menu{ order:5; flex:1 0 100%; }
#fxwpd-headtools{ order:2; margin-left:auto; display:flex; align-items:center; gap:12px; }
.fxwpd-search{ display:flex; align-items:center; gap:8px; background:var(--fxd-paper); border:1px solid var(--fxd-line); border-radius:999px; padding:9px 15px; min-width:230px; }
.fxwpd-search input{ border:0!important; background:transparent!important; outline:none; font-size:14px; width:100%; color:var(--fxd-text); box-shadow:none!important; }
.fxwpd-cta{ background:var(--fxd-red); color:#fff!important; font-weight:700; padding:11px 18px; border-radius:999px; text-decoration:none; box-shadow:0 6px 16px rgba(158,27,50,.28); white-space:nowrap; font-size:14px; }
.fxwpd-cta:hover{ background:var(--fxd-red-deep); }
@media(max-width:820px){ #fxwpd-headtools{ order:5; flex:1 0 100%; margin:10px 0; justify-content:center; } .fxwpd-search{ min-width:0; flex:1; } }

/* ---- Carrousel « Les derniers articles » (comme Ignace, auto-défilant) ---- */
.fxwpd-carousel{ position:relative; border-radius:16px; overflow:hidden; box-shadow:var(--fxd-shadow); border:1px solid var(--fxd-line); background:#fff; margin-top:6px; }
.fxwpd-stage{ position:relative; height:360px; }
.fxwpd-slide{ position:absolute; inset:0; display:block; opacity:0; visibility:hidden; transition:opacity .6s ease; text-decoration:none!important; }
.fxwpd-slide.on{ opacity:1; visibility:visible; }
.fxwpd-img{ position:absolute; inset:0; background:#22334f center/cover no-repeat; }
.fxwpd-img::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(22,35,59,0) 35%,rgba(22,35,59,.92) 100%); }
.fxwpd-cat{ position:absolute; top:16px; left:16px; z-index:2; background:var(--fxd-gold); color:#241a08; font-weight:700; font-size:12px; padding:6px 12px; border-radius:999px; font-family:Inter,sans-serif; }
.fxwpd-cbody{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:24px 26px; }
.fxwpd-cbody h3{ margin:0 0 6px!important; padding:0!important; color:#fff!important; font-family:Fraunces,serif!important; font-size:clamp(20px,2.6vw,28px)!important; line-height:1.14!important; display:block!important; }
.fxwpd-cbody h3::before, .fxwpd-cbody h3::after{ display:none!important; content:none!important; }
.fxwpd-date{ color:#e7ecf3; font-size:13px; font-family:Inter,sans-serif; }
.fxwpd-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:42px; height:42px; border-radius:50%; border:0; background:rgba(255,255,255,.9); color:var(--fxd-ink); font-size:24px; line-height:1; cursor:pointer; box-shadow:var(--fxd-shadow); }
.fxwpd-prev{ left:12px; } .fxwpd-next{ right:12px; }
.fxwpd-nav:hover{ background:#fff; color:var(--fxd-red); }
.fxwpd-dots{ position:absolute; bottom:14px; left:50%; transform:translateX(-50%); z-index:3; display:flex; gap:7px; }
.fxwpd-dot{ width:9px; height:9px; border-radius:50%; border:0; background:rgba(255,255,255,.55); cursor:pointer; padding:0; transition:width .2s; }
.fxwpd-dot.on{ background:#fff; width:22px; border-radius:999px; }
@media(max-width:600px){ .fxwpd-stage{ height:260px; } }