/* ==========================================================================
   LE SAINTEX — Custom child theme styles
   Design system: Seasonal Thanksgiving Harvest (Recoleta / Lora)
   Palette: warm harvest browns + golden amber + competitor-inspired warmth
   ========================================================================== */

:root{
  --e0b-primary:    #C2410C;
  --e0b-primary-dk: #9A340A;
  --e0b-accent:     #E5B83C;
  --e0b-accent-dk:  #B8902F;
  --e0b-text:       #2A1A0F;
  --e0b-text-soft:  #7A5530;
  --e0b-bg:         #FAF7F0;
  --e0b-surface:    #FFE6D7;
  --e0b-surface-2:  #F4E4C1;
  --e0b-line:       #D4A574;
  --e0b-line-soft:  #EAD9B8;
  --e0b-white:      #FFFFFF;
  --e0b-shadow:     0 1px 3px rgba(42,26,15,.06), 0 4px 14px rgba(42,26,15,.08);
  --e0b-shadow-lg:  0 10px 40px rgba(42,26,15,.14);
  --e0b-radius:     12px;
  --e0b-radius-sm:  8px;
  --e0b-radius-lg:  18px;
  --e0b-container:  1240px;
  --e0b-gutter:     1.5rem;
  --e0b-font-headings: 'Recoleta', 'Playfair Display', 'Times New Roman', Georgia, serif;
  --e0b-font-body:     'Lora', Georgia, 'Times New Roman', serif;
}

/* ==========================================================================
   RESET + BASE
   ========================================================================== */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body.e0b-body{
  margin:0;
  font-family:var(--e0b-font-body);
  font-size:17px;
  line-height:1.65;
  color:var(--e0b-text);
  background:var(--e0b-bg);
  font-weight:400;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--e0b-primary); text-decoration:none; transition:color .2s ease; }
a:hover{ color:var(--e0b-primary-dk); text-decoration:underline; }

h1,h2,h3,h4,h5,h6{
  font-family:var(--e0b-font-headings);
  color:var(--e0b-text);
  margin:0 0 .6em;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.005em;
}
h1{ font-size:clamp(2rem, 1.4rem + 2.4vw, 3.2rem); }
h2{ font-size:clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem); }
h3{ font-size:clamp(1.25rem, 1rem + .8vw, 1.6rem); }
h4{ font-size:1.15rem; }
p{ margin:0 0 1em; }

.e0b-container{ max-width:var(--e0b-container); margin:0 auto; padding:0 var(--e0b-gutter); }

main, .e0b-main{ padding-top:0 !important; margin-top:0 !important; }

/* ==========================================================================
   HEADER — sticky-minimal layout
   ========================================================================== */
.e0b-header{
  position:sticky; top:0; z-index:100;
  background:rgba(250,247,240,.96);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--e0b-line-soft);
  box-shadow:var(--e0b-shadow);
}
.e0b-header-inner{
  max-width:var(--e0b-container);
  margin:0 auto;
  padding:.85rem var(--e0b-gutter);
  display:flex; align-items:center; gap:1.5rem;
  min-height:64px;
}
.e0b-brand{ flex-shrink:0; display:flex; align-items:center; gap:.75rem; }
.e0b-brand-link{ display:flex; align-items:center; gap:.75rem; text-decoration:none; }
.e0b-brand-link:hover{ text-decoration:none; }
.e0b-brand-logo{ height:auto; width:auto; max-width:200px; display:block; }
.e0b-brand-name{
  font-family:var(--e0b-font-headings);
  font-size:1.55rem;
  font-weight:700;
  color:var(--e0b-text);
  letter-spacing:.01em;
  /* Title Case style B — no text-transform */
}

/* Nav desktop — visible only ≥1024px */
.e0b-nav-desktop{ display:none; }
.e0b-nav-desktop-list{
  display:flex; gap:1.5rem; list-style:none; margin:0; padding:0;
  align-items:center; flex-wrap:wrap;
}
.e0b-nav-desktop-list a{
  color:var(--e0b-text); text-decoration:none;
  font-family:var(--e0b-font-body);
  font-weight:500; font-size:.95rem;
  padding:.4rem .2rem;
  border-bottom:2px solid transparent;
  transition:border-color .2s, color .2s;
}
.e0b-nav-desktop-list a:hover{
  border-bottom-color:var(--e0b-primary);
  color:var(--e0b-primary);
  text-decoration:none;
}

