/**
 * Thème DJOOELEC — bannière type barre claire (proche référence visuelle).
 * Complète les variables du fichier cookieconsent.css officiel.
 */

#cc-main {
  --cc-font-family: var(--font-body, "Inter", system-ui, sans-serif);
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0.35rem;
  --cc-bg: #ffffff;
  --cc-primary-color: #1a1a1a;
  --cc-secondary-color: #5c5c5c;
  --cc-btn-primary-bg: #2c2c2c;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #2c2c2c;
  --cc-btn-primary-hover-bg: #1a1a1a;
  --cc-btn-primary-hover-border-color: #1a1a1a;
  --cc-btn-secondary-bg: #e8ecf0;
  --cc-btn-secondary-color: #1a1a1a;
  --cc-btn-secondary-border-color: #e8ecf0;
  --cc-btn-secondary-hover-bg: #d4dae0;
  --cc-btn-secondary-hover-border-color: #d4dae0;
  --cc-separator-border-color: #e5e7eb;
  --cc-footer-bg: #f4f4f5;
  --cc-footer-color: #52525b;
  --cc-footer-border-color: #e4e4e7;
}

/* Bandeau pleine largeur, léger relief */
#cc-main .cm--bar {
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);
  border-top: 1px solid #e5e7eb;
}

#cc-main .cm__title {
  font-size: 1.05rem;
  font-weight: 700;
}

#cc-main .cm__desc {
  font-size: 0.9rem;
  line-height: 1.55;
  max-height: none;
}

/* Liens dans la description (HTML) */
#cc-main .cm__desc a,
#cc-main .pm__section-desc a {
  color: var(--cc-btn-primary-bg);
  text-decoration: underline;
  font-weight: 600;
}

/* « Tout accepter » et « Tout refuser » : même style sombre (comme la maquette) */
#cc-main .cm--bar.cm--inline .cm__btn-group:first-child .cm__btn {
  background: var(--cc-btn-primary-bg);
  border-color: var(--cc-btn-primary-border-color);
  color: var(--cc-btn-primary-color);
}

#cc-main .cm--bar.cm--inline .cm__btn-group:first-child .cm__btn--secondary {
  background: var(--cc-btn-primary-bg);
  border-color: var(--cc-btn-primary-border-color);
  color: var(--cc-btn-primary-color);
}

#cc-main .cm--bar.cm--inline .cm__btn-group:first-child .cm__btn--secondary:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}

/* « Gérer les préférences » : bouton secondaire clair */
#cc-main .cm--bar.cm--inline .cm__btn-group:last-child .cm__btn {
  width: 100%;
}

/* Mobile : 2 boutons sombres côte à côte, puis préférences pleine largeur */
@media screen and (max-width: 640px) {
  #cc-main .cm--bar.cm--inline .cm__btns {
    max-width: 100% !important;
    width: 100%;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  #cc-main .cm--bar.cm--inline .cm__btn-group:first-child {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    width: 100%;
  }

  #cc-main .cm--bar.cm--inline .cm__btn-group:first-child .cm__btn {
    min-width: 0 !important;
    width: 100%;
  }

  #cc-main .cm--bar.cm--inline .cm__btn-group + .cm__btn-group {
    width: 100%;
  }
}