/**
 * Design Comuni Inveruno - Personalizzazioni di Stile
 * Specifiche istituzionali per il Comune di Inveruno (MI)
 * Modello Comuni Designers Italia / AGID
 */

/* Stemma istituzionale e branding */
.it-header-center-wrapper .it-brand-wrapper svg {
    max-height: 82px;
    width: auto;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
}

.it-header-navbar-wrapper .it-brand-wrapper svg {
    max-height: 52px;
    width: auto;
}

.ue-logo {
    max-height: 48px;
    width: auto;
    margin-right: 1.5rem;
}

/* Identità e tipografia testata */
.it-brand-title {
    font-weight: 700;
    letter-spacing: -0.01em;
}

.it-brand-tagline {
    font-size: 0.875rem;
    color: #455a64;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Card e Teaser per Unità Organizzative e Servizi */
.uo-persone-grid,
.uo-servizi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
}

.cmp-info-summary {
    background-color: #f8f9fa;
    border-left: 4px solid #0066cc;
    padding: 1.25rem 1.5rem;
    border-radius: 0 4px 4px 0;
    margin-bottom: 2rem;
}

.cmp-info-summary p:last-child {
    margin-bottom: 0;
}

/* Navscroll sidebar sticky enhancement */
.cmp-navscroll .link-list .nav-link {
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

.cmp-navscroll .link-list .nav-link.active,
.cmp-navscroll .link-list .nav-link:hover {
    color: #0066cc;
    padding-left: 1.25rem;
}

/* Dataset and Open Data Tables */
.table-dataset-metadata th {
    background-color: #f1f5f9;
    width: 30%;
    font-weight: 600;
}

.badge-dataset-theme {
    background-color: #0066cc;
    color: #ffffff;
    font-size: 0.8125rem;
    padding: 0.35em 0.75em;
    border-radius: 20px;
    font-weight: 500;
}

/* Focus: si usa quello di Bootstrap Italia (doppio anello bianco/nero, visibile su
   qualsiasi sfondo). L'anello #ff9900 precedente aveva 1,12:1 sulla testata ocra. */

/* Footer info refinements */
.it-footer .footer-info {
    line-height: 1.6;
    color: #ffffff;
    font-size: 0.9375rem;
}

.it-footer .footer-info a {
    color: #ffffff;
    text-decoration: underline;
}

.it-footer .footer-info a:hover {
    color: #e0f2fe;
}

/* Scheda sede delle Unità Organizzative (template-parts/luogo/card-sede.php) */
.inv-sede-card {
    border: 0;
    border-left: 4px solid #ef9200;
}

.inv-sede-card__label {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5d7083;
}

.inv-sede-card h3 a {
    color: #1a1a1a;
}

.inv-sede-card h3 a:hover {
    color: #30475f;
    text-decoration: underline;
}

.inv-sede-card__item {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}

.inv-sede-card__item .icon {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    fill: #ef9200 !important;
}

.inv-sede-card__title {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #5d7083;
    margin-bottom: 0.15rem;
}

.inv-sede-card__item p,
.inv-sede-card__orari {
    font-size: 1rem;
    line-height: 1.5;
    color: #1a1a1a;
}

.inv-sede-card__orari p {
    margin-bottom: 0.5rem;
}

.inv-sede-card__orari p:last-child {
    margin-bottom: 0;
}

.inv-sede-card__maps {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 600;
    margin-left: calc(24px + 0.75rem);
}

.inv-sede-card__maps .icon {
    fill: currentColor;
}

@media (min-width: 768px) {
    .inv-sede-card__item--orari {
        padding-left: 1.5rem;
        border-left: 1px solid #e6e9f2;
    }
}

/* Accessibilita' - reflow a 320 px (WCAG 1.4.10): l'icona del menu mobile
   (.custom-navbar-toggler svg) non deve ereditare "width: auto" dallo stemma,
   altrimenti diventa larga 300 px, copre nome del Comune e ricerca e crea
   scorrimento orizzontale. */
.custom-navbar-toggler svg.icon {
    width: 24px;
    height: 24px;
}

/* Scorrimento orizzontale da desktop: inveruno-colori.css forza .col-lg-10 al 100%,
   che sommato agli offset (es. argomenti in home) supera la larghezza della riga.
   Per le colonne con offset si ripristinano le larghezze di Bootstrap Italia. */
@media (min-width: 992px) {
    .col-lg-10.offset-lg-1 { width: 83.333333%; }
}
@media (min-width: 1200px) {
    .col-lg-10.col-xl-6 { width: 50%; }
    .col-lg-10.col-xl-8 { width: 66.666667%; }
}