/* ============================================================================
   chrome.css — En-tête (bandeau + marque + nav) & pied de page KBIS
   Chargé sur TOUTES les pages (header.php / footer.php enfant) pour une
   identité cohérente partout. Tokens & polices : ../../style.css
   ============================================================================ */

.sl-topbar a,.sl-header a,.sl-footer a{text-decoration:none;color:inherit;}

/* ---- BANDEAU HAUT (neutralisé) ---- */
.sl-topbar{background:var(--sl-chocolat);color:var(--sl-texte-clair);text-align:center;
  padding:.6rem 1rem;font-family:var(--sl-serif-text);font-weight:500;font-size:.74rem;
  letter-spacing:.14em;text-transform:uppercase;line-height:1.5;}
.sl-topbar strong{color:var(--sl-or);font-weight:600;}
.sl-topbar .sl-sep{opacity:.45;margin:0 .5rem;}

/* ---- HEADER : marque + navigation ---- */
.sl-header{position:sticky;top:0;z-index:30;
  background:rgba(248,242,231,.94);backdrop-filter:saturate(140%) blur(8px);
  -webkit-backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid rgba(47,39,34,.08);
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:1.1rem clamp(1.2rem,4vw,2.6rem);}
.sl-brand{display:flex;align-items:center;gap:.7rem;flex:none;}
.sl-brand .sl-tri{width:26px;height:23px;flex:none;}
.sl-brand .sl-name{font-family:var(--sl-serif-text);font-weight:500;font-size:1.35rem;
  letter-spacing:.26em;text-transform:uppercase;color:var(--sl-texte);line-height:1;}
.sl-nav{display:flex;align-items:center;gap:1.7rem;}
.sl-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;
  flex-wrap:wrap;gap:1.6rem;}
.sl-nav__list a{font-family:var(--sl-serif-text);font-weight:500;font-size:.82rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--sl-texte);
  padding-bottom:3px;border-bottom:1.5px solid transparent;
  transition:border-color .25s ease,color .25s ease;}
.sl-nav__list a:hover,
.sl-nav__list a.is-active,
.sl-nav__list li.current-menu-item>a{color:var(--sl-corail);border-color:var(--sl-corail);}
.sl-nav__util{display:flex;align-items:center;gap:1.1rem;}
.sl-nav__util a{font-family:var(--sl-serif-text);font-weight:500;font-size:.78rem;
  letter-spacing:.08em;text-transform:uppercase;color:#6b5f56;transition:color .25s ease;}
.sl-nav__util a:hover{color:var(--sl-corail);}

/* ---- Recherche : loupe discrète + panneau dépliable sous le header ---- */
.sl-util-btn{background:none;border:none;cursor:pointer;color:#6b5f56;padding:0;line-height:0;
  display:inline-flex;align-items:center;transition:color .25s ease;}
.sl-util-btn:hover{color:var(--sl-corail);}
.sl-search{position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--sl-ivoire);
  border-top:1px solid rgba(47,39,34,.08);box-shadow:0 14px 26px rgba(47,39,34,.13);}
.sl-search[hidden]{display:none;}
.sl-search__form{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:.7rem;
  padding:1.1rem clamp(1.2rem,4vw,2.6rem);}
.sl-search__ico{color:var(--sl-corail);flex:none;}
.sl-search__form input[type=search]{flex:1;min-width:0;font-family:var(--sl-serif-text);font-size:1.05rem;
  color:var(--sl-texte);background:transparent;border:none;border-bottom:1px solid rgba(47,39,34,.28);
  padding:.5rem .2rem;}
.sl-search__form input[type=search]:focus{outline:none;border-bottom-color:var(--sl-corail);}
.sl-search__form button[type=submit]{flex:none;background:var(--sl-corail);color:#fff;border:none;
  cursor:pointer;font-family:var(--sl-serif-text);font-weight:500;font-size:.74rem;letter-spacing:.12em;
  text-transform:uppercase;padding:.62rem 1.2rem;border-radius:3px;transition:background .25s ease;}
.sl-search__form button[type=submit]:hover{background:var(--sl-chocolat);}

/* ---- FOOTER KBIS (identité duale assumée) ---- */
.sl-footer{background:var(--sl-chocolat);color:var(--sl-texte-clair);text-align:center;
  padding:3.5rem 1.5rem;margin-top:0;}
.sl-footer .sl-f-brand{font-family:var(--sl-serif-text);font-weight:600;font-size:1.1rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--sl-or);margin-bottom:1.1rem;}
.sl-footer p{font-size:.86rem;opacity:.85;margin:.35rem 0;}
.sl-footer a:hover{color:var(--sl-corail);}
.sl-footer .sl-f-links{margin-top:1.3rem;font-size:.82rem;opacity:.95;}
.sl-footer .sl-f-links a{color:#E0BE7E;}
.sl-footer .sl-f-links a:hover{color:var(--sl-corail);text-decoration:underline;}
.sl-footer .sl-legal{font-size:.72rem;opacity:.55;margin-top:1.1rem;}

/* ---- RESPONSIVE ---- */
@media (max-width:860px){
  .sl-header{flex-direction:column;gap:.9rem;padding:1rem 1.2rem;position:relative;}
  .sl-nav{flex-direction:column;gap:.6rem;}
  .sl-nav__list{justify-content:center;gap:.6rem 1.2rem;}
}