/* Stili personalizzati - colori dal logo */
:root {
    --brand: #1d3f6e;
    --accent: #f2a541;
    --brand-light: #3a7fc1;
}

.text-brand { color: var(--brand); }
.text-accent { color: var(--accent); }

.btn-brand {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-color: var(--brand);
    --bs-btn-hover-bg: var(--accent);
    --bs-btn-hover-border-color: var(--accent);
}

.navbar .nav-link { font-weight: 600; color: var(--brand); }
.navbar .nav-link:hover,
.navbar .nav-link.active { color: var(--accent); }

/* Immagine header pagine */
.page-header-img {
    display: block;
    width: 100%;
    height: clamp(220px, 40vw, 500px);
    object-fit: cover;
}

/* Card offerte */
.card-offerta { transition: transform .2s, box-shadow .2s; }
.card-offerta:hover { transform: translateY(-4px); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); }
.card-offerta .card-title a { color: var(--brand); text-decoration: none; }
.card-offerta-lg .card-img-top { height: 320px; object-fit: cover; }
.card-offerta-sm .card-img-top { height: 130px; object-fit: cover; }
.card-offerta-sm { opacity: .9; }

footer { background: var(--brand) !important; }
footer, footer .text-body-secondary { color: #fff !important; }