/**
 * Cookie Consent — Override minimi per BI Cookiebar
 *
 * Bootstrap Italia 2.18 fornisce TUTTO lo stile della .cookiebar nel bundle
 * principale (posizionamento fixed bottom, layout flex, palette, .cookiebar-btn,
 * .cookiebar-confirm, transizione .fade -> .show). Questo file aggiunge solo
 * gli adattamenti che NON sono nel componente di default:
 *
 *   1. Modale preferenze: stile minimo per i contenitori categoria
 *   2. Toggle BI in stato disabled (cookie tecnici sempre attivi)
 *
 * Ref componente:
 *   https://italia.github.io/bootstrap-italia/docs/componenti/cookiebar/
 */

/* ── Cookiebar: leggibilita link su sfondo scuro BI ───────────────
 * BI 2.18 usa sfondo blu scuro per .cookiebar; il link nel paragrafo
 * eredita il blu primario e diventa illeggibile. Forziamo bianco con
 * sottolineatura.
 */
.cookiebar p a,
.cookiebar p a:visited {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cookiebar p a:hover,
.cookiebar p a:focus {
  color: #ffffff;
  text-decoration: underline;
  opacity: 0.85;
}

/* ── Cookiebar: spaziatura fra i pulsanti ───────────────────────
 * BI 2.18 non applica gap di default fra .cookiebar-btn quando ne
 * mostriamo piu di due (qui: Preferenze / Rifiuta / Accetta).
 * Su desktop: tutti su una riga (nowrap) per evitare che "Accetta"
 *             cada sotto agli altri due.
 * Su mobile: a colonna piena per leggibilita touch.
 */
.cookiebar-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.cookiebar-buttons .cookiebar-btn {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .cookiebar-buttons {
    flex-wrap: wrap;
    width: 100%;
  }
  .cookiebar-buttons .cookiebar-btn {
    flex: 1 1 auto;
    text-align: center;
  }
}

/* Modale preferenze: contenitore categoria con bordo BI */
#cookie-settings-modal .border {
  border-color: var(--bs-border-color, #d9dadb) !important;
}

/* Toggle BI: allinea lever al testo */
#cookie-settings-modal .toggles {
  margin-top: 2px;
}

/* Categorie obbligatorie: opacita ridotta */
#cookie-settings-modal .toggles input[disabled] + .lever {
  opacity: 0.5;
  cursor: not-allowed;
}