/**
 * LOGUETOWN GL — Design System Grand Ligne
 * ─────────────────────────────────────────
 * Source unique pour la palette One Piece premium.
 * Charger APRÈS dist/styles.min.css (Tailwind) et loguetown-design-2026.css.
 * Scope : body.lt26-grain — zéro conflit Tailwind, zéro !important abusif.
 *
 * Stratégie : redéfinit les tokens --lt26-* sur body.lt26-grain pour que
 * loguetown-design-2026.css hérite automatiquement des couleurs Grand Ligne.
 */

/* ═══════════════════════════════════════════════════════════
   1. TOKENS GRAND LIGNE + RÉALIGNEMENT --lt26-*
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain {
  /* Palette ocean */
  --gl-ocean-0:   #050a1a;
  --gl-ocean-1:   #0a1628;
  --gl-ocean-2:   #0d1f3c;
  --gl-ocean-3:   #122040;

  /* Or */
  --gl-gold:      #d4a017;
  --gl-gold-l:    #f0c842;
  --gl-gold-xl:   #ffe680;
  --gl-gold-g:    rgba(212,160,23,.35);

  /* Accent */
  --gl-red:       #e63946;

  /* Texte */
  --gl-text:      #e8dfc8;
  --gl-text-d:    #9aa5b4;

  /* Bordures */
  --gl-border:    rgba(212,160,23,.18);
  --gl-border-h:  rgba(212,160,23,.45);

  /* Radii */
  --gl-r:         10px;
  --gl-r-lg:      18px;
  --gl-r-xl:      28px;

  /* Motion */
  --gl-ease:      cubic-bezier(0.34, 1.56, 0.64, 1);
  --gl-ease-out:  cubic-bezier(0.16, 1, 0.3, 1);

  /* Nav */
  --gl-nav-h:     76px;

  /* Fonts */
  --gl-f-title:  'Cinzel Decorative', 'Cinzel', serif;
  --gl-f-label:  'Cinzel', serif;
  --gl-f-body:   'Rajdhani', 'Segoe UI', sans-serif;

  /* ── Réalignement : les tokens --lt26-* pointent vers Grand Ligne ── */
  /* loguetown-design-2026.css utilisera automatiquement ces valeurs.   */
  --lt26-champagne:       var(--gl-gold);
  --lt26-champagne-soft:  var(--gl-gold-l);
  --lt26-champagne-deep:  #b8860b;
  --lt26-champagne-glow:  var(--gl-gold-g);
  --lt26-coral:           var(--gl-red);
  --lt26-coral-deep:      #c0392b;
  --lt26-bg:              var(--gl-ocean-0);
  --lt26-bg-soft:         var(--gl-ocean-1);
  --lt26-bg-elev:         var(--gl-ocean-2);
  --lt26-bg-elev2:        var(--gl-ocean-3);
  --lt26-ink:             var(--gl-text);
  --lt26-ink-soft:        var(--gl-text-d);
  --lt26-ink-mute:        rgba(232,223,200,.46);
  --lt26-line:            var(--gl-border);
  --lt26-line-strong:     var(--gl-border-h);
  --lt26-serif:           var(--gl-f-title);
  --lt26-sans:            var(--gl-f-body);
  --lt26-mono:            'JetBrains Mono', ui-monospace, monospace;
}

/* ═══════════════════════════════════════════════════════════
   2. BASE
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain {
  background-color: var(--gl-ocean-0);
  color: var(--gl-text);
  font-family: var(--gl-f-body);
  font-size: 1.05rem;
  line-height: 1.65;
  scrollbar-width: thin;
  scrollbar-color: var(--gl-gold) var(--gl-ocean-1);
  scroll-padding-top: var(--gl-nav-h);
  -webkit-font-smoothing: antialiased;
}

/* WebKit scrollbar */
body.lt26-grain ::-webkit-scrollbar        { width: 8px; }
body.lt26-grain ::-webkit-scrollbar-track  { background: var(--gl-ocean-1); }
body.lt26-grain ::-webkit-scrollbar-thumb  { background: var(--gl-gold); border-radius: 4px; }
body.lt26-grain ::-webkit-scrollbar-thumb:hover { background: var(--gl-gold-l); }