/* Header CTA — desktop only (yes == yes) */
.e0b-header-cta-desktop{
  display:none;
  padding:.6rem 1.15rem;
  background:var(--e0b-primary); color:#fff;
  border-radius:24px;
  font:600 .9rem var(--e0b-font-body);
  text-decoration:none;
  transition:background .2s, transform .2s;
  white-space:nowrap;
  flex-shrink:0;
}
.e0b-header-cta-desktop:hover{ background:var(--e0b-primary-dk); color:#fff; text-decoration:none; transform:translateY(-1px); }

/* Burger — mobile only */
.e0b-burger{
  display:none;
  align-items:center; justify-content:center;
  width:42px; height:42px;
  background:rgba(255,255,255,.95);
  border:1.5px solid rgba(42,26,15,.18);
  border-radius:8px;
  cursor:pointer;
  margin-left:auto;
  flex-shrink:0;
  padding:0;
}
.e0b-burger-bars{
  display:flex; flex-direction:column; gap:4px;
  width:22px; height:16px; justify-content:space-between;
}
.e0b-burger-bars span{
  display:block; width:100%; height:2.5px;
  background:var(--e0b-text); border-radius:2px;
  transition:transform .25s, opacity .2s;
}
.e0b-burger[aria-expanded="true"] .e0b-burger-bars span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.e0b-burger[aria-expanded="true"] .e0b-burger-bars span:nth-child(2){ opacity:0; }
.e0b-burger[aria-expanded="true"] .e0b-burger-bars span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* Mobile drawer (default hidden) */
.e0b-nav{
  display:none;
}
.e0b-nav-list{ list-style:none; margin:0; padding:0; }
.e0b-nav-list li{ border-bottom:1px solid var(--e0b-line-soft); }
.e0b-nav-list a{
  display:block; padding:1rem 1.4rem;
  color:var(--e0b-text); text-decoration:none;
  font:600 1.05rem var(--e0b-font-body);
}
.e0b-nav-list a:hover{ background:var(--e0b-surface); color:var(--e0b-primary); text-decoration:none; }
.e0b-drawer-cta{ display:none !important; }

/* Drawer overlay */
.e0b-drawer-overlay{
  display:none;
  position:fixed; inset:0;
  background:rgba(42,26,15,.55);
  z-index:9998;
}
.e0b-drawer-overlay.is-open{ display:block; }

/* DESKTOP (>=1024px) — nav visible inline, burger hidden */
@media (min-width:1024px){
  .e0b-nav-desktop{ display:flex; flex:1; justify-content:center; margin:0 1rem; }
  .e0b-header-cta-desktop{ display:inline-flex; align-items:center; }
  .e0b-burger{ display:none !important; }
  .e0b-nav{ display:none !important; }
}

/* MOBILE (<1024px) — burger visible, nav drawer */
@media (max-width:1023px){
  .e0b-header-cta-desktop, .e0b-header-actions .e0b-btn--cta:not(.e0b-drawer-cta){
    display:none !important;
  }
  .e0b-burger{ display:inline-flex !important; }
  .e0b-nav.is-open{
    display:flex !important; flex-direction:column;
    position:fixed; top:0; right:0; bottom:0;
    width:86%; max-width:380px;
    background:#fff;
    padding:4.5rem 0 2rem;
    z-index:9999;
    overflow-y:auto;
    box-shadow:-10px 0 30px rgba(42,26,15,.22);
    animation:e0b-drawer-in .25s ease-out;
  }
  .e0b-drawer-cta{
    display:block !important;
    margin:1.5rem 1.4rem 1rem !important;
    padding:1rem 1.5rem !important;
    text-align:center !important;
    background:var(--e0b-primary) !important;
    color:#fff !important;
    border-radius:8px !important;
    font:600 1.05rem var(--e0b-font-body) !important;
    text-decoration:none !important;
  }
  .e0b-drawer-close{
    position:absolute; top:.7rem; right:.7rem;
    width:42px; height:42px;
    background:transparent; border:0;
    font-size:1.6rem; line-height:1;
    cursor:pointer;
    color:var(--e0b-text);
  }
}
@keyframes e0b-drawer-in{ from{ transform:translateX(100%); } to{ transform:translateX(0); } }

/* ==========================================================================
   HERO — magazine-cover style
   ========================================================================== */
.e0b-hero{
  position:relative;
  background:var(--e0b-bg);
  padding:0;
  overflow:hidden;
  border-bottom:3px solid var(--e0b-accent);
}
.e0b-hero-inner{
  max-width:var(--e0b-container);
  margin:0 auto;
  padding:3rem var(--e0b-gutter) 3.5rem;
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
  align-items:center;
}
@media (min-width:900px){
  .e0b-hero-inner{ grid-template-columns:1.05fr 1fr; gap:3.5rem; padding:4.5rem var(--e0b-gutter) 5rem; }
}
.e0b-hero-meta{
  display:inline-flex; align-items:center; gap:.75rem;
  margin-bottom:1.25rem;
}
.e0b-hero-meta::before{
  content:''; display:inline-block;
  width:36px; height:2px;
  background:var(--e0b-primary);
}
.e0b-hero-eyebrow{
  font-family:var(--e0b-font-body);
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--e0b-primary);
}
.e0b-hero-title{
  font-family:var(--e0b-font-headings);
  font-size:clamp(2.4rem, 1.8rem + 3vw, 4rem);
  line-height:1.05;
  color:var(--e0b-text);
  margin:0 0 1.2rem;
  font-weight:700;
  letter-spacing:-.015em;
}
.e0b-hero-subtitle{
  font-size:1.15rem;
  color:var(--e0b-text-soft);
  line-height:1.6;
  max-width:38ch;
  margin:0 0 1.8rem;
}
.e0b-hero-actions{ display:flex; flex-wrap:wrap; gap:.85rem; }
.e0b-hero-image-wrap{
  position:relative;
  border-radius:var(--e0b-radius-lg);
  overflow:hidden;
  box-shadow:var(--e0b-shadow-lg);
  aspect-ratio:4/3;
}
.e0b-hero-image-wrap img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.e0b-hero-image-wrap::after{
  content:'';
  position:absolute; left:-12px; top:-12px;
  right:24px; bottom:24px;
  border:2px solid var(--e0b-accent);
  border-radius:var(--e0b-radius-lg);
  z-index:-1;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.e0b-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.85rem 1.6rem;
  font:600 .98rem var(--e0b-font-body);
  border-radius:var(--e0b-radius-sm);
  text-decoration:none;
  border:0;
  cursor:pointer;
  transition:all .25s ease;
  min-height:46px;
  white-space:nowrap;
}
.e0b-btn--cta, .e0b-btn--primary{
  background:var(--e0b-primary); color:#fff;
  position:relative; overflow:hidden;
}
.e0b-btn--cta:hover, .e0b-btn--primary:hover{
  background:var(--e0b-primary-dk); color:#fff; text-decoration:none;
  transform:translateY(-1px);
}
.e0b-btn--ghost{
  background:transparent;
  color:var(--e0b-text);
  border:2px solid var(--e0b-line);
}
.e0b-btn--ghost:hover{
  background:var(--e0b-surface);
  color:var(--e0b-text);
  border-color:var(--e0b-primary);
  text-decoration:none;
}

