/* ============================================================================
 * ggh-cookies.css — Thème de la CMP aux couleurs GoGoGoHappy
 * ============================================================================
 * À charger APRÈS cookieconsent.css (l'ordre compte).
 *
 * ⚠️ RÈGLE NON NÉGOCIABLE
 * « Tout accepter » et « Tout refuser » ont EXACTEMENT le même fond, la même
 * couleur de texte, la même bordure et la même taille. Rendre l'un plus
 * attirant que l'autre est une interférence d'interface sanctionnée par la
 * CNIL (Google 325 M€, SHEIN 150 M€, septembre 2025) et rend le consentement
 * juridiquement nul. Ne JAMAIS différencier btn-primary et btn-secondary ici.
 *
 * Les interrupteurs, eux, peuvent et doivent être colorés : ils indiquent un
 * ÉTAT (actif / inactif), pas un choix orienté. Vert = actif, rouge = inactif.
 * ========================================================================== */

#cc-main {
  /* --- Typo et formes, alignées sur le site ----------------------------- */
  --cc-font-family: 'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 12px;
  --cc-modal-transition-duration: .25s;

  /* --- Fonds et textes (charte nuit) ------------------------------------ */
  --cc-bg: #14233B;                                  /* --surface */
  --cc-primary-color: #EAF0F7;                       /* --clair   */
  --cc-secondary-color: #A9BBD0;                     /* --muted   */
  --cc-link-color: #2DD4BF;                          /* --teal    */
  --cc-separator-border-color: rgba(255,255,255,.09);
  --cc-overlay-bg: rgba(11,22,35,.72);               /* --nuit    */

  /* --- BOUTONS : STRICTEMENT IDENTIQUES --------------------------------- */
  --cc-btn-primary-bg: #2DD4BF;
  --cc-btn-primary-color: #04201B;
  --cc-btn-primary-border-color: #2DD4BF;
  --cc-btn-primary-hover-bg: #5FE3D2;
  --cc-btn-primary-hover-color: #04201B;
  --cc-btn-primary-hover-border-color: #5FE3D2;

  --cc-btn-secondary-bg: #2DD4BF;
  --cc-btn-secondary-color: #04201B;
  --cc-btn-secondary-border-color: #2DD4BF;
  --cc-btn-secondary-hover-bg: #5FE3D2;
  --cc-btn-secondary-hover-color: #04201B;
  --cc-btn-secondary-hover-border-color: #5FE3D2;

  /* --- INTERRUPTEURS : vert = actif, rouge = inactif -------------------- */
  --cc-toggle-on-bg: #10B981;                        /* --land, vert  */
  --cc-toggle-off-bg: #E05260;                       /* rouge lisible */
  --cc-toggle-on-knob-bg: #FFFFFF;
  --cc-toggle-off-knob-bg: #FFFFFF;
  --cc-toggle-readonly-bg: #1B2E47;
  --cc-toggle-readonly-knob-bg: #A9BBD0;

  /* --- Blocs de catégories --------------------------------------------- */
  --cc-cookie-category-block-bg: #1B2E47;            /* --eleve */
  --cc-cookie-category-block-border: rgba(255,255,255,.09);
  --cc-cookie-category-block-hover-bg: #223354;
  --cc-cookie-category-block-hover-border: rgba(45,212,191,.35);
  --cc-cookie-category-expanded-block-bg: #14233B;
  --cc-cookie-category-expanded-block-hover-bg: #1B2E47;

  --cc-footer-bg: #0B1623;                           /* --nuit */
  --cc-footer-color: #A9BBD0;
  --cc-footer-border-color: rgba(255,255,255,.09);
}

/* Titre du bandeau : la police d'affichage du site. */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: 'Space Grotesk', var(--cc-font-family);
  letter-spacing: -.01em;
}

/* Le bandeau bas : léger, détaché, cohérent avec les cartes du site. */
#cc-main .cm--bar {
  border-top: 1px solid rgba(45,212,191,.25);
  box-shadow: 0 -18px 50px rgba(0,0,0,.45);
}

/* Boutons : un poil plus généreux, et STRICTEMENT de même dimension. */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 700;
  letter-spacing: .01em;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Le <code> des textes, au même style que les pages légales. */
#cc-main code {
  background: rgba(45,212,191,.14);
  color: #2DD4BF;
  padding: 1px 5px;
  border-radius: 5px;
  font-size: .88em;
}

/* Badge « 1 service » : discret, pas alarmant. */
#cc-main .pm__badge {
  background: rgba(45,212,191,.16);
  color: #2DD4BF;
  border: 1px solid rgba(45,212,191,.3);
}