/* ========================================
   THEME SYSTEM - DARK / RAINBOW
   ======================================== */

/* Toggle sur pages secondaires - CENTRÉ entre Ressources et CTA */
body > .theme-toggle {
  position: fixed !important;
  top: 1.8rem !important;
  right: 19rem !important;
  z-index: 1000 !important;
}

/* Cacher le toggle quand modal vidéo ouverte */
.modal:not(.hidden) ~ .theme-toggle,
body:has(.modal:not(.hidden)) .theme-toggle {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ========================================
   MODE RAINBOW
   ======================================== */

/* Titres en gradient arc-en-ciel animé */
body[data-theme="rainbow"] h1:not(.header *):not(.footer *):not(.pricing-card *):not(.pricing-card-popular *),
body[data-theme="rainbow"] h2:not(.header *):not(.footer *):not(.pricing-card *):not(.pricing-card-popular *),
body[data-theme="rainbow"] h3:not(.header *):not(.footer *):not(.pricing-card *):not(.pricing-card-popular *) {
  background: linear-gradient(90deg, #FF1493 0%, #00FFFF 25%, #FFD700 50%, #00FF00 75%, #FF1493 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-size: 200% auto !important;
  animation: rainbow-shift 3s linear infinite !important;
}

@keyframes rainbow-shift {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* Buttons rainbow */
body[data-theme="rainbow"] .btn-primary {
  background: linear-gradient(135deg, #FF1493 0%, #FF69B4 50%, #FFD700 100%) !important;
  color: #FFFFFF !important;
}

body[data-theme="rainbow"] .btn-outline {
  border: 2px solid #00FFFF !important;
  color: #00FFFF !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/* ===== GLOW ROSE/ARC-EN-CIEL derrière tête enfant ===== */
body[data-theme="rainbow"] .logo-glow {
  background: #FF1493 !important;
  opacity: 0.4 !important;
}

/* ===== Photos équipe ROSE GAY ===== */
body[data-theme="rainbow"] .xray-img,
body[data-theme="rainbow"] .team-card img,
body[data-theme="rainbow"] img[src*="PP"],
body[data-theme="rainbow"] img[src*="TOMORROW"],
body[data-theme="rainbow"] img[src*="arthur"] {
  filter: hue-rotate(320deg) saturate(2) brightness(1.1) !important;
}