/* text_swap_button animation */
.e0b-btn--cta .e0b-cta-label{ display:inline-block; transition:opacity .25s, transform .25s; }
.e0b-btn--cta .e0b-cta-hover{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  opacity:0; transform:translateY(.4em);
  transition:opacity .25s, transform .25s;
}
.e0b-btn--cta:hover .e0b-cta-label{ opacity:0; transform:translateY(-.4em); }
.e0b-btn--cta:hover .e0b-cta-hover{ opacity:1; transform:translateY(0); }

/* ==========================================================================
   EDITORIAL BLOCK ON HOME (400-700 words SEO)
   ========================================================================== */
.e0b-editorial{
  background:var(--e0b-surface);
  padding:4rem var(--e0b-gutter);
  border-top:1px solid var(--e0b-line-soft);
  border-bottom:1px solid var(--e0b-line-soft);
}
.e0b-editorial-inner{
  max-width:920px; margin:0 auto;
}
.e0b-editorial h2{
  font-size:clamp(1.7rem, 1.3rem + 1.4vw, 2.4rem);
  color:var(--e0b-text);
  margin-bottom:.8em;
  text-align:left;
}
.e0b-editorial h3{
  font-size:1.25rem;
  color:var(--e0b-primary);
  margin-top:2rem;
  margin-bottom:.6em;
}
.e0b-editorial p{
  font-size:1.05rem; line-height:1.75;
  color:var(--e0b-text);
}
.e0b-editorial a{
  color:var(--e0b-primary); font-weight:600;
  border-bottom:1px solid var(--e0b-line);
}
.e0b-editorial a:hover{
  color:var(--e0b-primary-dk);
  border-bottom-color:var(--e0b-primary);
  text-decoration:none;
}
.e0b-editorial-callout{
  margin:2rem 0;
  padding:1.5rem 1.7rem;
  background:#fff;
  border-left:4px solid var(--e0b-accent);
  border-radius:var(--e0b-radius-sm);
  font-style:italic;
  color:var(--e0b-text-soft);
}

/* ==========================================================================
   CATEGORIES SECTION
   ========================================================================== */
