/* === MOG GROUP — DARK MODE OVERRIDE === */

/* FONDS */
body { background: #000 !important; color: #FAFAF8 !important; }
nav { background: #000 !important; border-bottom-color: #2A2E3A !important; }
.hero-text { background: #000 !important; }
.cards-wrap { background: #000 !important; padding-right: 0 !important; }
.band-text { background: #000 !important; }
footer { background: #000 !important; border-top-color: #2A2E3A !important; }
.card { background: #000 !important; border: none !important; }
.card:hover { border: none !important; }
.benefit-card { background: #E8E8E8 !important; border-color: #2A2E3A !important; }

/* BORDURES */
.band { border-top-color: #2A2E3A !important; }
.seo-section, .seo-section-wide { border-top-color: #2A2E3A !important; }
.cta-section { border-top-color: #2A2E3A !important; }
.lang-btn { border-color: #444 !important; }
.footer-social-btn { border-color: #333 !important; }

/* NAV */
.nav-inner { padding-right: 0 !important; }
.nav-link { text-transform: uppercase; color: #999 !important; }
.nav-link:hover { color: #FAFAF8 !important; }
.lang-btn { color: #777 !important; }
.lang-btn.active { border-color: #FAFAF8 !important; color: #FAFAF8 !important; }
.nav-cta { background: #FAFAF8 !important; color: #000 !important; }
.nav-cta:hover { background: #E0DCD4 !important; }
.nav-logo img { filter: invert(1); }

/* HERO */
.hero-btns { margin-top: 24px !important; }
.hero-eyebrow { margin-top: 24px; color: #FAFAF8 !important; }
.hero-h1 { font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; color: #A67238 !important; }
.hero-desc { color: #888 !important; }
.hero-photo { aspect-ratio: 1/1 !important; flex: none !important; width: 54% !important; }
.hero-photo video { width: 100%; height: 100%; object-fit: cover; display: block; }

/* BOUTONS */
.btn-dark { background: #FAFAF8 !important; color: #000 !important; }
.btn-dark:hover { background: #E0DCD4 !important; }
.btn-outline { background: #000 !important; color: #A67238 !important; border-color: #A67238 !important; }
.btn-outline:hover { background: #A67238 !important; color: #000 !important; border-color: #A67238 !important; }

/* CARDS */
.cards-section-h2 { text-align: center; font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; font-size: clamp(22px, 3vw, 32px); color: #FAFAF8 !important; }
.card-photo { position: relative; width: 100%; aspect-ratio: 1/1; overflow: hidden; }
.card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(1); }
.card-desc { text-align: center; color: #888; font-size: 15px; font-weight: 400; line-height: 1.6; margin: 16px 0 0; }
.card-btn { display: block; margin-top: 12px; background: #000; color: #A67238; border: 0.5px solid #A67238; font-size: 13px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; padding: 20px 18px; text-align: center; transition: all 0.2s; }
.card-btn:hover { background: #A67238; color: #000; }

/* BAND */
.band { margin: 0 40px !important; padding: 0 !important; width: auto !important; }
.band-h2 { font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; font-size: clamp(22px, 3vw, 32px); color: #FAFAF8 !important; }
.band-quote { border-left-width: 2px; padding-left: 20px; border-left-color: #FAFAF8 !important; }
.band-quote p { font-size: 15px; line-height: 1.9; color: #888 !important; }
.band-cities { font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: #FAFAF8; margin-top: 24px; }
/* SEO SECTIONS */
.seo-label { color: #FAFAF8 !important; }
.seo-h2 { color: #FAFAF8 !important; }
.seo-h2 em { color: #555 !important; }
.seo-text { color: #888 !important; }
.seo-tagline { color: #555 !important; }

/* BENEFITS */
.benefit-title { color: #FAFAF8 !important; }
.benefit-text { color: #888 !important; }

/* CTA */
.cta-h2 { color: #FAFAF8 !important; }
.cta-h2 em { color: #555 !important; }
.cta-text { color: #888 !important; }

/* FOOTER */
.footer-logo img { opacity: 0.7 !important; filter: invert(1); }
.footer-presence { color: #666 !important; }
.footer-link { color: #888 !important; }
.footer-link:hover { color: #FAFAF8 !important; }
.footer-social-btn { color: #888 !important; }
.footer-copy { color: #555 !important; }

/* === BANDEAU LOGOS PARTENAIRES === */
.logos-section { max-width: 1200px; margin: 0 auto; padding: 56px 0 0; }
.logos-section-title { text-align: center; font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif; font-size: clamp(22px, 3vw, 32px); font-weight: 400; color: #FAFAF8; letter-spacing: 0.02em; margin-bottom: 28px; }
.logos-banner { overflow: hidden; padding: 32px 20px; background: #FAFAF8; max-width: 1200px; margin: 0 auto; }
.logos-track { display: flex; align-items: center; gap: 72px; width: max-content; animation: scroll-logos 60s linear infinite; }
.logos-track img { mix-blend-mode: multiply; height: 36px; width: auto; max-width: 120px; object-fit: contain; opacity: 0.7; transition: opacity 0.3s; flex-shrink: 0; }
.logos-track img:hover { opacity: 1; }
.logos-track img[alt="Chauvet"],
.logos-track img[alt="Lacoustics"],
.logos-track img[alt="Martin"],
.logos-track img[alt="Yamaha"],
.logos-track img[alt="Dopchoice"],
.logos-track img[alt="KLARKTEKIK"] { height: 50px; max-width: 160px; } /* logo-bigger */

@keyframes scroll-logos {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* === RESPONSIVE === */
@media (max-width: 900px) {
  .band { margin: 0 20px !important; }
  .logos-banner { margin: 0 auto !important; max-width: calc(100% - 40px) !important; }
  .logos-section { margin: 0 auto !important; max-width: calc(100% - 40px) !important; }
}