/* ═══════════════════════════════════════════════════════════════
   YARA SANTOS — HEADER (bandeau bleu Bahia, nom en double couleur, onglets)
   Chargé sur toutes les pages par include/head.php.
   Sur ordinateur : onglets dans la barre sur les pages classiques ;
   la LP (header placé dans #screen-chat) garde son menu burger.
   ═══════════════════════════════════════════════════════════════ */

/* Bandeau bleu Bahia */
html body header.hdr{background:linear-gradient(165deg,#0D2E42 0%,#123B50 100%) !important;
  border-bottom:1px solid rgba(212,173,85,.35) !important;box-shadow:0 6px 20px rgba(13,46,66,.18)}

/* Nom « YARA SANTOS » : YARA en or, SANTOS en ivoire (remplace le logo image) */
html body header.hdr .hdr-brand{position:relative;display:inline-flex !important;align-items:baseline;gap:.42em;
  text-decoration:none;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:23px;letter-spacing:.2em;line-height:1;padding:8px 0}
html body header.hdr .hdr-brand::before{content:'YARA';color:#D4AD55}
html body header.hdr .hdr-brand::after{content:'SANTOS';color:#F6F0E6;font-weight:400}
html body header.hdr .hdr-brand img{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Burger sur fond bleu */
html body header.hdr .hdr-burger{background:rgba(246,240,230,.06) !important;border:1px solid rgba(212,173,85,.55) !important}
html body header.hdr .hdr-menu{border-top:1px solid rgba(212,173,85,.25) !important}

@media (min-width:900px){
  html body > header.hdr{display:flex !important;flex-wrap:nowrap !important;align-items:center !important}
  html body > header.hdr > .hdr-in{flex:1 1 0 !important;width:auto !important;max-width:none !important;margin:0 !important;padding-left:40px !important;min-width:0}
  html body > header.hdr::after{content:'' !important;display:block !important;flex:1 1 0 !important}
  html body > header.hdr .hdr-burger{display:none !important}

  html body > header.hdr > .hdr-menu{display:block !important;position:static !important;flex:0 0 auto !important;
    width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;
    background:none !important;border:0 !important;box-shadow:none !important;animation:none !important;
    opacity:1 !important;transform:none !important;visibility:visible !important;max-height:none !important;overflow:visible !important}
  html body > header.hdr .hdr-menu-in{display:flex !important;align-items:center !important;gap:44px !important;
    max-width:none !important;margin:0 !important;padding:0 !important}
  html body > header.hdr .hdr-menu a{position:relative;display:inline-block !important;padding:6px 0 !important;border:0 !important;
    font-family:'Jost',sans-serif !important;font-size:15px !important;font-weight:400 !important;letter-spacing:.02em;
    color:rgba(246,240,230,.88) !important;text-decoration:none;white-space:nowrap;transition:color .2s}
  html body > header.hdr .hdr-menu a::after{content:'' !important;position:absolute;left:50%;bottom:-2px;width:0;height:1.5px;
    background:#D4AD55;border-radius:2px;transform:translateX(-50%);transition:width .25s;font-size:0}
  html body > header.hdr .hdr-menu a:hover{color:#D4AD55 !important}
  html body > header.hdr .hdr-menu a:hover::after{width:60%}
}

@media (min-width:900px){ html body header.hdr .hdr-brand{font-size:26px} }