.e0b-categories{
  padding:4rem var(--e0b-gutter);
  background:var(--e0b-bg);
}
.e0b-section-head{
  max-width:var(--e0b-container);
  margin:0 auto 2.5rem;
  text-align:center;
}
.e0b-section-head h2{
  font-size:clamp(1.8rem, 1.4rem + 1.4vw, 2.4rem);
  margin:0 0 .4em;
}
.e0b-section-head p{
  color:var(--e0b-text-soft);
  max-width:60ch;
  margin:0 auto;
  font-size:1.05rem;
}
.e0b-cat-grid{
  max-width:var(--e0b-container);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:1.5rem;
}
.e0b-cat-card{
  display:flex; flex-direction:column;
  background:#fff;
  border-radius:var(--e0b-radius);
  overflow:hidden;
  border:1px solid var(--e0b-line-soft);
  transition:transform .25s, box-shadow .25s, border-color .25s;
  text-decoration:none;
  color:var(--e0b-text);
  min-height:260px;
}
.e0b-cat-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--e0b-shadow-lg);
  border-color:var(--e0b-line);
  text-decoration:none;
  color:var(--e0b-text);
}
.e0b-cat-card-img{
  display:block;
  width:100%;
  height:160px;
  background-color:var(--e0b-surface);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.e0b-cat-card-body{
  padding:1.2rem 1.3rem 1.4rem;
  flex:1; display:flex; flex-direction:column;
}
.e0b-cat-card-name{
  font-family:var(--e0b-font-headings);
  font-size:1.35rem;
  color:var(--e0b-text);
  margin:0 0 .4em;
  font-weight:700;
}
.e0b-cat-card-arrow{
  display:inline-flex; align-items:center; gap:.35rem;
  margin-top:auto;
  color:var(--e0b-primary);
  font-weight:600;
  font-size:.95rem;
}
.e0b-cat-card:hover .e0b-cat-card-arrow{ gap:.55rem; }

/* ==========================================================================
   LATEST ARTICLES SECTION
   ========================================================================== */
.e0b-latest{
  padding:4rem var(--e0b-gutter);
  background:var(--e0b-bg);
}
.e0b-article-grid{
  max-width:var(--e0b-container);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:1.8rem;
}
@media (min-width:900px){
  .e0b-article-grid{ grid-template-columns:repeat(3, 1fr); }
}
.e0b-card{
  background:#fff;
  border-radius:var(--e0b-radius);
  overflow:hidden;
  border:1px solid var(--e0b-line-soft);
  transition:transform .25s, box-shadow .25s;
  display:flex; flex-direction:column;
}
.e0b-card:hover{ transform:translateY(-3px); box-shadow:var(--e0b-shadow-lg); }
.e0b-card-img{
  display:block;
  aspect-ratio:16/10;
  background:var(--e0b-surface);
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.e0b-card-img img{ width:100%; height:100%; object-fit:cover; }
.e0b-card-body{
  padding:1.3rem 1.4rem 1.5rem;
  display:flex; flex-direction:column; flex:1;
}
.e0b-card-cat{
  font:600 .78rem var(--e0b-font-body);
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--e0b-primary);
  margin-bottom:.5rem;
}
.e0b-card-title{
  font-family:var(--e0b-font-headings);
  font-size:1.2rem;
  line-height:1.3;
  margin:0 0 .55em;
}
.e0b-card-title a{ color:var(--e0b-text); }
.e0b-card-title a:hover{ color:var(--e0b-primary); text-decoration:none; }
.e0b-card-excerpt{
  font-size:.95rem;
  color:var(--e0b-text-soft);
  margin:0 0 1rem;
  flex:1;
}
.e0b-card-meta{
  font-size:.83rem;
  color:var(--e0b-text-soft);
  margin-top:auto;
  padding-top:.5rem;
  border-top:1px solid var(--e0b-line-soft);
}

/* ==========================================================================
   EMBEDDED TOOL SECTION ON HOME
   ========================================================================== */
.e0b-tool-section{
  padding:4rem var(--e0b-gutter);
  background:var(--e0b-surface-2);
  border-top:1px solid var(--e0b-line);
  border-bottom:1px solid var(--e0b-line);
}
.e0b-tool-section-inner{
  max-width:var(--e0b-container);
  margin:0 auto;
}
.e0b-tool-section-intro{
  max-width:720px;
  margin:0 auto 2rem;
  text-align:center;
}
.e0b-tool-section-intro h2{
  font-size:clamp(1.7rem, 1.3rem + 1.3vw, 2.2rem);
  margin-bottom:.5em;
}
.e0b-tool-section-intro p{ color:var(--e0b-text-soft); margin:0; }

/* ==========================================================================
   CATEGORY PAGE
   ========================================================================== */
.e0b-cat-hero{
  position:relative;
  height:320px;
  max-height:350px;
  overflow:hidden;
  background:var(--e0b-primary);
}
.e0b-cat-hero-bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; z-index:1;
}
.e0b-cat-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(42,26,15,.05) 30%, rgba(42,26,15,.75) 100%);
  z-index:2;
}
.e0b-cat-hero-content{
  position:relative; z-index:3;
  max-width:var(--e0b-container);
  margin:0 auto;
  height:100%;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:1.8rem var(--e0b-gutter);
}
.e0b-cat-hero-content h1{
  color:#fff;
  margin:0;
  font-size:clamp(2rem, 1.5rem + 2vw, 3.2rem);
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.e0b-cat-intro{
  padding:3rem var(--e0b-gutter);
  background:var(--e0b-bg);
}
.e0b-cat-intro-inner{
  max-width:760px; margin:0 auto;
}
.e0b-cat-intro p{
  font-size:1.07rem;
  line-height:1.75;
  color:var(--e0b-text);
}
.e0b-cat-outro{
  padding:3rem var(--e0b-gutter);
  background:var(--e0b-surface);
  border-top:1px solid var(--e0b-line-soft);
}
.e0b-cat-outro-inner{ max-width:760px; margin:0 auto; }

/* ==========================================================================
   PERSONA PHOTO (page À propos)
   ========================================================================== */
.e0b-persona-photo{
  display:block;
  max-width:300px;
  width:100%;
  height:auto;
  border-radius:var(--e0b-radius);
  border:3px solid var(--e0b-accent);
  margin:0 auto 1.8rem;
  box-shadow:var(--e0b-shadow);
}

/* ==========================================================================
   CONTACT FORM
   ========================================================================== */
.e0b-contact-form{
  margin:2.5rem 0;
  padding:1.5rem;
  background:#fff;
  border:1px solid var(--e0b-line-soft);
  border-radius:var(--e0b-radius);
  box-shadow:var(--e0b-shadow);
}

/* ==========================================================================
   ANIMATIONS — CTA / CTR / CTO keyframes
   ========================================================================== */

/* CTA — text_swap_button (declared above with .e0b-btn--cta) */

/* CTR — mini_quiz_box */
@keyframes e0b-ctr-pulse{
  0%, 100%{ box-shadow:0 0 0 0 rgba(229,184,60,.55); }
  50%{ box-shadow:0 0 0 12px rgba(229,184,60,0); }
}
.e0b-ctr-quiz{
  margin:2rem 0;
  padding:1.5rem;
  background:var(--e0b-surface);
  border:1.5px solid var(--e0b-line);
  border-radius:14px;
  animation:e0b-ctr-pulse 2.6s ease-in-out infinite;
}
.e0b-ctr-quiz h4{
  font-family:var(--e0b-font-headings);
  color:var(--e0b-primary);
  margin:0 0 .8rem;
  font-size:1.2rem;
}
.e0b-ctr-quiz-options{
  display:flex; flex-wrap:wrap; gap:.6rem;
  margin-top:.8rem;
}
.e0b-ctr-quiz-options button{
  padding:.55rem 1rem;
  background:#fff;
  border:1.5px solid var(--e0b-line);
  border-radius:24px;
  font:500 .92rem var(--e0b-font-body);
  color:var(--e0b-text);
  cursor:pointer;
  transition:all .2s;
}
.e0b-ctr-quiz-options button:hover{
  background:var(--e0b-accent);
  border-color:var(--e0b-accent);
  color:var(--e0b-text);
}

/* CTO — trustpilot_embed_box */
@keyframes e0b-cto-fade-up{
  from{ opacity:0; transform:translateY(20px); }
  to{ opacity:1; transform:translateY(0); }
}
.e0b-cto-trustpilot{
  margin:2.5rem 0;
  padding:1.6rem;
  background:#fff;
  border:1px solid var(--e0b-line);
  border-radius:12px;
  animation:e0b-cto-fade-up .6s ease-out both;
  display:flex; flex-wrap:wrap;
  align-items:center; gap:1rem;
  justify-content:space-between;
}
.e0b-cto-trustpilot-stars{
  display:inline-flex; gap:.2rem;
  color:var(--e0b-accent);
  font-size:1.4rem; line-height:1;
}
.e0b-cto-trustpilot-stars::before{ content:'★★★★★'; }
.e0b-cto-trustpilot-rating{
  font-family:var(--e0b-font-headings);
  font-size:1.5rem;
  color:var(--e0b-text);
  font-weight:700;
}
.e0b-cto-trustpilot-label{
  color:var(--e0b-text-soft);
  font-size:.9rem;
  display:block; margin-top:.15rem;
}
.e0b-cto-trustpilot-cta{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.65rem 1.25rem;
  background:var(--e0b-primary); color:#fff;
  border-radius:24px;
  text-decoration:none;
  font:600 .92rem var(--e0b-font-body);
  transition:background .25s;
}
.e0b-cto-trustpilot-cta:hover{ background:var(--e0b-primary-dk); color:#fff; text-decoration:none; }

/* ==========================================================================
   FOOTER — 4 columns + harvest_columns style
   ========================================================================== */
.e0b-footer{
  background:#2A1A0F;
  color:#F4E4C1;
  padding:4rem var(--e0b-gutter) 1.5rem;
  border-top:5px solid var(--e0b-accent);
  position:relative;
}
.e0b-footer::before{
  content:'';
  position:absolute; top:0; left:0; right:0; height:5px;
  background:linear-gradient(90deg, var(--e0b-primary) 0%, var(--e0b-accent) 50%, var(--e0b-primary) 100%);
}
.e0b-footer-inner{
  max-width:var(--e0b-container);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
}
@media (min-width:720px){
  .e0b-footer-inner{ grid-template-columns:1.4fr 1fr 1fr; }
}
@media (min-width:1024px){
  .e0b-footer-inner{ grid-template-columns:1.5fr 1fr 1fr 1fr; }
}
.e0b-footer-col{ min-width:0; }
.e0b-footer-title{
  font-family:var(--e0b-font-headings);
  font-size:1.05rem;
  color:#F4E4C1;
  margin:0 0 1rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:600;
}
.e0b-footer-logo{
  display:block;
  height:auto;
  max-width:150px;
  margin-bottom:1rem;
  filter:brightness(0) invert(1);
}
.e0b-footer-brand-pitch{
  color:#EAD9B8;
  font-size:.97rem;
  line-height:1.7;
  margin:0 0 1.2rem;
}
.e0b-footer-brand-cta{
  display:inline-block;
  color:var(--e0b-accent);
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid rgba(229,184,60,.4);
  padding-bottom:.15rem;
}
.e0b-footer-brand-cta:hover{
  color:#fff; border-bottom-color:#fff;
  text-decoration:none;
}
.e0b-footer-links{ list-style:none; margin:0; padding:0; }
.e0b-footer-links li{ margin-bottom:.55rem; }
.e0b-footer-links a{
  color:#F4E4C1;
  text-decoration:none;
  font-size:.95rem;
  transition:color .2s;
}
.e0b-footer-links a:hover{ color:var(--e0b-accent); text-decoration:underline; }

.e0b-footer-social{ display:flex; gap:.7rem; margin-top:1rem; flex-wrap:wrap; }
.e0b-footer-social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px;
  background:rgba(244,228,193,.1);
  border-radius:50%;
  color:#F4E4C1;
  transition:background .25s, color .25s;
}
.e0b-footer-social a:hover{
  background:var(--e0b-accent);
  color:var(--e0b-text);
  text-decoration:none;
}
.e0b-footer-social svg{ width:18px; height:18px; }

.e0b-footer-bottom{
  max-width:var(--e0b-container);
  margin:2.5rem auto 0;
  padding-top:1.6rem;
  border-top:1px solid rgba(244,228,193,.15);
  display:flex; flex-wrap:wrap;
  justify-content:space-between;
  gap:1rem;
  font-size:.88rem;
  color:#EAD9B8;
}
.e0b-footer-legal{ display:flex; gap:1.2rem; flex-wrap:wrap; }
.e0b-footer-legal a{ color:#EAD9B8; text-decoration:none; }
.e0b-footer-legal a:hover{ color:var(--e0b-accent); text-decoration:underline; }

/* ==========================================================================
   ACCESSIBILITY & UTILITY
   ========================================================================== */
.screen-reader-text, .sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
:focus-visible{
  outline:3px solid var(--e0b-accent);
  outline-offset:2px;
  border-radius:4px;
}

/* ==========================================================================
   RESPONSIVE GENERAL
   ========================================================================== */
@media (max-width:600px){
  .e0b-hero-inner{ padding:2rem var(--e0b-gutter) 2.5rem; }
  .e0b-editorial{ padding:2.5rem var(--e0b-gutter); }
  .e0b-categories, .e0b-latest, .e0b-tool-section{ padding:2.5rem var(--e0b-gutter); }
  .e0b-footer{ padding:2.5rem var(--e0b-gutter) 1.2rem; }
  .e0b-card-body{ padding:1.1rem; }
}


/* === RP AGNOSTIC ANTI-FOOTPRINT FIXES === */
/* Auto-append par child_theme_builder pour garantir les regles anti-empreinte (cat-hero, burger, footer, etc.) meme quand Claude override le style.css custom. */
body section[class*="cat-hero"], body div[class*="cat-hero"] {
  position: relative !important;
  width: 100% !important; max-width: 100% !important;
  margin-left: 0 !important; margin-right: 0 !important;
  left: 0 !important; right: 0 !important;
  height: 360px !important; min-height: 360px !important; max-height: 360px !important;
  padding: 0 !important; overflow: hidden !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important;
  border: none !important; box-shadow: none !important; outline: none !important;
  box-sizing: border-box !important;
}
/* Aussi force le parent <main> a etre full-width pour eviter cap a 1024 */
body main, body [class*="lda-main"], body [class*="bdf-main"], body [class*="e0b-main"], body #content {
  width: 100% !important; max-width: 100% !important;
  margin-left: 0 !important; margin-right: 0 !important;
}
body [class*="cat-hero"] > img, body [class*="cat-hero-bg"], body [class*="cat-hero"] img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  max-height: 360px !important;
  object-fit: cover !important; z-index: 0 !important;
  border: none !important;
}
body [class*="cat-hero"]::before, body [class*="cat-hero"]::after {
  content: none !important; display: none !important;
}
/* Overlay : absolute par-dessus l'image, juste pour le gradient sombre (fix 2026-06-17) */
body [class*="cat-hero-overlay"], body [class*="cat-hero"] > [class*="overlay"] {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
  max-width: none !important;
  display: block !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.55) 100%) !important;
  pointer-events: none !important;
  border: none !important;
}
/* Container / inner du titre : centré au-dessus de l'overlay (z-index 2) */
body [class*="cat-hero"] > [class*="container"],
body [class*="cat-hero"] > [class*="cat-hero-inner"],
body [class*="cat-hero"] > [class*="hero-inner"]:not([class*="overlay"]),
body [class*="cat-hero"] > div:not([class*="overlay"]):not([class*="-bg"]) {
  position: relative !important; z-index: 2 !important;
  text-align: center !important;
  max-width: 900px !important; margin: 0 auto !important;
  padding: 1.5rem 2rem !important;
  border: none !important; background: transparent !important;
}
body [class*="cat-hero"] h1 {
  color: #ffffff !important;
  font-size: clamp(2.4rem, 6vw, 4rem) !important;
  text-align: center !important;
  margin: 0 !important; font-weight: 800 !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.85), 0 0 30px rgba(0,0,0,.5) !important;
  border: none !important; display: block !important;
}
body [class*="cat-hero"] [class*="breadcrumb"],
body [class*="cat-hero"] nav[aria-label*="riane"],
body [class*="cat-hero"] nav[aria-label*="readcrumb"] {
  display: none !important;
}


