/* LE ROY FACTORY — bandeaux publics vert sauge relief 3D
   Ne s'applique jamais au CRM. */
:root{
  --lrf-sage-hi:#b7c6ae;
  --lrf-sage-top:#91a78b;
  --lrf-sage-mid:#71896f;
  --lrf-sage-low:#536b55;
  --lrf-sage-deep:#405342;
  --lrf-gold:#d4af37;
  --lrf-cream:#fffaf0;
}

html body:not(.crm-body) > header,
html body:not(.crm-body) > footer,
html body:not(.crm-body) > .site-header,
html body:not(.crm-body) > .site-footer{
  background-color:var(--lrf-sage-mid)!important;
  background-image:
    radial-gradient(ellipse at 18% -35%,rgba(255,255,255,.38) 0,rgba(255,255,255,.13) 28%,transparent 55%),
    radial-gradient(ellipse at 82% 135%,rgba(29,51,33,.30) 0,transparent 52%),
    repeating-linear-gradient(118deg,rgba(255,255,255,.022) 0 1px,rgba(20,41,25,.018) 1px 3px,transparent 3px 8px),
    linear-gradient(180deg,var(--lrf-sage-hi) 0%,var(--lrf-sage-top) 18%,var(--lrf-sage-mid) 52%,var(--lrf-sage-low) 82%,var(--lrf-sage-deep) 100%)!important;
  background-size:auto!important;
  background-position:center!important;
  background-repeat:repeat!important;
  color:var(--lrf-cream)!important;
  border-color:rgba(212,175,55,.92)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.34),
    inset 0 -3px 0 rgba(42,64,45,.34),
    inset 0 13px 25px rgba(255,255,255,.055),
    inset 0 -16px 28px rgba(30,48,33,.19),
    0 5px 18px rgba(32,48,35,.22)!important;
}

html body:not(.crm-body) > header,
html body:not(.crm-body) > .site-header{
  border-bottom:1px solid var(--lrf-gold)!important;
}

html body:not(.crm-body) > footer,
html body:not(.crm-body) > .site-footer{
  border-top:1px solid var(--lrf-gold)!important;
  border-bottom:0!important;
}

html body:not(.crm-body) > header .container,
html body:not(.crm-body) > footer .container,
html body:not(.crm-body) > .site-header .container,
html body:not(.crm-body) > .site-footer .container{
  position:relative;
  z-index:1;
}

/* Navigation : fort contraste sur le vert sauge. */
html body:not(.crm-body) > header .main-nav > li > a:not(.agent-btn),
html body:not(.crm-body) > .site-header .main-nav > li > a:not(.agent-btn){
  color:#fffdf7!important;
  text-shadow:0 1px 2px rgba(25,42,28,.72),0 0 12px rgba(255,255,255,.08)!important;
  background:transparent!important;
}

html body:not(.crm-body) > header .main-nav > li > a:not(.agent-btn):hover,
html body:not(.crm-body) > header .main-nav > li > a:not(.agent-btn):focus,
html body:not(.crm-body) > header .main-nav > li > a.active:not(.agent-btn),
html body:not(.crm-body) > .site-header .main-nav > li > a:not(.agent-btn):hover,
html body:not(.crm-body) > .site-header .main-nav > li > a:not(.agent-btn):focus,
html body:not(.crm-body) > .site-header .main-nav > li > a.active:not(.agent-btn){
  color:#ffe47a!important;
  background:transparent!important;
  text-shadow:0 1px 2px rgba(25,42,28,.72),0 0 10px rgba(255,215,0,.20)!important;
}

html body:not(.crm-body) > header .main-nav > li > a.lrf-promo-cersaie-tab{
  color:#f6d85f!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:0 1px 2px rgba(25,42,28,.72),0 0 9px rgba(246,216,95,.20)!important;
}
html body:not(.crm-body) > header .main-nav > li > a.lrf-promo-cersaie-tab:hover,
html body:not(.crm-body) > header .main-nav > li > a.lrf-promo-cersaie-tab:focus{
  color:#ffe98f!important;
  background:transparent!important;
  box-shadow:inset 0 -2px 0 rgba(255,215,0,.95)!important;
  text-shadow:0 1px 2px rgba(25,42,28,.72),0 0 12px rgba(255,229,119,.30)!important;
}

