/* ==========================================================================
   Le rese degli oggetti Acme dentro il tema Bootstrap Italia.

   ⛔ Questo foglio esiste perche' un tema appena installato deve FUNZIONARE: e'
   il minimo che rende usabili le rese degli oggetti nelle zone del tema, e non
   e' materia di personalizzazione. Cio' che un sito vuole in piu' — una
   verticalita' di colori, un ritocco — vivra' negli override del tema, che si
   montano dopo questo file.

   ⚠️ NON e' compilato da custom.scss: si scrive a mano, di proposito. I tre file
   custom.* sono l'output di una compilazione che nessuno script del repository
   sa rifare, quindi metterci dentro una regola nuova vorrebbe dire toccare un
   artefatto di build.

   Va caricato in DUE posti, e chi ne aggiunge uno nuovo li tiene allineati: la
   lista BsItaliaJsCss.styles (il canvas di GrapesJs) e gli head.php degli stili
   del frontend.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Le voci di un menu incolonnato nel piede: il colore.

   ⛔ IL COLPEVOLE E' UNA REGOLA SULLO SPAN, non sul link — ed e' il motivo per
   cui la sola ereditarieta' sull'ancora non bastava. Bootstrap Italia dichiara
   in modo globale, senza nessun contesto:

       .link-list-wrapper ul li a span   ->   color: #1e4c5a

   e #1e4c5a e' esattamente il fondo di .it-footer-main. Le nostre voci hanno lo
   span dentro l'ancora (serve alla resa del tema), quindi prendono quel colore e
   spariscono; il titolo invece si legge, perche' e' un div e il colore lo eredita
   dalla zona. Sull'ancora il tema fa gia' la cosa giusta — .it-footer a e' bianco
   — ma quel bianco non arriva mai al testo, che sta nello span.

   Misurato il 01-09-2026 ricostruendo la cascata sui fogli veri: la regola dello
   span pesa (0,1,4), quella qui sotto (0,2,2) e vince sul secondo numero.

   Vale per span e icone di QUALUNQUE link del piede — quelli del menu, quelli
   dentro un blocco di testo, quello di una figura — perche' il difetto e' della
   zona, non dell'oggetto. I .btn restano fuori: un bottone porta il proprio
   colore per definizione.
   -------------------------------------------------------------------------- */
.it-footer-main a:not(.btn),
.it-footer-main a:not(.btn):hover,
.it-footer-main a:not(.btn):focus,
.it-footer-small-prints a:not(.btn),
.it-footer-small-prints a:not(.btn):hover,
.it-footer-small-prints a:not(.btn):focus {
    color: inherit;
}

.it-footer-main a:not(.btn) span,
.it-footer-main a:not(.btn) i,
.it-footer-small-prints a:not(.btn) span,
.it-footer-small-prints a:not(.btn) i {
    color: inherit;
}

/* --------------------------------------------------------------------------
   Lo sfondo scelto su una parte: deve vederlo chi guarda.

   Lo «Sfondo» di una parte si posa sulla RADICE del suo markup
   (AcmeThemes\Service\PartialBackground, classe acme-partial-<id>). Nel piede
   di BsItalia pero' la fascia la dipinge l'elemento interno .it-footer-main,
   che col suo colore copriva quello della parte: il vecchio contenitore lo
   posava proprio li' (customBackgroundColorFooter). Quando la parte ha uno
   sfondo, la fascia interna si fa trasparente e lascia vedere quello.
   Trovato collaudando la conversione di acmecms, 08-10-2026 (Rudy: «il bottom
   non va bene»): piede #373737 e chiusura #000000 come in produzione.
   -------------------------------------------------------------------------- */
.acme-footer[class*="acme-partial-"] .it-footer-main {
    background-color: transparent !important;
}

/* --------------------------------------------------------------------------
   Le icone social nelle fasce del piede: il colore della zona.

   L'oggetto Social di BsItalia disegna le icone con .icon, che Bootstrap
   Italia riempie di un colore scuro fisso: su una chiusura nera spariscono.
   Nel piede prendono il colore del testo della zona, come i link nelle regole
   sopra; nella chiusura sono bianche, come le faceva il vecchio contenitore
   (icon-white) e come escono in produzione: il testo di quella zona e' un
   grigio attenuato, e le icone sarebbero uscite spente.
   -------------------------------------------------------------------------- */
.it-footer-main .acme-social .icon {
    fill: currentColor;
}

.it-footer-small-prints .acme-social .icon {
    fill: #fff;
}

/* --------------------------------------------------------------------------
   Il menu in alto su schermo largo: le voci stanno su una riga.

   Dal 12-10-2026 l'oggetto Menu emette il guscio di Bootstrap Italia
   (navbar-nav), che da' a ogni voce 24 px di margine interno per lato contro i
   16 della lista di prima: su acmecms, a 1518 px, le sei voci volevano 995 px
   su 952 e «Soluzioni su misura» andava a capo (Rudy, 15-10-2026: «il menu
   dell'header di acmecms in locale va nuovamente a capo»). Sotto il breakpoint
   resta il comportamento del tema, col menu nell'hamburger.

   Il selettore ripete quello del tema (.navbar .navbar-collapsable .navbar-nav
   li.nav-item a.nav-link) con in piu' la classe dell'oggetto: piu' corto,
   perdeva per specificita'.
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
    .acme-menu--horizontal.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link {
        padding-left: 16px;
        padding-right: 16px;
    }
}