/* [2026-06-17] PERSONA PHOTO — Force taille raisonnable.
   Sans contrainte, l'image 1024x1024 (Codex output) s'affiche en grand
   sur la page "À propos". On force max 280px avec auto height.
*/
body [class*="persona-photo"], body img[class*="persona"], body [class*="-persona"] img {
  max-width: 280px !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 50% !important;
  display: block !important;
  margin: 0 auto !important;
}
@media (min-width: 768px) {
  body [class*="persona-photo"], body img[class*="persona"], body [class*="-persona"] img {
    max-width: 320px !important;
  }
}

/* [2026-06-17] BURGER MOBILE — Garantit l'affichage en mobile.
   Le CSS Claude met souvent display:none par defaut + media query qui
   n'est pas garantie. Force agnostique : tout selecteur contenant "burger"
   visible en mobile, invisible en desktop. Couvre tous prefixes
   (.e0b-, .bdf-, .lda-, etc.) via [class*="burger"].
*/
@media (max-width: 1023px) {
  body [class*="burger"], body button[class*="burger"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 42px !important;
    min-height: 42px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 100 !important;
  }
}
@media (min-width: 1024px) {
  body [class*="burger"], body button[class*="burger"] {
    display: none !important;
  }
}

/* [2026-06-17] BURGER PARENT FIX : si un wrapper du header contient un
   burger, force-le visible en mobile. Claude met parfois le burger DANS un
   wrapper "cta-wrap" qui est display:none en mobile -> burger invisible.
*/
/* [2026-06-17] FOOTER COLOR HERITAGE — Force le footer ENTIER à hériter
   de la couleur du body. Claude définit parfois color:var(--bg) sur le footer
   (utile si bg sombre, illisible si bg clair). On force color:inherit → texte
   reste lisible peu importe le bg footer.
*/
body footer, body [class*="footer"]:not([class*="logo"]):not([class*="brand-logo"]) {
  color: inherit !important;
}

