@media (max-width: 575px) {
    .bd-logo-title {
        font-size: 0.875rem;
    }
}

.navbar .navbar-collapsable .navbar-nav li a.nav-link {
    align-self: auto!important;
 }

/* WCAG 2.1 – SC 1.4.3 – Contrasto testo paginazione (pagina attiva)
   Il tema sovrascrive lo sfondo dell'item attivo con bianco: il precedente
   #dedede produceva contrasto ~1.3:1 (inadeguato); #ffffff sarebbe 1:1
   (invisibile). Soluzione: testo scuro #1a1a1a → contrasto ~19:1 su bianco ✓
   font-weight:700 e font-size:1.1rem distinguono visivamente la pagina
   corrente dalle altre, a complemento di aria-current="page" (SC 4.1.2). */
.pagination .active .page-link {
    color: #1a1a1a !important;
    font-weight: 700;
    font-size: 1.1rem;
}

/* WCAG 2.1 – SC 1.4.3 – Contrasto testo paginazione (item disabilitato)
   Bootstrap Italia usa ~#6c757d (grigio medio) su sfondo bianco: contrasto
   ~4.8:1, appena sopra soglia ma senza margine di sicurezza.
   Forziamo #595959 per un margine robusto: contrasto ~7.0:1 ✓
   Riguarda le frecce ‹ › disabilitate (prima/ultima pagina) e il separatore
   "…" (quest'ultimo è aria-hidden, ma la regola CSS è comunque corretta
   per eventuali contesti dove l'aria-hidden venisse rimosso). */
.pagination .page-item.disabled .page-link {
    color: #595959 !important;
}

/* WCAG 2.1 – SC 2.4.7 / Tech G195 – Focus visibile sui link di paginazione
   Bootstrap Italia imposta su .page-link:focus:
     outline: 0                                  → rimuove l'outline nativo
     box-shadow: 0 0 0 .2rem rgba(0,115,230,.25) → ombra al 25% di opacità,
   insufficiente come indicatore altamente visibile (Tech G195).
   Il selettore .page-link:focus ha specificità (0,0,2,0), maggiore di
   a:focus (0,0,1,1): la regola generica di custom.css non la sovrascrive.
   Colore scelto #0059b3 (blu scuro):
     - vs sfondo bianco  #ffffff  = 5.24:1 ≥ 3:1   (SC 1.4.11 – componente UI) ✓
     - vs testo attivo   #1a1a1a  = 7.62:1 ≥ 4.5:1 (contrasto con testo item) ✓
   Uso !important per vincere sulla cascade di Bootstrap Italia. */
