/* ERYX MAROC | intégration premium, structure et optimisation web. */
/* =========================================================
   En-tête : top bar, navigation desktop et menu glass mobile.
   ========================================================= */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 8px 34px rgba(7,31,23,.06)}
.top-header{background:var(--dark);color:#dff5e9;font-size:.86rem}.top-grid{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-contact,.socials{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-contact a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.top-contact .icon{width:15px;height:15px;color:#9cf0bd}.socials a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);transition:.25s var(--ease)}.socials a:hover{background:var(--green);transform:translateY(-2px)}.socials svg{width:15px;height:15px;fill:#fff}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:1}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--green),#073b29);box-shadow:0 14px 30px rgba(10,123,69,.22)}.brand-mark .icon{width:24px;height:24px}.brand-text{display:grid;line-height:1.1}.brand strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:.76rem;color:var(--muted);margin-top:4px}.nav-links{position:relative;display:flex;align-items:center;gap:8px}.nav-links>a:not(.btn){position:relative;padding:12px 14px;border-radius:999px;font-weight:750;font-size:.92rem;color:#2a4338;white-space:nowrap;transition:.25s var(--ease)}.nav-links>a:not(.btn):hover,.nav-links>a:not(.btn).is-active{color:var(--green)}.nav-links>.btn,.nav-links>.btn.is-active{color:#fff}.nav-links>.btn:hover{color:#fff}.nav-indicator{position:absolute;bottom:2px;left:0;width:0;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green-2));transition:left .35s var(--ease),width .35s var(--ease),opacity .2s;opacity:0}.nav-toggle{display:none;width:46px;height:42px;border:0;border-radius:14px;background:rgba(10,123,69,.1);position:relative;z-index:80}.nav-toggle span{display:block;width:21px;height:2px;background:var(--dark);margin:5px auto;border-radius:10px;transition:.25s var(--ease)}.nav-toggle[aria-expanded="true"]{position:fixed;top:22px;left:22px;background:rgba(255,255,255,.18);box-shadow:0 14px 42px rgba(0,0,0,.18)}.nav-toggle[aria-expanded="true"] span{background:#fff}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}


/* Logo officiel : version SVG fournie, ajustée à la hauteur de la barre. */
.brand{display:flex;align-items:center;min-width:0;flex:0 1 auto}
.brand-logo{display:flex;align-items:center;justify-content:flex-start;line-height:0;width:clamp(154px,15vw,206px);height:60px;padding:0;background:transparent;box-shadow:none;border-radius:0;transition:transform .25s var(--ease)}
.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.brand:hover .brand-logo{transform:translateY(-1px)}
.brand-mark,.brand-text{display:none}