/* =============================================================
   ALGUAMAT — HABILLAGE COMMUN (jetons, entête, pied de page)
   -------------------------------------------------------------
   Ces règles étaient dans le <style> de index.html. Elles ont été
   sorties ici, sans être retouchées, pour que toutes les pages du
   site (accueil, boutique) partagent exactement le même habillage
   au lieu d'en entretenir deux copies. Le balisage correspondant
   est produit par chrome.js.

   On n'ajoute PAS de règle propre à une seule page dans ce fichier.
   ============================================================= */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --blue-deep:#0A1628;--sand-white:#F5F0E8;--aqua-green:#1A9B7B;
  --geo-grey:#8A9BA8;--gold:#C8A96E;
}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--blue-deep);color:var(--sand-white);font-family:'Inter',sans-serif;overflow-x:hidden;overscroll-behavior:none}

/* ---- NAVBAR ----
   Bandeau opaque en permanence : le menu ne se superpose plus à la photo du
   hero. Une seule rangée horizontale, espacement régulier, bouton CTA
   rectangulaire arrondi dont le texte ne peut pas passer sur deux lignes. */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;
  background:rgba(7,16,30,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07);
  transition:padding .3s ease,background .3s ease}
nav.scrolled{background:rgba(7,16,30,.985);padding:9px 40px}
/* Wordmark : sans-serif géométrique, accordé au symbole du logo */
.nav-logo{display:inline-flex;align-items:center;gap:11px;font-family:'Inter',sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:3.4px;text-transform:uppercase;color:var(--sand-white);text-decoration:none;white-space:nowrap;flex:0 0 auto;line-height:1}
.nav-logo-img{height:34px;width:auto;display:block;object-fit:contain;flex:0 0 auto}
.nav-links{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;flex:0 1 auto;white-space:nowrap}
.nav-links>li{display:flex;align-items:center}
.nav-links a{color:rgba(245,240,232,.78);text-decoration:none;font-size:.845rem;letter-spacing:.3px;line-height:1;transition:color .25s;white-space:nowrap}
.nav-links a:hover{color:var(--sand-white)}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--aqua-green)!important;color:#fff!important;padding:10px 20px;border-radius:9px;font-size:.845rem!important;font-weight:600;letter-spacing:.2px;line-height:1;white-space:nowrap;transition:background .25s!important}
.nav-cta:hover{background:#15876a!important}
@media(max-width:1180px){nav{padding:12px 24px}nav.scrolled{padding:9px 24px}.nav-links{gap:18px}.nav-links a{font-size:.8rem}}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.hamburger span{display:block;width:24px;height:2px;background:var(--sand-white);border-radius:2px}
.mobile-menu{display:none;position:fixed;inset:0;background:var(--blue-deep);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:32px}
.mobile-menu.open{display:flex}
.nav-lang{background:transparent;border:1px solid rgba(245,240,232,.3);color:var(--sand-white);font-family:'Inter',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:1px;padding:5px 11px;border-radius:100px;cursor:pointer;transition:all .25s}
.nav-lang:hover{border-color:var(--aqua-green);color:var(--aqua-green)}
.mobile-menu a{font-family:'Playfair Display',serif;font-size:2rem;color:var(--sand-white);text-decoration:none}

/* ---- NAV DROPDOWN (Ressources) ---- */
.nav-dropdown{position:relative}
.nav-dropdown-btn{background:none;border:none;color:rgba(245,240,232,.75);font-size:.875rem;letter-spacing:.5px;cursor:pointer;font-family:'Inter',sans-serif;padding:0}
.nav-dropdown-btn:hover{color:var(--sand-white)}
.nav-dropdown-menu{display:none;position:absolute;top:26px;left:50%;transform:translateX(-50%);background:rgba(6,15,28,.97);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:260px;backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.4);z-index:1500}
.nav-dropdown.open .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:.82rem;color:rgba(245,240,232,.82);text-decoration:none;white-space:nowrap}
.nav-dropdown-menu a:hover{background:rgba(26,155,123,.14);color:var(--sand-white)}

.btn-primary{background:var(--aqua-green);color:white;padding:16px 32px;border-radius:100px;font-size:.95rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;letter-spacing:.5px;transition:all .3s;position:relative;overflow:hidden;display:inline-block}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(26,155,123,.4)}
.btn-outline{background:transparent;color:var(--sand-white);padding:16px 32px;border-radius:100px;font-size:.95rem;font-weight:400;text-decoration:none;border:1.5px solid rgba(245,240,232,.4);cursor:pointer;letter-spacing:.5px;transition:all .3s;display:inline-block}
.btn-outline:hover{border-color:var(--sand-white);background:rgba(245,240,232,.06)}

/* ---- FOOTER ----
   Mêmes marges latérales que les autres sections, contenu centré dans un
   conteneur de largeur maximale identique au reste du site. */
footer{background:#030a15;padding:72px 24px 40px;border-top:1px solid rgba(255,255,255,.06)}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:44px;flex-wrap:wrap;gap:36px}
.footer-brand{display:inline-flex;align-items:center;gap:12px}
.footer-logo-img{height:38px;width:auto;display:block;object-fit:contain;flex:0 0 auto}
.footer-logo{font-family:'Inter',sans-serif;font-weight:600;font-size:1.12rem;color:var(--sand-white);letter-spacing:3.4px;text-transform:uppercase;line-height:1}
.footer-links{display:flex;gap:14px 30px;flex-wrap:wrap;align-items:center;max-width:640px;justify-content:flex-end}
.footer-links a{color:rgba(245,240,232,.58);text-decoration:none;font-size:.85rem;line-height:1.4;transition:color .2s;white-space:nowrap}
.footer-links a:hover{color:var(--sand-white)}
.footer-legal{border-top:1px solid rgba(255,255,255,.06);padding-top:28px}
.footer-legal p{font-size:.76rem;color:rgba(245,240,232,.38);line-height:1.7;max-width:760px;margin-bottom:14px}
.footer-copy{font-size:.76rem;color:rgba(245,240,232,.28)}
@media(max-width:860px){footer{padding:56px 24px 32px}.footer-top{flex-direction:column;gap:26px}.footer-links{justify-content:flex-start;max-width:none}}

/* RESPONSIVE — parties entête et pied de page */
@media(max-width:768px){
  nav{padding:16px 20px}nav.scrolled{padding:12px 20px}
  .nav-links{display:none}.nav-cta-desktop{display:none}.hamburger{display:flex}
  footer{padding:40px 20px 24px}.footer-top{flex-direction:column}
}