/* ============================================================
   BRIEFINGLAB TOPLINE & HEADER - Override CMS2025
   Regole derivate dal CSS inline originale (old_site/head.php)
   ============================================================ */

/* Nel vecchio sito .ds = dark (#1d1d1b). Nel CMS2025 .ds = beige (#dbd4cc).
   Sovrascriviamo direttamente la section e il container-fluid. */
section.page_topline,
section.page_topline.ds,
section.page_topline .container-fluid {
    background-color: #f5f5f5 !important;
    color: #555555 !important;
}

/* Il menu topline è inline-block per stare sulla stessa riga di icone e language switcher */
ul.sf-menu-brief {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Separatori bullet tra le voci del topmenu.
   Identico all'originale: content:"\f111" FontAwesome (FA4 locale). */
.sf-menu-brief > li > a::after {
    content: "\f111"; /* ● fa-circle FA4 */
    font-family: FontAwesome;
    font-size: 4px;
    color: #ef8300;
    position: relative;
    right: -25px;
    top: -2px;
    vertical-align: middle;
    line-height: 1;
}
.sf-menu-brief > li:last-child > a::after {
    content: "";
}

/* Font e spacing del topmenu - identico all'originale.
   !important necessario perché .ds in briefinglab.css imposta i link bianchi */
.sf-menu-brief .sf-with-ul {
    font-family: 'Barlow', sans-serif;
    letter-spacing: 2.4px;
    margin: 0 25px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1b1b1d !important;
    text-decoration: none;
}
.sf-menu-brief .sf-with-ul:hover {
    color: #ef8300 !important;
}
@media only screen and (max-width: 1214px) and (min-width: 992px) {
    .sf-menu-brief .sf-with-ul { margin: 0 10px; }
    .sf-menu-brief > li > a::after { right: -10px; }
}
@media (max-width: 693px) {
    ul.sf-menu-brief.sf-arrows { margin-bottom: 15px; }
}

/* Social icons — struttura: <a href="..."><i class="fa fa-xxx"></i></a>
   FA4 CSS (font locale). Il colore e la dimensione si controllano sull'<a> wrapper. */
.page_topline .social-icons {
    display: inline-block;
    vertical-align: middle;
}
.page_topline .social-icons a {
    color: #ef8300;
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1;
    font-size: 16px;
}
.page_topline .social-icons a:first-child { margin-left: 0; }
.page_topline .social-icons a:last-child  { margin-right: 0; }
.page_topline .social-icons a:hover { color: #ef8300; }

/* Language switcher - replica esatta di p.lang e p.lang a del vecchio sito.
   Nel CMS2025 LanguageSwitcher::render(type:'inline') genera .language-switcher-inline.
   La lingua corrente (active) è nascosta, come nell'originale che mostrava solo EN e CN. */
.page_topline .language-switcher-inline {
    display: inline-block;
}
.page_topline .language-switcher-inline a {
    background-color: #ef8300;
    color: #fff !important;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    border-radius: 100px;
    margin-left: 20px;
    text-decoration: none !important;
    display: inline-block;
    line-height: 1;
    transition: background 0.15s ease;
}
.page_topline .language-switcher-inline a.active {
    display: none; /* nasconde la lingua corrente come nell'originale */
}
.page_topline .language-switcher-inline a:hover {
    background-color: #c46a1e;
}
.page_topline .language-switcher-inline .separator {
    display: none;
}

/* .header_absolute: il .page_header figlio diventa absolute (come nel vecchio CSS) */
.header_absolute .page_header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}
/* Fix: anche il wrapper CMS2025 non deve creare spazio nel flusso */
.page_header_wrapper {
    position: relative !important;
    height: 0 !important;
    overflow: visible;
}

/* Mainmenu allineato a destra */
.top-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* ============================================================
   FOOTER - Override CMS2025
   ============================================================ */

/* .contatto: spaziatura mobile tra le colonne contatto del footer */
@media (max-width: 767px) {
    .contatto {
        margin-bottom: 20px;
    }
}