/* [2026-06-17] FOOTER LINKS HERITAGE — Force les liens à hériter du texte.
   Claude définit parfois color: var(--bg) sur les liens footer (utile si bg
   sombre, mais illisible si bg clair). On force color:inherit qui suit le
   texte parent → toujours lisible. underline pour distinguer du texte normal.
*/
body footer ul li a, body footer ol li a,
body [class*="footer"] ul li a:not([class*="btn"]):not([class*="cta"]),
body footer [class*="link"]:not([class*="brand"]):not([class*="btn"]) {
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: currentColor !important;
  opacity: 0.85 !important;
  transition: opacity .2s ease !important;
}
body footer ul li a:hover, body footer ol li a:hover,
body [class*="footer"] ul li a:hover {
  opacity: 1 !important;
  text-decoration-thickness: 2px !important;
}

/* [2026-06-17] BURGER STYLE — 3 barres visibles + hover/animation.
   Le bouton burger Claude est souvent un <button> avec 3 <span> dedans qui
   représentent les barres, mais sans CSS la cible est un carré vide.
   Force ici un style propre, agnostique au prefixe.
*/
body [class*="burger"] {
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 6px;
  cursor: pointer !important;
  padding: 8px;
  color: inherit;
  transition: background .2s ease, border-color .2s ease !important;
}
body [class*="burger"]:hover, body [class*="burger"]:focus-visible {
  background: rgba(0,0,0,0.06);
  border-color: var(--e0b-accent, currentColor);
}
/* Container des 3 barres (peut s'appeler "bars", "lines", etc.) */
body [class*="burger"] > [class*="bar"],
body [class*="burger"] > [class*="line"],
body [class*="burger"] > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 16px;
  gap: 0;
}
/* Les 3 barres elles-mêmes */
body [class*="burger"] [class*="bar"] > span,
body [class*="burger"] [class*="line"] > span,
body [class*="burger"] > span > span {
  display: block;
  width: 22px;
  height: 2.5px;
  background: currentColor;
  border-radius: 2px;
  margin: 2px 0;
  transition: transform .25s ease, opacity .25s ease !important;
}
/* Etat ouvert : transforme en X */
body [class*="burger"][aria-expanded="true"] [class*="bar"] > span:nth-child(1),
body [class*="burger"][aria-expanded="true"] [class*="line"] > span:nth-child(1),
body [class*="burger"][aria-expanded="true"] > span > span:nth-child(1) {
  transform: translateY(6px) rotate(45deg) !important;
}
body [class*="burger"][aria-expanded="true"] [class*="bar"] > span:nth-child(2),
body [class*="burger"][aria-expanded="true"] [class*="line"] > span:nth-child(2),
body [class*="burger"][aria-expanded="true"] > span > span:nth-child(2) {
  opacity: 0 !important;
}
body [class*="burger"][aria-expanded="true"] [class*="bar"] > span:nth-child(3),
body [class*="burger"][aria-expanded="true"] [class*="line"] > span:nth-child(3),
body [class*="burger"][aria-expanded="true"] > span > span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg) !important;
}

