/* ============================================================
 * Skin iLucid pour vanilla-cookieconsent v3 (plugin ilucid-rgpd)
 * ============================================================
 * La lib expose des design tokens (--cc-*). On les surcharge sur
 * #cc-main pour suivre la charte du thème actif. Les variables
 * --color-*, --radius-*, --container-page sont fournies globalement
 * par le thème iLucid (héritées via :root).
 */
#cc-main {
  /* Couleurs de fond et texte */
  --cc-bg: #ffffff;
  --cc-primary-color: var(--color-noir);
  --cc-secondary-color: #4b5563;
  --cc-link-color: var(--color-primary);

  /* Bouton primaire (Tout accepter / Enregistrer) */
  --cc-btn-primary-bg: var(--color-primary);
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: var(--color-primary);
  --cc-btn-primary-hover-bg: var(--color-primary-hover);
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: var(--color-primary-hover);

  /* Bouton secondaire (Tout refuser / Personnaliser) — outline neutre */
  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: var(--color-secondary);
  --cc-btn-secondary-border-color: var(--color-divider);
  --cc-btn-secondary-hover-bg: #f3f4f6;
  --cc-btn-secondary-hover-color: var(--color-secondary);
  --cc-btn-secondary-hover-border-color: #9ca3af;

  /* Toggles d'activation par catégorie */
  --cc-toggle-on-bg: var(--color-primary);
  --cc-toggle-off-bg: #9ca3af;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;

  /* Blocs de catégorie dans le panneau Préférences */
  --cc-cookie-category-block-bg: #f9fafb;
  --cc-cookie-category-block-border: var(--color-divider);
  --cc-cookie-category-block-hover-bg: #f3f4f6;
  --cc-cookie-category-block-hover-border: #d1d5db;
  --cc-cookie-category-expanded-block-bg: #ffffff;
  --cc-cookie-category-expanded-block-hover-bg: #f9fafb;

  /* Footer modale + séparateurs */
  --cc-footer-bg: #f9fafb;
  --cc-footer-border-color: var(--color-divider);
  --cc-footer-color: var(--color-secondary);
  --cc-separator-border-color: var(--color-divider);
  --cc-section-category-border: var(--color-divider);

  /* Forme, espacement, animation */
  --cc-modal-border-radius: var(--radius-card);
  --cc-btn-border-radius: var(--radius-control);
  --cc-pm-toggle-border-radius: 9999px;
  --cc-modal-margin: 1rem;
  --cc-overlay-bg: rgba(15, 5, 5, 0.55);
  --cc-font-family: inherit;
  --cc-modal-transition-duration: 200ms;
}

/* CUSTOM : neutralise @tailwindcss/forms (fourni globalement par le thème) sur
 * la case à cocher du toggle. Sans ça, le thème la rend en carré 16×16 (fond
 * blanc, border-radius 0, bordure) qui dépasse de la pill arrondie de la lib.
 * On restaure la cible de clic invisible plein format prévue par
 * vanilla-cookieconsent. `!important` requis pour battre le reset de forms. */
#cc-main .section__toggle {
  width: 50px !important;
  height: 23px !important;
  min-width: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border-radius: var(--cc-pm-toggle-border-radius) !important;
}
#cc-main .toggle-service .section__toggle {
  width: 42px !important;
  height: 19px !important;
}

/* Bandeau bas en barre : aligne le contenu intérieur sur la grille du site. */
#cc-main .cm--bar.cm--inline .cm__body {
  max-width: var(--container-page) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
#cc-main .cm--bar.cm--inline .cm__title,
#cc-main .cm--bar.cm--inline .cm__desc,
#cc-main .cm--bar.cm--inline .cm__btns {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Bouton flottant pour rouvrir le panneau Préférences (injecté en JS après
 * le premier consentement). */
.ilucid-cookies-toggle {
  position: fixed;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  border: none;
  border-radius: 9999px;
  box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: transform 150ms ease, background-color 150ms ease;
}
.ilucid-cookies-toggle:hover {
  background: rgba(0, 0, 0, 0.8);
  transform: translateY(-2px);
}
.ilucid-cookies-toggle:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.ilucid-cookies-toggle svg {
  width: 1.25rem;
  height: 1.25rem;
}