body.lt26-grain ::selection { background: rgba(212,160,23,.35); color: var(--gl-text); }
body.lt26-grain :focus-visible { outline: 2px solid var(--gl-gold); outline-offset: 3px; }
body.lt26-grain hr { border: none; border-top: 1px solid var(--gl-border); margin: 1.5rem 0; }

/* ═══════════════════════════════════════════════════════════
   3. NAV OFFSET — annule le double-padding de design-2026.css
   ═══════════════════════════════════════════════════════════ */

/* Pages SANS hero plein-écran : offset sur le body */
body.lt26-grain:not(.lt-accueil-gl):not(.lt-acheter-gl) {
  padding-top: var(--gl-nav-h);
}

/* Les pages modernes gerent leur propre espace sous la nav. */
body.lt26-grain:not(.lt-accueil-gl):not(.lt-acheter-gl):has(:is(main.lt26-page, main.ma-collection-page, main.annonce-detail-page, .auth-page-container, .checkout-page)) {
  padding-top: 0;
}
/* Annule seulement les vieux wrappers <main> sans classe.
   Les pages modernes portent une classe et gerent elles-memes leur offset nav. */
body.lt26-grain main:not([class]) { padding-top: 0; }
body.lt26-grain main.lt26-home { padding-top: 0; }

@media (max-width: 720px) { body.lt26-grain { --gl-nav-h: 60px; } }

/* ═══════════════════════════════════════════════════════════
   4. NAV GRAND LIGNE
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain .lt26-nav.lt26-nav--grand-line {
  position: fixed;
  top: 0; left: 0; right: 0;
  min-height: var(--gl-nav-h);
  z-index: 900;
  background: linear-gradient(180deg, rgba(5,10,26,.97) 0%, rgba(10,22,40,.88) 100%);
  border-bottom: 1px solid transparent;
  transition: background .3s var(--gl-ease-out),
              border-color .3s,
              backdrop-filter .3s,
              box-shadow .3s;
}

body.lt26-grain .lt26-nav.lt26-nav--grand-line.is-scrolled {
  background: rgba(5,10,26,.97);
  backdrop-filter: blur(18px) saturate(1.4);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  border-color: var(--gl-border);
  box-shadow: 0 4px 32px rgba(0,0,0,.5), 0 1px 0 var(--gl-border);
}

/* ═══════════════════════════════════════════════════════════
   5. TYPOGRAPHIE
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain h1,
body.lt26-grain h2,
body.lt26-grain h3 {
  font-family: var(--gl-f-label);
  color: var(--gl-gold-l);
  letter-spacing: .04em;
}
body.lt26-grain h1 { font-size: clamp(1.6rem, 4vw, 2.8rem); }
body.lt26-grain h2 { font-size: clamp(1.25rem, 2.8vw, 2rem); }
body.lt26-grain h3 { font-size: clamp(1.05rem, 2vw, 1.45rem); }

body.lt26-grain p          { color: var(--gl-text-d); }
body.lt26-grain strong,
body.lt26-grain b          { color: var(--gl-text); }
body.lt26-grain a          { color: var(--gl-gold-l); text-decoration: none; }
body.lt26-grain a:hover    { color: var(--gl-gold-xl); }

/* Eyebrow label style */
body.lt26-grain .lt26-eyebrow,
body.lt26-grain .lt-eyebrow {
  font-family: var(--gl-f-label);
  font-size: .7rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--gl-gold);
}

/* ═══════════════════════════════════════════════════════════
   6. CURSEUR OR — masque l'ancien curseur blanc LT26
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain .lt26-cursor-dot,
body.lt26-grain .lt26-cursor-ring { display: none; }

body.lt-gl-cursor-ready        { cursor: none; }
body.lt-gl-cursor-ready *      { cursor: none; }

#lt-gl-cur {
  position: fixed;
  width: 22px; height: 22px;
  border: 2px solid var(--gl-gold, #d4a017);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 99999;
  transition: width .25s, height .25s, border-color .25s;
  mix-blend-mode: difference;
}
#lt-gl-cur2 {
  position: fixed;
  width: 6px; height: 6px;
  background: var(--gl-gold, #d4a017);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 99999;
}

/* ═══════════════════════════════════════════════════════════
   7. GRAIN OVERLAY
   ═══════════════════════════════════════════════════════════ */