html body:not(.crm-body) > header .agent-btn,
html body:not(.crm-body) > .site-header .agent-btn{
  background:linear-gradient(180deg,#425b46 0%,#304334 100%)!important;
  color:#ffe05c!important;
  border:1px solid #e0ba3f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 9px rgba(29,45,32,.23)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.35)!important;
}

html body:not(.crm-body) > header .agent-btn:hover,
html body:not(.crm-body) > .site-header .agent-btn:hover{
  background:linear-gradient(180deg,#e0bd50,#c79c26)!important;
  color:#253429!important;
}

html body:not(.crm-body) > header .burger-btn span,
html body:not(.crm-body) > .site-header .burger-btn span{
  background-color:#fffdf7!important;
  box-shadow:0 1px 2px rgba(28,47,31,.45)!important;
}

/* Footer lisible quelle que soit la feuille CSS historique de la page. */
html body:not(.crm-body) > footer,
html body:not(.crm-body) > footer *,
html body:not(.crm-body) > footer p,
html body:not(.crm-body) > footer div,
html body:not(.crm-body) > footer small,
html body:not(.crm-body) > .site-footer,
html body:not(.crm-body) > .site-footer *{
  color:#fffdf7!important;
  text-shadow:0 1px 2px rgba(25,42,28,.68)!important;
}
html body:not(.crm-body) > footer a,
html body:not(.crm-body) > .site-footer a{
  color:#ffe47a!important;
}

@media(max-width:900px){
  /* Le panneau mobile reste clair pour une lecture parfaite. */
  html body:not(.crm-body) > header nav ul.active,
  html body:not(.crm-body) > .site-header nav ul.active{
    background:#f5f3ea!important;
    background-image:linear-gradient(180deg,#faf8f1,#edf1e9)!important;
  }
  html body:not(.crm-body) > header nav ul.active a:not(.agent-btn),
  html body:not(.crm-body) > .site-header nav ul.active a:not(.agent-btn){
    color:#2f4333!important;
    text-shadow:none!important;
  }
  html body:not(.crm-body) > header nav ul.active a:not(.agent-btn):hover,
  html body:not(.crm-body) > .site-header nav ul.active a:not(.agent-btn):hover{
    color:#826511!important;
  }
}


@media(max-width:900px){
  /* Mobile public : forcer le bandeau sauge même face aux anciens styles premium noirs. */
  html body:not(.crm-body).lrf-premium-v2.lrf-premium-v2 > header,
  html body:not(.crm-body).lrf-premium-v2.lrf-premium-v2 > .site-header,
  html body:not(.crm-body) > header,
  html body:not(.crm-body) > .site-header{
    background-color:var(--lrf-sage-mid)!important;
    background-image:
      radial-gradient(ellipse at 18% -35%,rgba(255,255,255,.38) 0,rgba(255,255,255,.13) 28%,transparent 55%),
      radial-gradient(ellipse at 82% 135%,rgba(29,51,33,.30) 0,transparent 52%),
      linear-gradient(180deg,var(--lrf-sage-hi) 0%,var(--lrf-sage-top) 18%,var(--lrf-sage-mid) 52%,var(--lrf-sage-low) 82%,var(--lrf-sage-deep) 100%)!important;
    border-bottom:1px solid var(--lrf-gold)!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.30),inset 0 -3px 0 rgba(42,64,45,.28),0 5px 18px rgba(32,48,35,.20)!important;
  }
  html body:not(.crm-body).lrf-premium-v2.lrf-premium-v2 .burger-btn,
  html body:not(.crm-body) > header .burger-btn,
  html body:not(.crm-body) > .site-header .burger-btn{
    background:linear-gradient(180deg,#7f987b,#5f765f)!important;
    border-color:#d6b64a!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 10px rgba(36,58,40,.18)!important;
  }
  html body:not(.crm-body).lrf-premium-v2.lrf-premium-v2 .burger-btn span,
  html body:not(.crm-body) > header .burger-btn span,
  html body:not(.crm-body) > .site-header .burger-btn span{
    background:#fff6cf!important;
  }
}