/* ------------------------------------------------------------
   🌙 Bo-DONG — theme.css
   Styles pour le mode nuit doux & poétique
------------------------------------------------------------- */

/* Mode nuit premium - dégradé vertical homogène (sans ombre latérale) */
body.theme-dark,
body.night-mode {
  background: linear-gradient(180deg, #1C1C1E 0%, #242426 100%);
  background-attachment: fixed;
  color: #F7F4EF;
  position: relative;
}

/* Supprimer les ombres latérales */
body.theme-dark::before,
body.theme-dark::after,
body.night-mode::before,
body.night-mode::after {
  display: none !important;
  background: transparent !important;
}

body.theme-dark #vibration-app,
body.night-mode #vibration-app {
  background: linear-gradient(180deg, #1C1C1E 0%, #242426 100%);
  background-attachment: fixed;
  position: relative;
  z-index: 1;
  box-shadow: none !important;
}

/* Écrans avec fond adapté */
body.theme-dark .screen--tap,
body.theme-dark .screen--shake,
body.theme-dark .screen--vibration,
body.theme-dark .screen--intro,
body.night-mode .screen--tap,
body.night-mode .screen--shake,
body.night-mode .screen--vibration,
body.night-mode .screen--intro {
  background: transparent;
}

body.theme-dark .screen--tap,
body.theme-dark .screen--shake,
body.theme-dark .screen--intro,
body.night-mode .screen--tap,
body.night-mode .screen--shake,
body.night-mode .screen--intro {
  background: rgba(247, 244, 239, 0.03);
}

body.theme-dark .screen--vibration,
body.night-mode .screen--vibration {
  background: rgba(247, 244, 239, 0.02);
}

/* Typographies premium */
body.theme-dark .tap-title,
body.theme-dark .shake-title,
body.theme-dark .vibration-text,
body.theme-dark .intro-title,
body.night-mode .tap-title,
body.night-mode .shake-title,
body.night-mode .vibration-text,
body.night-mode .intro-title {
  color: #F7F4EF;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}

body.theme-dark .shake-sub,
body.theme-dark .intro-text,
body.theme-dark .tap-subtitle,
body.night-mode .shake-sub,
body.night-mode .intro-text,
body.night-mode .tap-subtitle {
  color: rgba(247, 244, 239, 0.85);
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

body.theme-dark .shake-help-bottom,
body.theme-dark .vibration-sub,
body.night-mode .shake-help-bottom,
body.night-mode .vibration-sub {
  color: rgba(247, 244, 239, 0.7);
}

/* Accents terracotta désaturé */
body.theme-dark .action-btn--like.liked,
body.night-mode .action-btn--like.liked {
  background: rgba(206, 108, 84, 0.25);
  border-color: rgba(206, 108, 84, 0.4);
  color: #F7F4EF;
}

/* Boutons style inversé premium */
body.theme-dark .action-btn,
body.night-mode .action-btn {
  background: rgba(247, 244, 239, 0.1);
  color: #F7F4EF;
  border: 1px solid rgba(247, 244, 239, 0.2);
  transition: all 0.2s ease;
}

body.theme-dark .action-btn:hover,
body.theme-dark .action-btn:active,
body.night-mode .action-btn:hover,
body.night-mode .action-btn:active {
  background: rgba(247, 244, 239, 0.15);
  border-color: rgba(206, 108, 84, 0.3);
}

body.theme-dark .action-btn--like.liked {
  background: rgba(206, 108, 84, 0.25);
  color: #f5f3ec;
}

body.theme-dark .brand-chip {
  background: rgba(255, 255, 255, 0.08);
  color: #f5f3ec;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

body.theme-dark .notif-btn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #f5f3ec;
}

/* Modal */
body.theme-dark .notif-modal-card {
  background: rgba(20, 24, 32, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body.theme-dark .notif-modal-text {
  color: #f5f3ec;
}

body.theme-dark .notif-close {
  color: #f5f3ec;
}

/* Intro button */
body.theme-dark .intro-btn {
  background: rgba(255, 255, 255, 0.12);
  color: #f5f3ec;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Waves opacity réduite en mode nuit */
body.theme-dark .bg-waves {
  opacity: 0.15;
}

/* Step dots */
body.theme-dark .step-dot,
body.night-mode .step-dot {
  background: rgba(247, 244, 239, 0.25);
}

body.theme-dark .step-dot.active,
body.night-mode .step-dot.active {
  background: rgba(247, 244, 239, 0.6);
  width: 18px;
}

/* Menu burger en mode nuit */
body.theme-dark .burger-button span,
body.night-mode .burger-button span {
  background: #F7F4EF;
}

body.theme-dark .side-menu,
body.night-mode .side-menu {
  background: rgba(28, 28, 30, 0.95);
  backdrop-filter: blur(20px);
  color: #F7F4EF;
}

body.theme-dark .side-link,
body.night-mode .side-link {
  color: #F7F4EF;
}

body.theme-dark .side-link:hover,
body.night-mode .side-link:hover {
  background: rgba(247, 244, 239, 0.1);
}