/* Réécrit le grain de design-2026.css pour utiliser les tokens GL */
body.lt26-grain::after {
  content: "";
  position: fixed; inset: 0;
  pointer-events: none; z-index: 9999; opacity: 0.025;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* ═══════════════════════════════════════════════════════════
   8. BOUTONS
   ═══════════════════════════════════════════════════════════ */
/* Surcharge les variants .lt26-btn de design-2026.css */
body.lt26-grain .lt26-btn {
  font-family: var(--gl-f-label);
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 6px;
  transition: filter .25s var(--gl-ease-out),
              transform .2s var(--gl-ease-out),
              box-shadow .25s;
}
body.lt26-grain .lt26-btn--champ {
  background: linear-gradient(135deg, var(--gl-gold) 0%, #b8860b 100%);
  color: #050a1a;
  border: none;
}
body.lt26-grain .lt26-btn--champ:hover { filter: brightness(1.12); transform: translateY(-2px); }

body.lt26-grain .lt26-btn--ghost {
  background: transparent;
  color: var(--gl-gold-l);
  border: 1px solid var(--gl-border-h);
}
body.lt26-grain .lt26-btn--ghost:hover { background: rgba(212,160,23,.1); border-color: var(--gl-gold-l); }

body.lt26-grain .lt26-btn--coral {
  background: var(--gl-red);
  color: #fff;
  border: none;
}
body.lt26-grain .lt26-btn--coral:hover { filter: brightness(1.1); transform: translateY(-2px); }

/* ═══════════════════════════════════════════════════════════
   9. CARTES GÉNÉRIQUES
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain .lt26-card {
  background: linear-gradient(145deg, var(--gl-ocean-1), var(--gl-ocean-2));
  border: 1px solid var(--gl-border);
  border-radius: var(--gl-r-lg);
  color: var(--gl-text);
  transition: border-color .3s, transform .3s, box-shadow .3s;
}
body.lt26-grain .lt26-card:hover {
  border-color: var(--gl-border-h);
  box-shadow: 0 8px 32px rgba(0,0,0,.45), 0 0 0 1px var(--gl-border-h);
  transform: translateY(-3px);
}

/* ═══════════════════════════════════════════════════════════
   10. FORMULAIRES
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]):not([type="range"]),
body.lt26-grain select,
body.lt26-grain textarea {
  background: rgba(10,22,40,.9);
  border: 1px solid var(--gl-border);
  border-radius: var(--gl-r);
  color: var(--gl-text);
  padding: .55rem .85rem;
  font-family: var(--gl-f-body);
  font-size: 1rem;
  transition: border-color .25s, box-shadow .25s;
}
body.lt26-grain input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]):not([type="range"]):focus,
body.lt26-grain select:focus,
body.lt26-grain textarea:focus {
  outline: none;
  border-color: var(--gl-gold);
  box-shadow: 0 0 0 3px var(--gl-gold-g);
}
body.lt26-grain input::placeholder,
body.lt26-grain textarea::placeholder { color: var(--gl-text-d); opacity: .7; }
body.lt26-grain select option          { background: var(--gl-ocean-1); color: var(--gl-text); }

/* ═══════════════════════════════════════════════════════════
   11. TABLEAUX
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain table { border-collapse: collapse; width: 100%; }
body.lt26-grain th {
  font-family: var(--gl-f-label);
  color: var(--gl-gold);
  border-bottom: 1px solid var(--gl-border);
  padding: .65rem 1rem;
  font-size: .8rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: left;
}
body.lt26-grain td {
  padding: .6rem 1rem;
  border-bottom: 1px solid rgba(212,160,23,.07);
  color: var(--gl-text-d);
}
body.lt26-grain tr:hover td { background: rgba(212,160,23,.04); }

/* ═══════════════════════════════════════════════════════════
   12. BADGES / ÉTIQUETTES
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain .lt26-tag,
body.lt26-grain .badge {
  background: rgba(212,160,23,.12);
  border: 1px solid rgba(212,160,23,.28);
  color: var(--gl-gold-l);
  border-radius: 4px;
  padding: .15rem .55rem;
  font-size: .78rem;
  font-family: var(--gl-f-label);
  letter-spacing: .06em;
}

/* ═══════════════════════════════════════════════════════════
   13. FOOTER
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain .lt26-footer {
  background: var(--gl-ocean-0) !important;
  border-top: 1px solid rgba(212, 160, 23, 0.15) !important;
  color: #e8e0d0;
  margin-top: 0 !important;
  padding: 80px max(24px, 8vw) 40px !important;
}

body.lt26-grain .lt26-footer__top {
  max-width: 1480px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(212, 160, 23, 0.1) !important;
  padding: 0 0 56px !important;
  margin: 0 auto 56px !important;
}

body.lt26-grain .lt26-footer__big,
body.lt26-grain .lt26-footer__big em {
  font-family: "Cinzel Decorative", serif !important;
  background: linear-gradient(135deg, #ffe680, #d4a017, #f0c842) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-style: normal !important;
}

body.lt26-grain .lt26-footer__col-title {
  font-family: Cinzel, serif !important;
  font-size: 0.68rem !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--gl-gold) !important;
  border-bottom: 1px solid rgba(212, 160, 23, 0.15) !important;
  padding-bottom: 0.6rem !important;
  margin-bottom: 1rem !important;
}

body.lt26-grain .lt26-footer__links a,
body.lt26-grain .lt26-footer__desc {
  color: rgba(232, 224, 208, 0.42) !important;
  transition: color 0.3s !important;
}

body.lt26-grain .lt26-footer__links a:hover {
  color: var(--gl-gold) !important;
  text-decoration: none !important;
}

body.lt26-grain .lt26-footer__logo-img {
  filter: brightness(0.9) sepia(0.2) saturate(1.4) !important;
}

body.lt26-grain .lt26-footer__top .lt26-btn--coral {
  background: linear-gradient(135deg, var(--gl-gold-l), #b8860b) !important;
  color: #050a1a !important;
  border: none !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important;
}

body.lt26-grain .lt26-footer__top .lt26-btn--ghost {
  border-color: rgba(212, 160, 23, 0.45) !important;
  color: var(--gl-gold) !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important;
}

body.lt26-grain .lt26-footer__top .lt26-btn--ghost:hover {
  background: rgba(212, 160, 23, 0.08) !important;
}

body.lt26-grain .lt26-footer__social-btn {
  border-color: rgba(212, 160, 23, 0.35) !important;
  color: rgba(212, 160, 23, 0.7) !important;
}

body.lt26-grain .lt26-footer__social-btn:hover {
  background: rgba(212, 160, 23, 0.12) !important;
  border-color: var(--gl-gold) !important;
  color: var(--gl-gold) !important;
}

body.lt26-grain .lt26-footer__legal {
  max-width: 1480px !important;
  border-top: 1px solid rgba(212, 160, 23, 0.1) !important;
  color: rgba(232, 224, 208, 0.22) !important;
  font-family: Cinzel, serif !important;
  font-size: 0.6rem !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

body.lt26-grain .lt26-footer__legal-links a {
  color: rgba(232, 224, 208, 0.22) !important;
}

body.lt26-grain .lt26-footer__legal-links a:hover {
  color: var(--gl-gold) !important;
}

@media (max-width: 640px) {
  body.lt26-grain .lt26-footer {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    padding: 60px 20px 40px !important;
  }

  body.lt26-grain .lt26-footer__big {
    font-size: clamp(2rem, 12vw, 3.4rem) !important;
    line-height: 1.05 !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   14. REVEAL AU SCROLL
   ═══════════════════════════════════════════════════════════ */
body.lt26-grain .lt-gl-rv {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .9s var(--gl-ease-out), transform .9s var(--gl-ease-out);
}
body.lt26-grain .lt-gl-rv.lt-gl-vis { opacity: 1; transform: translateY(0); }

/* Stagger helpers */
body.lt26-grain .lt-gl-rv[data-delay="1"] { transition-delay: 100ms; }
body.lt26-grain .lt-gl-rv[data-delay="2"] { transition-delay: 200ms; }
body.lt26-grain .lt-gl-rv[data-delay="3"] { transition-delay: 300ms; }

/* ═══════════════════════════════════════════════════════════
   15. KEYFRAMES PARTAGÉS
   ═══════════════════════════════════════════════════════════ */
@keyframes gl-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-10px); }
}
@keyframes gl-glow-pulse {
  0%, 100% { box-shadow: 0 0 12px rgba(212,160,23,.3); }
  50%       { box-shadow: 0 0 28px rgba(212,160,23,.6); }
}
@keyframes gl-fade-up {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes gl-pin-pulse {
  0%, 100% { transform: translate(-50%,-50%) scale(1); }
  50%       { transform: translate(-50%,-50%) scale(1.18); }
}

/* ═══════════════════════════════════════════════════════════
   16. RÉDUCTION DE MOUVEMENT
   ═══════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  body.lt26-grain *,
  body.lt26-grain *::before,
  body.lt26-grain *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   17. NAV INNER GRAND LIGNE — universel
   Classes utilisées dans header-nav-grand-line-inner.php.
   accueil-grand-line.css et acheter-grand-line.css peuvent
   surcharger ici pour leurs variantes spécifiques.
   ═══════════════════════════════════════════════════════════ */

/* Conteneur interne */
body.lt26-grain .lt-gl-nav__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem 1rem;
  flex-wrap: wrap;
  min-height: var(--gl-nav-h);
}

