/*! zs-menu-close-v2.css · 26 mai 2026 · z/S SYSTEMS
 * Force lisibilité du menu drawer + croix de fermeture cardinale
 * Fix · override -webkit-text-fill-color qui rend les titres noirs
 * HYPOTHESIS · PROPHECY · NUMBER
 */

/* === FORCE OPACITY du contenu drawer quand ouvert === */
body.zs-menu-open #zsMenu .zs-menu-inner,
body.zs-menu-open .zs-menu .zs-menu-inner,
.zs-menu.open .zs-menu-inner,
#zsMenu.open .zs-menu-inner,
.zs-menu[aria-hidden="false"] .zs-menu-inner {
  opacity: 1 !important;
}

/* === FORCE LISIBILITÉ · CRITICAL FIX === */
/* Override -webkit-text-fill-color noir qui était set par le theme */
body.zs-menu-open #zsMenu,
body.zs-menu-open #zsMenu *,
body.zs-menu-open .zs-menu *,
.zs-menu.open *,
#zsMenu.open * {
  color: #FFF5E6 !important;
  -webkit-text-fill-color: #FFF5E6 !important;
}

/* Sous titres en or */
body.zs-menu-open #zsMenu .zs-card-meta,
body.zs-menu-open #zsMenu .zs-card-subtitle,
body.zs-menu-open #zsMenu small,
body.zs-menu-open #zsMenu .zs-card-meta *,
.zs-menu.open .zs-card-meta,
.zs-menu.open .zs-card-subtitle,
.zs-menu.open small {
  color: #FFD480 !important;
  -webkit-text-fill-color: #FFD480 !important;
  opacity: 1 !important;
}

/* Badge LIVE en magenta sur fond ivoire */
body.zs-menu-open #zsMenu .zs-card-live-badge {
  background: #FF1F8B !important;
  color: #FFF5E6 !important;
  -webkit-text-fill-color: #FFF5E6 !important;
}

/* Le bouton OUVRIR LES RUBRIQUES en or */
body.zs-menu-open #zsMenu .zs-rubriques-cta,
body.zs-menu-open #zsMenu [class*="rubriques-cta"],
body.zs-menu-open #zsMenu .zs-cta-rubriques {
  color: #FFD480 !important;
  -webkit-text-fill-color: #FFD480 !important;
  border-color: #FFD480 !important;
}

/* === CROIX DE FERMETURE CARDINALE === */
.zs-menu-close {
  position: fixed;
  top: 18px;
  right: 18px;
  width: 52px;
  height: 52px;
  background: rgba(5, 0, 16, 0.85);
  border: 2px solid #FFD480;
  border-radius: 50%;
  color: #FFF5E6;
  -webkit-text-fill-color: #FFF5E6;
  font-size: 30px;
  line-height: 1;
  font-family: 'JetBrains Mono', 'SF Mono', monospace;
  font-weight: 400;
  cursor: pointer;
  z-index: 999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
  box-shadow: 0 4px 24px rgba(255, 31, 139, 0.35);
  -webkit-tap-highlight-color: transparent;
}
body.zs-menu-open .zs-menu-close {
  display: flex !important;
}
.zs-menu-close:hover,
.zs-menu-close:focus-visible {
  background: #FF1F8B;
  border-color: #FFF5E6;
  transform: rotate(90deg) scale(1.05);
  outline: none;
}
.zs-menu-close:active {
  transform: rotate(90deg) scale(0.95);
}

/* Mobile */
@media (max-width: 768px) {
  .zs-menu-close { top: 14px; right: 14px; width: 46px; height: 46px; font-size: 26px; }
}
@media (max-width: 480px) {
  .zs-menu-close { top: 10px; right: 10px; width: 42px; height: 42px; font-size: 24px; }
}