/**
 * OVWORKS — CookieConsent Theme Override
 * Adapta Vanilla CookieConsent al design system de OVWORKS.
 * Se carga después de cookieconsent.css para sobreescribir los valores por defecto.
 */

#cc-main {
  /* ── Tipografía ─────────────────────────────── */
  --cc-font-family:             var(--font-body);

  /* ── Radio ──────────────────────────────────── */
  --cc-modal-border-radius:     var(--radius-md);
  --cc-btn-border-radius:       var(--radius-sm);
  --cc-cookie-category-block-border-radius: var(--radius-sm);

  /* ── Colores base ───────────────────────────── */
  --cc-bg:                      var(--medianoche);
  --cc-primary-color:           var(--crema);
  --cc-secondary-color:         rgba(232,229,223,0.6);

  /* ── Overlay ────────────────────────────────── */
  --cc-overlay-bg:              rgba(7, 7, 13, 0.75);
  --cc-overlay-opacity:         1;

  /* ── Botón primario (Aceptar todas) ─────────── */
  --cc-btn-primary-bg:                var(--crema);
  --cc-btn-primary-color:             var(--negro);
  --cc-btn-primary-border-color:      var(--crema);
  --cc-btn-primary-hover-bg:          var(--papel);
  --cc-btn-primary-hover-color:       var(--negro);
  --cc-btn-primary-hover-border-color: var(--papel);

  /* ── Botón secundario (Rechazar / Gestionar) ── */
  --cc-btn-secondary-bg:               transparent;
  --cc-btn-secondary-color:            var(--crema);
  --cc-btn-secondary-border-color:     rgba(100,100,122,0.35);
  --cc-btn-secondary-hover-bg:         rgba(100,100,122,0.12);
  --cc-btn-secondary-hover-color:      var(--crema);
  --cc-btn-secondary-hover-border-color: rgba(100,100,122,0.55);

  /* ── Toggle ─────────────────────────────────── */
  --cc-toggle-on-bg:            var(--crema);
  --cc-toggle-off-bg:           rgba(100,100,122,0.25);
  --cc-toggle-on-knob-bg:       var(--negro);
  --cc-toggle-off-knob-bg:      var(--slate);
  --cc-toggle-readonly-bg:      rgba(100,100,122,0.15);
  --cc-toggle-readonly-knob-bg: rgba(100,100,122,0.5);

  /* ── Bloques de categoría ───────────────────── */
  --cc-cookie-category-block-bg:       var(--negro);
  --cc-cookie-category-block-border:   rgba(100,100,122,0.2);
  --cc-cookie-category-block-hover-bg: rgba(100,100,122,0.08);

  /* ── Separadores y bordes ───────────────────── */
  --cc-separator-border-color:  rgba(100,100,122,0.2);
  --cc-section-category-border: rgba(100,100,122,0.2);
  --cc-cookie-table-border:     rgba(100,100,122,0.2);

  /* ── Tabla de cookies ───────────────────────── */
  --cc-cookie-table-cell-bg:    var(--medianoche);

  /* ── Links ──────────────────────────────────── */
  --cc-link-color:              var(--crema);

  /* ── Footer del banner ──────────────────────── */
  --cc-footer-color:            var(--slate);
  --cc-footer-bg:               transparent;
  --cc-footer-border-color:     rgba(100,100,122,0.2);
}

/* Ajustes tipográficos del banner */
#cc-main .cm__title {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: -0.01em;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc,
#cc-main .pm__section-title {
  font-size: 0.9rem;
  line-height: 1.65;
}

/* Botones en IBM Plex Mono */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Título del modal de preferencias */
#cc-main .pm__title {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Links dentro del banner */
#cc-main .cc__link {
  color: var(--crema);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--slate);
  transition: none;
}

#cc-main .cc__link:hover {
  text-decoration-color: var(--crema);
}

/* Sombra del modal de preferencias */
#cc-main .pm {
  box-shadow: 0 24px 80px rgba(0,0,0,0.5);
  border: 1px solid rgba(100,100,122,0.2);
}

/* Banner bar */
#cc-main .cm--bar {
  border-top: 1px solid rgba(100,100,122,0.2);
}

/* Ocultar footer con enlaces de política */
#cc-main .cm__footer {
  display: none;
}