/* ===========================================
   OVERRIDES — chargé APRÈS theme.php
   =========================================== */

/* Salles — titre et description sur photo */
.salle-card-overlay h3 { color: #FEFCF9 !important; text-shadow: 0 2px 10px rgba(0,0,0,.8), 0 0 30px rgba(0,0,0,.4) !important; }
.salle-card-overlay p { color: rgba(245,240,232,.85) !important; text-shadow: 0 1px 6px rgba(0,0,0,.7) !important; }

/* Événements — titre sur photo */
.evt-icon-overlay h3 { color: #FEFCF9 !important; text-shadow: 0 2px 10px rgba(0,0,0,.8) !important; }
.evt-svg-icon { stroke: #FEFCF9 !important; filter: drop-shadow(0 1px 4px rgba(0,0,0,.6)); }

/* CTA Banner — fond = couleur du thème */
.cta-banner { background: var(--noir, #0A0A0A) !important; padding: 4rem 4rem !important; }
.cta-banner:not(:has(.cta-banner-bg)) .cta-banner-overlay { display: none !important; }
.cta-banner-overlay { background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.7)) !important; }
.cta-banner-content h2 { color: var(--white, #FEFCF9) !important; text-shadow: none; }
.cta-banner-content p { color: var(--text-light, #B8B0A0) !important; text-shadow: none; }

/* Galerie — légende sur photo */
.gal-slide-caption { color: #FEFCF9 !important; }

/* ===== NAV DROPDOWN — même fond que le nav scrollé ===== */
.nav-sub,
.nav-dropdown > .nav-sub {
  background: var(--noir, #0A0A0A) !important;
  border-color: rgba(198,169,108,.15) !important;
  backdrop-filter: blur(20px);
}
.nav.scrolled .nav-sub,
.nav.scrolled .nav-dropdown > .nav-sub {
  background: var(--noir, #0A0A0A) !important;
}
.nav-sub li a {
  color: var(--text-light, #B8B0A0) !important;
  text-shadow: none !important;
}
.nav-sub li a:hover {
  color: var(--gold, #C6A96C) !important;
}

/* ===== MOBILE MENU — plein écran, couleurs du thème ===== */
@media(max-width:768px) {
  .nav-links {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: var(--noir, #0A0A0A) !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1000 !important;
    overflow-y: auto !important;
  }
  .nav-links a,
  .nav.scrolled .nav-links a {
    color: var(--cream, #FEFCF9) !important;
    text-shadow: none !important;
    font-size: .9rem !important;
  }
  .nav-links a:hover,
  .nav.scrolled .nav-links a:hover {
    color: var(--gold, #C6A96C) !important;
  }
  .nav-sub li a,
  .nav.scrolled .nav-sub li a {
    color: var(--text-light, #B8B0A0) !important;
  }
  .nav-sub li a:hover,
  .nav.scrolled .nav-sub li a:hover {
    color: var(--gold, #C6A96C) !important;
  }
  .nav-cta,
  .nav.scrolled .nav-cta {
    border-color: var(--gold, #C6A96C) !important;
    color: var(--gold, #C6A96C) !important;
    text-shadow: none !important;
  }
  .nav-dropdown > .nav-sub {
    background: transparent !important;
    border: none !important;
  }
  .hamburger span {
    background: var(--gold, #C6A96C) !important;
  }
}