/* Logo / brand */
body.lt26-grain .lt-gl-nav__brand {
  font-family: var(--gl-f-title);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  color: var(--gl-gold);
  letter-spacing: 3px;
  text-decoration: none;
  text-shadow: 0 0 24px var(--gl-gold-g);
  flex-shrink: 0;
  transition: color .25s;
}
body.lt26-grain .lt-gl-nav__brand:hover { color: var(--gl-gold-l); }

/* Logo header — wordmark doré (logo-loguetown-header.png) */
body.lt26-grain .lt-gl-nav__brand .lt26-nav__logo,
body.lt26-grain .lt-gl-nav__logo,
.lt26-nav__brand .lt26-nav__logo {
  display: block;
  height: clamp(26px, 7vw, 38px);
  width: auto;
  max-width: min(200px, 54vw);
  object-fit: contain;
  object-position: left center;
}

/* Liste de liens */
body.lt26-grain .lt-gl-nav__links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 200px;
  gap: .25rem 1.1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

/* Lien nav individuel */
body.lt26-grain a.lt-gl-nlink {
  font-family: var(--gl-f-label);
  font-size: .72rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(232,224,208,.55);
  text-decoration: none;
  position: relative;
  padding-bottom: 5px;
  white-space: nowrap;
  transition: color .3s;
}
body.lt26-grain a.lt-gl-nlink::after {
  content: "";
  position: absolute;
  bottom: -1px; left: 0;
  width: 0; height: 1px;
  background: var(--gl-gold);
  transition: width .3s;
}
body.lt26-grain a.lt-gl-nlink:hover,
body.lt26-grain a.lt-gl-nlink.is-active { color: var(--gl-gold); }
body.lt26-grain a.lt-gl-nlink:hover::after,
body.lt26-grain a.lt-gl-nlink.is-active::after { width: 100%; }
body.lt26-grain a.lt-gl-nlink:focus-visible {
  outline: 2px solid var(--gl-gold);
  outline-offset: 3px;
  color: var(--gl-gold);
}