@media (max-width: 1023px) {
  body header [class*="cta-wrap"]:has([class*="burger"]),
  body header > div:has([class*="burger"]),
  body [class*="header"] [class*="-wrap"]:has([class*="burger"]),
  body [class*="header-inner"] > div:has([class*="burger"]) {
    display: flex;
    align-items: center;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* [2026-06-19] FIX contraste boutons (anti bouton invisible) */
html body a[class*="btn--primary"], html body button[class*="btn--primary"],
html body a[class*="btn-primary"], html body button[class*="btn-primary"],
html body a[class*="-cta"]:not([class*="ghost"]):not([class*="link"]),
html body button[class*="-cta"]:not([class*="ghost"]):not([class*="link"]) {
  color: #ffffff !important;
}
html body a[class*="btn--ghost"], html body button[class*="btn--ghost"],
html body a[class*="btn--secondary"], html body button[class*="btn--secondary"],
html body a[class*="btn-secondary"], html body button[class*="btn-secondary"] {
  color: var(--e0b-text, #1a1a1a) !important;
}

/* [2026-06-19] PERSONA shape variation seedee : hexagon-soft (12px) */
html body img[class*="persona"],
html body img[class*="author"],
html body img[class*="author-photo"],
html body img[class*="persona-photo"],
html body img[class*="redaction"],
html body img[class*="about-photo"],
html body img[class*="team-photo"],
html body img[class*="profile"],
html body [class*="persona"] > img,
html body [class*="author"] > img:not([class*="logo"]),
html body [class*="about"] img:not([class*="logo"]):not([class*="brand"]) {
  border-radius: 12px !important;
}