.pagination .page-link:focus,
.pagination .page-link:focus-visible {
    outline: 3px solid #0059b3 !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

ul.slnav li a span, ul.slnav li a span:hover {
    color: #495057!important;
    font-weight: 500;
}

ul.slnav {
    margin-bottom: 0!important;
}

ul.slnav li a {
    padding: 1.25rem 1rem!important;
}

ul.slnav li a.medium {
    border: 1px solid #e9ecef;
    margin-top: -1px;
}

ul.slnav li a .icon {
    margin: 20px 0;
}

ul.slnav li ul li a {
    border-bottom: 1px solid #e9ecef;
}

.card.card-big .card-body h5.card-title {
    font-size: 1.1rem;
}

/*
* ===================================================
*    riquadri editor testi
* ===================================================
*/
.bd-file {
    background-color: #dce9f5;
    border: 1px solid #bfdfff;
}
.bd-content{
    background-color: #e7e6ff;
    border: 1px solid #bbb8f5;
}
/*
* ===================================================
*    collout - avviso e fieldset
* ===================================================
*/
.callout {
    max-width: 100%;
}

/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 */

.search-main {
    background: url(../img/nuova_sede2.jpg) left center no-repeat!important;
}

/*
* ===================================================
*    fix select
* ===================================================
*/
.form-control {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}


/*
* ===================================================
*    fix navbar
* ===================================================
*/
.bd-navbar.bd-navbar--slim {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

/*
* ===================================================
*    fix a element
* ===================================================
*/
a {
    text-decoration: none;
    background-color: transparent;
}

.text-white {
    color: #fff!important;
}

a.text-white:focus, a.text-white:hover{
    color: #fff!important;
    text-decoration: underline;
}

/*
* ===================================================
*    Customer section
* ===================================================
*/
.customer-profile {
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #e9ecef;
    border-bottom: none;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    padding: 2rem;
}

.customer-image {
    padding: 0.5rem;
    background: #fff;
    border: solid 1px rgba(0, 0, 0, 0.125);
    max-width: 10rem;
    margin-bottom: 1.5rem;
}

.customer-nav .list-group-item {
    border: 1px solid #e9ecef;
    color: #495057;
    font-weight: 500;
}

.customer-nav .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px;
}

.customer-nav .list-group-item:focus, .customer-nav .list-group-item:hover {
    background: #f8f9fa;
}

.customer-nav .list-group-item .icon,
.customer-nav .list-group-item .fa {
    margin-right: 0.5rem;
}

.customer-nav .list-group-item.active {
    background:  #06c;
    border-color: #06c;
    color: #fff;
}

.content-block {
    margin-bottom: 4rem;
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.rounded-circle {
    border-radius: 50%!important;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

/* WCAG 2.1 – Focus visibile (SC 2.4.7 / SC 1.4.11)
   Colore #0059b3 (blu scuro):
     - vs sfondo bianco #ffffff = 5.24:1 ≥ 3:1 (SC 1.4.11 – componente UI) ✓
   Sostituisce il precedente #ff9900 (arancione) che aveva contrasto 2.14:1
   su sfondo bianco: insufficiente (< 3:1 richiesto). */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid #0059b3;
    outline-offset: 2px;
}
a:focus, button:focus, input:focus,
select:focus, textarea:focus, [tabindex]:focus {
    outline: 3px solid #0059b3;
    outline-offset: 2px;
}

/* WCAG 2.1 – SC 2.4.7 / SC 1.4.11 – Focus visibile sul dropdown "Legislatura" (navbar-main)
   Il link .dropdown-toggle e' su sfondo navbar blu-navy (#00264D):
   outline #ffffff vs #00264D = contrasto ~15:1 (>= 3:1 richiesto da SC 1.4.11).
   Selettore ristretto a .bd-navbar per non impattare altri dropdown. */
.bd-navbar .nav-item.dropdown .nav-link.dropdown-toggle:focus,
.bd-navbar .nav-item.dropdown .nav-link.dropdown-toggle:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}

/* WCAG 2.1 – SC 2.4.7 / SC 1.4.11 – Focus visibile su .btn (override Bootstrap Italia) */
/* WCAG 2.1 – SC 2.4.7 – Focus visibile su a.read-more (Bootstrap Italia card)
   Bootstrap Italia applica stili specifici ai link .read-more dentro i componenti
   .card-bg: in alcuni browser/versioni il selettore generale `a:focus` puo' essere
   sovrascritto da regole con specificita' maggiore del framework.
   Il selettore esplicito (con !important) garantisce che l'indicatore di focus
   sia sempre visibile indipendentemente dalla cascade CSS del framework.
   Colore #0059b3 (blu scuro, contrasto 5.24:1 su sfondo bianco ✓ SC 1.4.11).
   Sostituisce #ff9900 (arancione) che aveva contrasto 2.14:1: non sufficiente.
   outline-offset: 3px evita sovrapposizioni con il bordo della card.
   border-radius: 2px allinea visivamente l'outline alla forma del link. */
a.read-more:focus,
a.read-more:focus-visible {
    outline: 3px solid #0059b3 !important;
    outline-offset: 3px !important;
    border-radius: 2px;
}

.btn:focus,
.btn:focus-visible {
    outline: 3px solid #0059b3 !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}
/* .btn.close-menu: Bootstrap Italia imposta background:#fff su .close-div →
   outline scuro (#0d0d0d vs #fff ≈ 20:1, SC 1.4.11 ✓). */
.btn.close-menu:focus,
.btn.close-menu:focus-visible {
    outline: 3px solid #0d0d0d !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}
/* .btn.btn-info: sfondo cookiebar bg-dark (#343a40) →
   outline bianco (#fff vs #343a40 ≈ 12:1, SC 1.4.11 ✓). */
.btn.btn-info:focus,
.btn.btn-info:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

/* .btn.btn-primary: sfondo pagina chiaro (bianco/grigio) →
   outline scuro #0d0d0d vs #ffffff ≈ 19:1 (SC 1.4.11 ✓). */
.btn.btn-primary:focus,
.btn.btn-primary:focus-visible {
    outline: 3px solid #0d0d0d !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

/* .btn.btn-secondary, .btn.btn-outline-secondary: sfondo pagina chiaro →
   outline scuro #0d0d0d vs #ffffff ≈ 19:1 (SC 1.4.11 ✓). */
.btn.btn-secondary:focus,
.btn.btn-secondary:focus-visible,
.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary:focus-visible {
    outline: 3px solid #0d0d0d !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

/* a.link-page: link di navigazione su sfondo bianco →
   outline #0059b3 con !important per sicurezza contro regole Bootstrap Italia più specifiche. */
a.link-page:focus,
a.link-page:focus-visible {
    outline: 3px solid #0059b3 !important;
    outline-offset: 2px !important;
}

/* WCAG 2.1 – SC 2.4.7 / SC 1.4.11 – Focus visibile link nel cookiebar (sfondo bg-dark)
   Outline #ffffff su sfondo #343a40: contrasto ~12:1 (≥ 3:1 richiesto da SC 1.4.11) ✓
   Sovrascrive la regola generale a:focus (#0059b3) che su bg-dark potrebbe risultare
   non sufficientemente visibile rispetto al testo bianco adiacente. */
#cookiebar a:focus,
#cookiebar a:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 2px !important;
}

/* WCAG 2.1 – Spaziatura testo (SC 1.4.12) */
p, li, .card-text, .nav-link, .list-item {
    line-height: 1.5;
}

/* WCAG 2.1 – Link footer visibili (SC 1.4.1 / SC 1.4.3) */
.footer a {
    color: #fff !important;
    text-decoration: underline !important;
}

/* WCAG 2.1 – Skip link (SC 2.4.1) */
.skip-link {
    position: absolute;
    top: -9999px;
    left: 0;
    z-index: 9999;
    padding: 0.5rem 1rem;
    background: #fff;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
.skip-link:focus {
    top: 0 !important;
}

/* WCAG 2.1 SC 1.4.1 – Span che sostituisce <a href="#"> non navigabile:
   aspetto visivo identico a un link, ma senza comportamento interattivo.
   cursor:default evita di suggerire all'utente che l'elemento sia cliccabile. */
.link-apparente {
    color: #0066cc;
    text-decoration: none;
    cursor: default;
}

/* Larghezze colonne tabella Deliberazioni consiliari
   Selettore per id: impatta solo questa tabella */
#tbl-deliberazioni td { vertical-align: middle; }
#col-del-num     { width:  6%; }
#col-del-data    { width:  9%; }
#col-del-oggetto { width: 64%; }
#col-del-atto    { width:  7%; }
#col-del-spesa   { width:  7%; }
#col-del-testo   { width:  7%; }

/* Larghezze colonne tabella Leggi regionali
   Selettore per id: impatta solo questa tabella */
#tbl-leggi td    { vertical-align: middle; }
#col-leg-num     { width:  6%; }
#col-leg-data    { width:  9%; }
#col-leg-oggetto { width: 61%; }
#col-leg-atto    { width:  6%; }
#col-leg-spesa   { width:  6%; }
#col-leg-testo   { width:  6%; }
#col-leg-burp    { width:  6%; }

/* Larghezze colonne tabella Leggi in fase di promulgazione
   Selettore per id: impatta solo questa tabella */
#tbl-leggi-np td       { vertical-align: middle; }
#col-leggenp-oggetto   { width: 79%; }
#col-leggenp-atto      { width: 7%; }
#col-leggenp-spesa     { width: 7%; }
#col-leggenp-testo     { width: 7%; }

/* WCAG 2.1 – SC 1.4.1 / SC 1.4.3 – Link testuali nelle tabelle (Tech F73)
   font-weight:700 garantisce distinguibilità senza dipendere dal solo colore (SC 1.4.1).
   #005fcc su sfondo bianco: contrasto ~5.9:1 ≥ 4.5:1 (SC 1.4.3) ✓ */
.table a.table-link {
    color: #005fcc !important;
    font-weight: 700 !important;
}