/* Barre de recherche dans la nav */
body.lt26-grain .lt-gl-nav__search.lt26-nav__search { margin: 0 6px; }
body.lt26-grain .lt-gl-nav__search .lt26-nav__search-input {
  width: 150px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--gl-border);
  color: var(--gl-text);
  font-family: var(--gl-f-body);
  padding: 0 38px 0 12px;
  font-size: .88rem;
  outline: none;
  transition: width .3s var(--gl-ease-out), border-color .25s, box-shadow .25s;
}
body.lt26-grain .lt-gl-nav__search .lt26-nav__search-input::placeholder { color: rgba(232,224,208,.35); }
body.lt26-grain .lt-gl-nav__search .lt26-nav__search-input:focus {
  width: 190px;
  border-color: rgba(212,160,23,.55);
  box-shadow: 0 0 0 2px rgba(212,160,23,.15);
}

/* Zone d'actions (icônes + boutons) */
body.lt26-grain .lt-gl-nav__actions.lt26-nav__actions {
  gap: 5px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Icônes ♡ ✉ */
body.lt26-grain .lt26-nav--grand-line .lt26-nav__icon {
  color: rgba(232,224,208,.55);
  transition: color .2s, background .2s;
}
body.lt26-grain .lt26-nav--grand-line .lt26-nav__icon:hover {
  color: var(--gl-gold);
  background: rgba(212,160,23,.1);
}

/* Bouton Explorer (or) */
body.lt26-grain .lt-gl-nav__explore {
  font-family: var(--gl-f-label);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: .65rem 1.35rem;
  background: linear-gradient(135deg, var(--gl-gold-l), #b8860b);
  color: #050a1a;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  transition: transform .3s, box-shadow .3s;
}
body.lt26-grain .lt-gl-nav__explore:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 22px var(--gl-gold-g);
  color: #050a1a;
}

/* Bouton Déposer (contour) */
body.lt26-grain .lt-gl-nav__deposit {
  font-family: var(--gl-f-label);
  font-size: .68rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: .55rem .85rem;
  background: transparent;
  color: var(--gl-gold);
  border: 1px solid var(--gl-border-h);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
  transition: background .25s, border-color .25s;
}
body.lt26-grain .lt-gl-nav__deposit:hover {
  background: rgba(212,160,23,.1);
  border-color: var(--gl-gold);
  color: var(--gl-gold);
}

/* Bouton user */
body.lt26-grain .lt26-nav--grand-line .lt26-nav__user-btn {
  color: rgba(232,224,208,.85);
  border-color: rgba(212,160,23,.25);
  background: rgba(10,22,40,.7);
}
body.lt26-grain .lt26-nav--grand-line .lt26-nav__user-btn:hover {
  border-color: var(--gl-gold);
  box-shadow: 0 0 0 3px var(--gl-gold-g);
}

/* Hamburger barres */
body.lt26-grain .lt26-nav--grand-line .lt26-nav__hamburger span {
  background: var(--gl-text);
}

/* Responsive — compact */
@media (max-width: 1100px) {
  body.lt26-grain .lt-gl-nav__links {
    order: 3;
    flex-basis: 100%;
    justify-content: flex-start;
    padding-top: .35rem;
    border-top: 1px solid rgba(212,160,23,.12);
  }
  body.lt26-grain .lt-gl-nav__search.lt26-nav__search { flex: 1; margin: 0; }
  body.lt26-grain .lt-gl-nav__search .lt26-nav__search-input { width: 100%; max-width: 100%; }
}

@media (max-width: 768px) {
  body.lt26-grain .lt-gl-nav__inner {
    min-height: var(--gl-nav-h);
    flex-wrap: nowrap;
    gap: 6px;
  }
  body.lt26-grain .lt-gl-nav__links { display: none; }
  body.lt26-grain .lt-gl-nav__search.lt26-nav__search { display: none; }
  body.lt26-grain .lt-gl-nav__brand {
    flex: 0 0 auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
  }
  body.lt26-grain .lt-gl-nav__brand .lt26-nav__logo {
    height: 30px;
    max-width: min(140px, 48vw);
  }
  body.lt26-grain .lt-gl-nav__actions.lt26-nav__actions {
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
  }
}