/* Réveil Rigolo — PWA shell v4.7
   Scroll natif 1-doigt : pas de height:100% (qui contraint),
   overflow-y: scroll (pas auto) pour toujours avoir la barre de scroll. */
*, *::before, *::after { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  /* PAS de height: 100% — on veut que le body grandisse avec le contenu */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background: var(--rr-bg, #0a0a1a);
  color: var(--rr-text, #fff);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}
button { font: inherit; cursor: pointer; touch-action: manipulation; }
input, textarea, select { font: inherit; }
.rr-app { width: 100%; }

/* Couleurs de marque — orange chaleureux */
:root {
  --rr-bg:        #0a0a1a;
  --rr-bg-soft:   #161630;
  --rr-bg-card:   #1f1f3d;
  --rr-border:    #2a2a4a;
  --rr-primary:   #ff6b35;
  --rr-primary-h: #ff8556;
  --rr-text:      #fff;
  --rr-text-mute: #888;
  --rr-success:   #4ade80;
  --rr-danger:    #ff5050;
  --rr-radius:    12px;
  --rr-shadow:    0 4px 16px rgba(0, 0, 0, .3);
}

/* Mode horloge de chevet : assombrir l'écran */
body.rr-bedside-mode { filter: brightness(0.4); }

/* v5.2.1 : forcer le fond bleu sur la page du plugin, même si le thème WP
   essaie d'override le body. !important pour garantir la priorité. */
body.rr-app-active,
body.rr-app-active > *:not(.rr-modal-overlay):not(.rr-toast) {
  background: var(--rr-bg, #0a0a1a) !important;
  color: var(--rr-text, #fff) !important;
}