/* ════════════════════════════════════════════════════════════
   Equirider Header & Footer 2026 (mu-plugin-eq-header-footer)
   Version : 2026.04.26.1
   Sources : equirider-header-footer-v5.html (mockup valide)
   Scope : .eq-* (desktop + globals) + .m-* (mobile)
   Mobile-first NON : desktop par defaut, breakpoint 1024px
   ════════════════════════════════════════════════════════════ */

:root {
  --eq-black: #000000;
  --eq-dark-bg: #1A1A1A;
  --eq-dark-card: #232323;
  --eq-white: #FFFFFF;
  --eq-gold: #C9A959;
  --eq-gold-dark: #A68B3D;
  --eq-green: #1A5632;
  --eq-green-dark: #134224;
  --eq-turf-red: #DC2626;
  --eq-font-heading: 'Playfair Display', Georgia, serif;
  --eq-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --eq-max-width: 1100px;
}

body.eq-new-header { color: #333; line-height: 1.7; font-size: 16px; }
body.eq-new-header.eq-no-scroll { overflow: hidden; }

/* Suppression globale du tap highlight mobile (rouge sur Samsung/certains Android) */
html, body, body.eq-new-header, body.eq-new-header *, .m-header, .m-header *, .m-drawer, .m-drawer * {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* Empeche tout flash de couleur sur :active des boutons icone */
.m-icon-btn:active, .m-burger:active, .m-search-trigger:active, .m-close-btn:active {
  background: #FAFAF7 !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Logo helpers */
.eq-logo { display: inline-flex; align-items: center; flex-shrink: 0; text-decoration: none; }
.eq-logo svg { display: block; }
.eq-logo-svg { height: 38px; width: auto; }
.m-header .eq-logo-svg,
.m-drawer-header .eq-logo-svg,
.m-footer-brand .eq-logo-svg { height: 30px; }
.eq-turf-logo-svg { height: 32px; width: auto; display: block; margin-bottom: 14px; }

/* ════════════════════════════════════════════════════════════
   DESKTOP HEADER
   ════════════════════════════════════════════════════════════ */
.eq-topbar { background: var(--eq-black); padding: 8px 0; font-size: 13px; color: #aaa; position: relative; z-index: 110; font-family: var(--eq-font-body); }
.eq-topbar-inner { max-width: var(--eq-max-width); margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; }
.eq-topbar a { color: #ccc; margin-right: 24px; font-size: 13px; transition: color 0.2s; text-decoration: none; }
.eq-topbar a:hover { color: var(--eq-gold); }
.eq-topbar-right a { margin: 0 0 0 16px; }

.eq-header { background: var(--eq-white); padding: 16px 0; border-bottom: 1px solid #eee; position: relative; z-index: 100; font-family: var(--eq-font-body); }
.eq-header-inner { max-width: var(--eq-max-width); margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }

.eq-nav { display: flex; align-items: center; gap: 4px; }
.eq-nav-item { position: relative; }
.eq-nav-link { display: inline-flex; align-items: center; gap: 4px; font-weight: 500; font-size: 14px; color: #1A1A1A; padding: 10px 14px; border-radius: 6px; cursor: pointer; transition: color 0.2s, background 0.2s; text-decoration: none; }
.eq-nav-link:hover { color: var(--eq-green); background: #FAFAF7; }
.eq-nav-link::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translate(-2px, -1px); margin-left: 2px; opacity: 0.6; }
.eq-nav-item--simple .eq-nav-link::after { display: none; }

.eq-header-right { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.eq-search-btn { width: 38px; height: 38px; border-radius: 50%; background: #FAFAF7; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; text-decoration: none; transition: background 0.2s; }
.eq-search-btn:hover { background: #F0EFE8; }
.eq-search-btn svg { width: 16px; height: 16px; }

/* Mega-menu */
.eq-megamenu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(8px); background: var(--eq-white); width: 1040px; max-width: 95vw; border-radius: 12px; box-shadow: 0 16px 48px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06); padding: 28px 32px 24px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s, visibility 0.2s, transform 0.2s; z-index: 200; border-top: 3px solid var(--eq-green); }
.eq-nav-item:hover .eq-megamenu,
.eq-nav-item.is-open .eq-megamenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.eq-megamenu-grid { display: grid; grid-template-columns: repeat(3, 1fr) 1.4fr; gap: 28px; }
.eq-megamenu-grid-4 { grid-template-columns: repeat(4, 1fr); gap: 24px; }
.eq-megamenu-col-title { font-family: var(--eq-font-heading); font-weight: 700; font-size: 13px; color: var(--eq-green); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #eee; }
.eq-megamenu-col ul { list-style: none; margin: 0; padding: 0; }
.eq-megamenu-col li { margin-bottom: 7px; }
.eq-megamenu-col a { display: inline-block; font-size: 13.5px; color: #444; font-weight: 500; transition: color 0.15s; text-decoration: none; }
.eq-megamenu-col a:hover { color: var(--eq-green); }
.eq-megamenu-col a.featured { color: var(--eq-green); font-weight: 700; border-top: 0; padding-left: 8px; margin-left: -10px; box-shadow: inset 2px 0 0 var(--eq-gold); }

.eq-megamenu-card { background: linear-gradient(135deg, #1A1A1A 0%, #232323 100%); border-radius: 10px; padding: 18px; color: var(--eq-white); display: flex; flex-direction: column; justify-content: space-between; min-height: 220px; text-decoration: none; }
.eq-megamenu-card-tag { display: inline-block; background: var(--eq-green); color: var(--eq-white); font-size: 10px; padding: 3px 10px; border-radius: 999px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin-bottom: 10px; align-self: flex-start; }
.eq-megamenu-card h4, .eq-megamenu-card .eq-megamenu-card-h { font-family: var(--eq-font-heading); font-weight: 700; font-size: 17px; color: var(--eq-white); line-height: 1.3; margin-bottom: 6px; }
.eq-megamenu-card p { font-size: 12px; color: #aaa; line-height: 1.5; margin-bottom: 10px; }
.eq-megamenu-card-link { color: var(--eq-gold); font-size: 12px; font-weight: 600; text-decoration: none; }
.eq-megamenu-card-link::after { content: ' \2192'; }

.eq-megamenu-footer { margin-top: 20px; padding-top: 14px; border-top: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.eq-megamenu-see-all { color: var(--eq-green); font-weight: 600; text-decoration: none; }
.eq-megamenu-see-all::after { content: ' \2192'; }
.eq-megamenu-help { color: #999; font-size: 12px; }
.eq-megamenu-help a { color: var(--eq-green); font-weight: 600; text-decoration: none; }

/* ════════════════════════════════════════════════════════════
   NEWSLETTER (footer top)
   ════════════════════════════════════════════════════════════ */
.eq-newsletter { background: var(--eq-green); padding: 56px 20px; text-align: center; position: relative; overflow: hidden; font-family: var(--eq-font-body); }
.eq-newsletter-inner { max-width: 720px; margin: 0 auto; position: relative; z-index: 2; }
.eq-newsletter-tag { display: inline-block; background: rgba(201, 169, 89, 0.18); color: var(--eq-gold); font-size: 11px; padding: 5px 16px; border-radius: 999px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 16px; }
.eq-newsletter h2,
.eq-newsletter-title { font-family: var(--eq-font-heading); font-weight: 700; font-size: 32px; color: var(--eq-white); line-height: 1.2; margin-bottom: 10px; }
.eq-newsletter h2 em,
.eq-newsletter-title em { font-style: italic; color: var(--eq-gold); font-weight: 400; }
.eq-newsletter p { font-size: 15px; color: rgba(255,255,255,0.85); margin-bottom: 24px; }
.eq-newsletter-form { display: flex; gap: 8px; max-width: 480px; margin: 0 auto 16px; }
.eq-newsletter-form input { flex: 1; padding: 13px 18px; border-radius: 8px; border: none; font-family: var(--eq-font-body); font-size: 14px; outline: none; }
.eq-newsletter-form button { padding: 13px 26px; background: var(--eq-gold); color: var(--eq-black); border: none; border-radius: 8px; font-family: var(--eq-font-body); font-weight: 700; font-size: 14px; cursor: pointer; }
.eq-newsletter-form button:disabled { opacity: 0.6; cursor: wait; }
.eq-newsletter-promises { display: flex; justify-content: center; gap: 22px; font-size: 12px; color: rgba(255,255,255,0.7); flex-wrap: wrap; }
.eq-newsletter-promises span { display: inline-flex; align-items: center; gap: 6px; }
.eq-newsletter-promises span::before { content: ''; width: 5px; height: 5px; background: var(--eq-gold); border-radius: 50%; display: inline-block; }
.eq-newsletter-msg { margin-top: 12px; min-height: 20px; font-size: 13px; }
.eq-newsletter-msg.is-ok { color: #C9F0D6; }
.eq-newsletter-msg.is-err { color: #FCA5A5; }

/* ════════════════════════════════════════════════════════════
   FOOTER (4 colonnes)
   ════════════════════════════════════════════════════════════ */
.eq-footer { background: var(--eq-black); color: #999; padding: 60px 20px 36px; font-family: var(--eq-font-body); }
.eq-footer-inner { max-width: var(--eq-max-width); margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 36px; }
.eq-footer-brand .eq-logo { margin-bottom: 14px; }
.eq-footer-brand-tagline { font-family: var(--eq-font-heading); font-style: italic; font-size: 14px; color: var(--eq-gold); margin-bottom: 16px; }
.eq-footer-brand-desc { font-size: 13.5px; color: #999; line-height: 1.7; margin-bottom: 20px; max-width: 280px; }
.eq-footer-brand-desc strong { color: var(--eq-white); }

.eq-footer-socials { display: flex; gap: 10px; margin-bottom: 20px; }
.eq-footer-socials a { width: 36px; height: 36px; border-radius: 50%; background: var(--eq-dark-card); display: flex; align-items: center; justify-content: center; transition: background 0.2s, transform 0.2s; }
.eq-footer-socials a:hover { background: var(--eq-gold); transform: translateY(-2px); }
.eq-footer-socials svg { width: 16px; height: 16px; fill: #ccc; transition: fill 0.2s; }
.eq-footer-socials a:hover svg { fill: var(--eq-black); }

.eq-footer-brand-meta { font-size: 12px; color: #666; line-height: 1.7; }
.eq-footer-brand-meta a { color: #999; text-decoration: none; }
.eq-footer-brand-meta a:hover { color: var(--eq-gold); }

.eq-footer-col-title { font-family: var(--eq-font-heading); font-weight: 700; font-size: 13px; color: var(--eq-white); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid var(--eq-dark-card); }
.eq-footer-col ul { list-style: none; margin: 0; padding: 0; }
.eq-footer-col li { margin-bottom: 8px; }
.eq-footer-col a { font-size: 13.5px; color: #999; font-weight: 500; transition: color 0.2s; line-height: 1.5; display: inline-block; text-decoration: none; }
.eq-footer-col a:hover { color: var(--eq-gold); }
.eq-footer-col a.featured { color: #E0D4A8; font-weight: 700; padding-left: 8px; margin-left: -10px; box-shadow: inset 2px 0 0 var(--eq-gold); }
.eq-footer-col a.featured:hover { color: var(--eq-gold); }

/* ════════════════════════════════════════════════════════════
   UNIVERS EQUIRIDER (4 cartouches dont TURF)
   ════════════════════════════════════════════════════════════ */
.eq-universe { background: var(--eq-dark-bg); padding: 40px 20px; border-top: 1px solid var(--eq-dark-card); font-family: var(--eq-font-body); }
.eq-universe-inner { max-width: var(--eq-max-width); margin: 0 auto; }
.eq-universe-title { font-family: var(--eq-font-heading); font-weight: 700; font-size: 13px; color: var(--eq-gold); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 24px; text-align: center; }
.eq-universe-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

.eq-universe-card { background: var(--eq-dark-card); border-radius: 10px; padding: 22px 20px; border-top: 3px solid var(--eq-gold); transition: transform 0.2s, box-shadow 0.2s; display: block; position: relative; text-decoration: none; }
.eq-universe-card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(201,169,89,0.15); }
.eq-universe-card.is-turf { background: linear-gradient(135deg, #000000 0%, #1F0A0A 100%); border-top: 3px solid var(--eq-turf-red); }
.eq-universe-card.is-turf:hover { box-shadow: 0 8px 24px rgba(220, 38, 38, 0.25); }

.eq-universe-card-monogram { display: inline-block; font-family: var(--eq-font-heading); font-weight: 700; font-size: 14px; color: var(--eq-gold); letter-spacing: 1.5px; padding: 4px 11px; border: 1px solid rgba(201, 169, 89, 0.4); border-radius: 4px; margin-bottom: 14px; text-transform: uppercase; }

.eq-universe-card-name { font-family: var(--eq-font-heading); font-weight: 700; font-size: 16px; color: var(--eq-white); margin-bottom: 4px; letter-spacing: 0.3px; }
.eq-universe-card-desc { font-size: 12px; color: #999; line-height: 1.5; margin: 0; }
.eq-universe-card.is-turf .eq-universe-card-desc { color: #b8b8b8; }
.eq-universe-card-link { display: inline-block; margin-top: 10px; font-size: 11.5px; color: var(--eq-gold); font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.eq-universe-card.is-turf .eq-universe-card-link { color: var(--eq-turf-red); }
.eq-universe-card.is-turf .eq-universe-card-link:hover { color: #FF5050; }
.eq-universe-card-link::after { content: ' \2192'; }

.eq-flag-row { display: flex; gap: 4px; margin-bottom: 14px; align-items: center; }
.eq-flag { width: 24px; height: 16px; border-radius: 2px; border: 1px solid rgba(255,255,255,0.1); flex-shrink: 0; display: block; }
.eq-yt-logo { width: 44px; height: auto; margin-bottom: 14px; display: block; }

/* Bandeau legal */
.eq-legal { background: var(--eq-black); padding: 18px 20px; font-size: 11.5px; color: #666; border-top: 1px solid #1A1A1A; font-family: var(--eq-font-body); }
.eq-legal-inner { max-width: var(--eq-max-width); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.eq-legal-copy strong { color: #aaa; }
.eq-legal-links { display: flex; flex-wrap: wrap; gap: 0; }
.eq-legal-links a { color: #777; padding: 0 12px; border-right: 1px solid #333; text-decoration: none; }
.eq-legal-links a:last-child { border-right: none; padding-right: 0; }
.eq-legal-links a:first-child { padding-left: 0; }
.eq-legal-links a:hover { color: var(--eq-gold); }

/* ════════════════════════════════════════════════════════════
   MOBILE HEADER (compact)
   ════════════════════════════════════════════════════════════ */
.m-header { display: none; background: var(--eq-white); padding: 14px 16px; align-items: center; justify-content: space-between; border-bottom: 1px solid #EEE; position: relative; z-index: 100; font-family: var(--eq-font-body); }
.m-header-actions { display: flex; align-items: center; gap: 8px; }
/* NUCLEAR : kill every visual indicator on .m-icon-btn (tous etats + tous descendants) */
.m-header button.m-icon-btn,
.m-header button.m-icon-btn *,
.m-header button.m-icon-btn::before,
.m-header button.m-icon-btn::after,
.m-header button.m-icon-btn:focus,
.m-header button.m-icon-btn:focus *,
.m-header button.m-icon-btn:focus-visible,
.m-header button.m-icon-btn:focus-visible *,
.m-header button.m-icon-btn:focus-within,
.m-header button.m-icon-btn:active,
.m-header button.m-icon-btn:active *,
.m-header button.m-icon-btn:hover,
.m-header button.m-icon-btn:hover *,
.m-header button.m-icon-btn:visited,
.m-header button.m-icon-btn[aria-expanded="true"],
.m-header button.m-icon-btn[aria-expanded="false"] {
  outline: 0 none transparent !important;
  outline-offset: 0 !important;
  outline-width: 0 !important;
  outline-color: transparent !important;
  outline-style: none !important;
  box-shadow: 0 0 0 0 transparent !important;
  border: 0 none transparent !important;
  border-color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  -webkit-focus-ring-color: transparent !important;
}
.m-icon-btn { width: 36px; height: 36px; border-radius: 50%; background: #FAFAF7; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
.m-icon-btn svg { width: 18px; height: 18px; stroke: #1A1A1A; }
.m-burger svg { width: 22px; height: 22px; stroke: #1A1A1A; }

/* ════════════════════════════════════════════════════════════
   MOBILE DRAWER
   ════════════════════════════════════════════════════════════ */
.m-drawer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--eq-white); z-index: 9999; overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s ease; font-family: var(--eq-font-body); }
.m-drawer.is-open { transform: translateX(0); }
.m-drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #EEE; background: var(--eq-white); position: sticky; top: 0; z-index: 5; }
.m-close-btn { width: 36px; height: 36px; border-radius: 50%; background: #FAFAF7; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; }
.m-close-btn svg { width: 18px; height: 18px; stroke: #1A1A1A; }

.m-drawer-search { padding: 12px 16px; background: #FAFAF7; }
.m-search-input { width: 100%; padding: 12px 16px 12px 40px; border-radius: 10px; border: 1px solid #E5E5E0; background: var(--eq-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") no-repeat 14px center; font-family: var(--eq-font-body); font-size: 14px; outline: none; transition: border-color 0.2s; box-sizing: border-box; }
.m-search-input:focus { border-color: var(--eq-green); }

.m-drawer-nav { padding: 8px 0; }
.m-drawer-item { border-bottom: 1px solid #F2F2EC; }
.m-drawer-item-link { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; font-family: var(--eq-font-body); font-weight: 600; font-size: 15px; color: #1A1A1A; cursor: pointer; text-decoration: none; transition: background 0.15s; }
.m-drawer-item-link:active { background: #FAFAF7; }
.m-drawer-item-link .chevron { width: 8px; height: 8px; border-right: 1.5px solid #999; border-bottom: 1.5px solid #999; transform: rotate(-45deg); transition: transform 0.2s; flex-shrink: 0; }
.m-drawer-item.is-open .chevron { transform: rotate(45deg); }

.m-drawer-submenu { display: none; background: #FAFAF7; padding: 8px 0 16px; }
.m-drawer-item.is-open .m-drawer-submenu { display: block; }
.m-submenu-section { padding: 8px 20px; }
.m-submenu-title { font-family: var(--eq-font-heading); font-weight: 700; font-size: 11px; color: var(--eq-green); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid #E5E5E0; }
.m-submenu-section ul { list-style: none; margin: 0; padding: 0; }
.m-submenu-section li { margin-bottom: 2px; }
.m-submenu-section a { display: block; padding: 8px 0; font-size: 14px; color: #444; font-weight: 500; text-decoration: none; }
.m-submenu-section a.featured { color: var(--eq-green); font-weight: 700; padding-left: 8px; margin-left: -10px; box-shadow: inset 2px 0 0 var(--eq-gold); }

.m-drawer-footer { padding: 20px; border-top: 1px solid #EEE; background: #FAFAF7; }
.m-drawer-cta { display: block; background: var(--eq-green); color: var(--eq-white); text-align: center; padding: 14px; border-radius: 8px; font-family: var(--eq-font-body); font-weight: 700; font-size: 14px; text-decoration: none; margin-bottom: 8px; letter-spacing: 0.3px; }
.m-drawer-secondary { display: flex; gap: 8px; margin-bottom: 20px; }
.m-drawer-secondary a { flex: 1; text-align: center; padding: 12px; border-radius: 8px; background: var(--eq-white); border: 1px solid #E5E5E0; font-family: var(--eq-font-body); font-weight: 600; font-size: 13px; color: #1A1A1A; text-decoration: none; }

.m-drawer-universe-title { font-family: var(--eq-font-heading); font-weight: 700; font-size: 11px; color: var(--eq-gold); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px; text-align: center; }
.m-drawer-universe-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.m-drawer-universe-card { background: #1A1A1A; border-radius: 8px; padding: 12px 10px; text-align: left; border-top: 2px solid var(--eq-gold); text-decoration: none; display: block; }
.m-drawer-universe-card.is-turf { background: linear-gradient(135deg, #000 0%, #1F0A0A 100%); border-top: 2px solid var(--eq-turf-red); }
.m-drawer-universe-card-mono { font-family: var(--eq-font-heading); font-weight: 700; font-size: 10px; color: var(--eq-gold); letter-spacing: 1.5px; margin-bottom: 6px; display: block; }
.m-drawer-universe-card.is-turf .m-drawer-universe-card-mono { color: var(--eq-white); font-size: 12px; font-weight: 700; letter-spacing: 0.3px; }
.m-drawer-universe-card.is-turf .m-drawer-universe-card-mono span { background: var(--eq-turf-red); color: var(--eq-white); padding: 2px 7px; border-radius: 4px; font-size: 9px; font-weight: 800; margin-left: 5px; letter-spacing: 1.2px; }
.m-drawer-universe-card-name { font-family: var(--eq-font-heading); font-weight: 700; font-size: 12px; color: var(--eq-white); margin-bottom: 2px; }
.m-drawer-universe-card-desc { font-size: 10px; color: #888; line-height: 1.4; margin: 0; }

.m-drawer-socials { display: flex; justify-content: center; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #E5E5E0; }
.m-drawer-socials a { width: 32px; height: 32px; border-radius: 50%; background: var(--eq-white); border: 1px solid #E5E5E0; display: flex; align-items: center; justify-content: center; }
.m-drawer-socials svg { width: 14px; height: 14px; fill: #555; }

.m-drawer-account { display: flex; gap: 12px; justify-content: center; margin-top: 12px; font-size: 12px; }
.m-drawer-account a { color: #666; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* ════════════════════════════════════════════════════════════
   MOBILE FOOTER (accordions)
   ════════════════════════════════════════════════════════════ */
.m-footer-accordion-item { display: none; }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE - breakpoint 1024px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .eq-topbar { display: none; }
  .eq-header { display: none; }
  .m-header { display: flex; }

  .eq-newsletter { padding: 28px 16px; }
  .eq-newsletter h2,
  .eq-newsletter-title { font-size: 22px; }
  .eq-newsletter p { font-size: 13px; }
  .eq-newsletter-form { max-width: 320px; flex-direction: column; gap: 6px; }
  .eq-newsletter-form input { padding: 11px 14px; font-size: 13px; }
  .eq-newsletter-form button { padding: 11px; font-size: 13px; }
  .eq-newsletter-promises { gap: 10px; font-size: 11px; }

  .eq-footer { padding: 32px 20px 24px; }
  .eq-footer-inner { display: block; }
  .eq-footer-brand { text-align: center; margin-bottom: 20px; padding-bottom: 24px; border-bottom: 1px solid #1A1A1A; }
  .eq-footer-brand .eq-logo { justify-content: center; }
  .eq-footer-brand-desc { margin-left: auto; margin-right: auto; }
  .eq-footer-brand-meta { text-align: center; }
  .eq-footer-socials { justify-content: center; }

  .eq-footer-col { display: none; }
  .m-footer-accordion-item { display: block; border-bottom: 1px solid #1A1A1A; }
  .m-footer-accordion-trigger { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; color: var(--eq-white); font-family: var(--eq-font-heading); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; }
  .m-footer-accordion-trigger .chevron-down { width: 7px; height: 7px; border-right: 1.5px solid #888; border-bottom: 1.5px solid #888; transform: rotate(45deg); transition: transform 0.2s; }
  .m-footer-accordion-item.is-open .chevron-down { transform: rotate(-135deg); }
  .m-footer-accordion-content { padding: 0 0 14px 0; display: none; }
  .m-footer-accordion-item.is-open .m-footer-accordion-content { display: block; }
  .m-footer-accordion-content ul { list-style: none; margin: 0; padding: 0; }
  .m-footer-accordion-content li { padding: 5px 0; }
  .m-footer-accordion-content a { font-size: 13px; color: #999; text-decoration: none; }
  .m-footer-accordion-content a.featured { color: #E0D4A8; font-weight: 700; padding-left: 8px; box-shadow: inset 2px 0 0 var(--eq-gold); }

  .eq-universe-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .eq-universe-card { padding: 14px 12px; }
  .eq-universe-card-name { font-size: 13px; }
  .eq-universe-card-desc { font-size: 11px; }
  .eq-universe-card-link { font-size: 10.5px; }

  .eq-legal-inner { flex-direction: column; text-align: center; }
  .eq-legal-links { justify-content: center; }
}

@media (max-width: 600px) {
  .eq-universe-grid { grid-template-columns: 1fr; }
  .eq-legal-links a { padding: 0 8px; font-size: 10.5px; }
}