/* ============================================================
   Override colori Bootstrap 4.6.1
   ============================================================ */

:root {
    /* Colore primario UniUpo — sostituisci con il valore reale */
    --pola-primary:     #da2820;
    --pola-primary-dark: #b80600;
    --pola-link:        #da2820;
    --pola-link-hover:  #b80600;
}

/* Bottoni primary */
.btn-primary {
    background-color: var(--pola-primary);
    border-color:     var(--pola-primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--pola-primary-dark);
    border-color:     var(--pola-primary-dark);
}

/* Bottone outline-primary */
.btn-outline-primary {
    color:        var(--pola-primary);
    border-color: var(--pola-primary);
}
.btn-outline-primary:hover {
    background-color: var(--pola-primary);
    border-color:     var(--pola-primary);
}

/* Link */
a {
    color: var(--pola-link);
}
a:hover {
    color: var(--pola-link-hover);
}

/* Badge */
.badge-primary {
    background-color: var(--pola-primary);
}

/* Alert */
.alert-primary {
    color:            var(--pola-primary-dark);
    border-color:     var(--pola-primary);
}

/* Navbar active / focus */
.nav-link:focus,
.nav-link:hover {
    color: var(--pola-primary);
}

main {
    padding: 15px 0;
}

@media (min-width: 768px) {
    main {
        padding: 30px 0;
    }
}

@media (min-width: 992px) {
    main {
        padding: 50px 0;
    }
}

.image-embed-item {
    max-width: 100%;
    height: auto;
}

body.page-home #navbar-main {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

body.page-home #navbar-main .region-header {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

body.page-home #navbar-main #CollapsingNavbar {
    margin-left: auto;
}