/* brand.css — palette AdviceTourism.
 *
 * Va caricato SUBITO DOPO /bootstrap_theme/bootstrap.css in ogni pagina.
 * Il tema Bootstrap esportato da Pinegrow ha ancora i colori del template (primary verde #0abf53):
 * qui vengono sostituiti con i colori del brand, senza toccare bootstrap.css, così l'impostazione
 * resta valida anche dopo una nuova esportazione del tema.
 *
 * Nei CSS del sito usare le variabili --at-* invece dei codici colore.
 */

:root,
[data-bs-theme=light] {
    /* Palette del brand */
    --at-navy: #002d62;          /* colore principale: header, titoli, link */
    --at-navy-rgb: 0, 45, 98;
    --at-navy-hover: #002653;
    --at-navy-active: #00234d;
    --at-navy-light: #8096b1;    /* bordo dei campi selezionati */
    --at-orange: #ff6400;        /* azioni principali (es. "Inserisci la tua attività") */
    --at-orange-rgb: 255, 100, 0;
    --at-amber: #ffb31a;         /* azioni secondarie, pulsante "torna su", evidenziazioni */
    --at-amber-light: #fdbd54;

    /* Bootstrap: "primary" e link nei colori del brand */
    --bs-primary: var(--at-navy);
    --bs-primary-rgb: var(--at-navy-rgb);
    --bs-primary-text-emphasis: #001b3b;
    --bs-primary-bg-subtle: #ccd5e0;
    --bs-primary-border-subtle: #99abc0;
    --bs-info-text-emphasis: var(--at-navy);
    --bs-link-color: var(--at-navy);
    --bs-link-color-rgb: var(--at-navy-rgb);
    --bs-link-hover-color: var(--at-orange);
    --bs-link-hover-color-rgb: var(--at-orange-rgb);
    --bs-focus-ring-color: rgba(0, 45, 98, 0.25);
}

/* Pulsanti */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--at-navy);
    --bs-btn-border-color: var(--at-navy);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--at-navy-hover);
    --bs-btn-hover-border-color: var(--at-navy-hover);
    --bs-btn-focus-shadow-rgb: 38, 77, 122;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--at-navy-active);
    --bs-btn-active-border-color: var(--at-navy-active);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--at-navy);
    --bs-btn-disabled-border-color: var(--at-navy);
}
.btn-outline-primary {
    --bs-btn-color: var(--at-navy);
    --bs-btn-border-color: var(--at-navy);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--at-navy);
    --bs-btn-hover-border-color: var(--at-navy);
    --bs-btn-focus-shadow-rgb: var(--at-navy-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--at-navy);
    --bs-btn-active-border-color: var(--at-navy);
    --bs-btn-disabled-color: var(--at-navy);
    --bs-btn-disabled-border-color: var(--at-navy);
}
.btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(0, 45, 98, 0.25);
}

/* Campi dei form: bordo e alone quando sono selezionati, checkbox e radio spuntati */
.form-control:focus,
.form-select:focus {
    border-color: var(--at-navy-light);
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(0, 45, 98, 0.25);
}
.form-check-input:focus {
    border-color: var(--at-navy-light);
    box-shadow: 0 0 0 0.25rem rgba(0, 45, 98, 0.25);
}
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--at-navy);
    border-color: var(--at-navy);
}
.form-range::-webkit-slider-thumb { background-color: var(--at-navy); }
.form-range::-moz-range-thumb { background-color: var(--at-navy); }
.form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 45, 98, 0.25); }
.form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 45, 98, 0.25); }

/* Altri componenti Bootstrap con il colore "primary" */
.nav-link:focus-visible { box-shadow: 0 0 0 0.25rem rgba(0, 45, 98, 0.25); }
.nav-pills { --bs-nav-pills-link-active-bg: var(--at-navy); }
.dropdown-menu,
.dropdown-menu-dark { --bs-dropdown-link-active-bg: var(--at-navy); }
.list-group {
    --bs-list-group-active-bg: var(--at-navy);
    --bs-list-group-active-border-color: var(--at-navy);
}
.pagination {
    --bs-pagination-active-bg: var(--at-navy);
    --bs-pagination-active-border-color: var(--at-navy);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 45, 98, 0.25);
}
.progress,
.progress-stacked { --bs-progress-bar-bg: var(--at-navy); }
.accordion { --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 45, 98, 0.25); }