/*
Theme Name: Archio Child
Theme URI: http://demos.casethemes.net/archio/
Author: CaseThemes
Author URI: https://themeforest.net/user/casethemes
Description: Archio - Architecture WordPress Theme. Archio is a clean and modern Architecture design. You can use it for any kind website like  architect, architecture, building, construction, decor, estate, furniture, house and many others relevant businesses. Well-structured code and easy to use documentation help you to get a great business website.  
Version: 1.1.6
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: archio
Text Domain: archio-child
Tags: architect, architecture, building, construction, decor, estate, furniture, house, house design, interior, interior design, photography, property, real estate, showcase
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.site-footer .top-footer {
    padding-top: 72px;
    padding-bottom: 240px;
}

body .vc_tta-container .vc_tta.vc_tta-accordion.vc_tta-style-default .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a {
    font-size: 18px;
    font-weight: 700;
    color: #EFEDD9;
}


/* --- ENGINE GRIGLIA SETTORI DI APPLICAZIONE (TODISCO STYLE) --- */

/* Forza lo sfondo della riga principale */
.sezione-settori-container {
    background-color: #394059 !important; /* Colore primario richiesto */
    padding-top: 60px !important;
    padding-bottom: 80px !important;
}

/* Genera la griglia a 5 colonne per riga su Desktop */
.todisco-grid-settori {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px; /* Spaziatura millimetrica tra i box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Stile della singola tessera (Card Rettangolare) */
.settore-card {
    background-color: #2e3449 !important; /* Grigio-Navy più scuro per staccare dal fondo, identico al tuo allegato */
    border: 1px solid rgba(239, 237, 217, 0.08) !important; /* Bordo finissimo crema */
    border-radius: 14px !important; /* Angoli arrotondati morbidi */
    padding: 35px 20px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 190px;
    transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

/* Animazione all'hover */
.settore-card:hover {
    background-color: #333a52 !important;
    border-color: rgba(239, 237, 217, 0.3) !important;
    transform: translateY(-4px); /* Micro sollevamento moderno */
}

/* Dimensionamento dell'icona vettoriale */
.settore-icon-wrapper {
    width: 54px;
    height: 54px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settore-icon-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tipografia del Titolo del settore */
.settore-title {
    font-family: 'Inter Tight', sans-serif !important;
    color: #EFEDD9 !important; /* Colore crema richiesto */
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0.3px;
}

/* --- RESPONSIVE LAYOUT (SMARTPHONE E TABLET) --- */

/* Monitor medi (Tablet): 3 colonne */
@media (max-width: 1024px) {
    .todisco-grid-settori {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 20px;
    }
}

/* Smartphone: 2 colonne */
@media (max-width: 600px) {
    .todisco-grid-settori {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        padding: 0 15px;
    }
    .settore-card {
        padding: 25px 15px !important;
        min-height: 160px;
    }
    .settore-title {
        font-size: 15px !important;
    }
}

/* --- OTTIMIZZAZIONE UX/UI PAGINA PRODOTTI TODISCO GROUP --- */

/* Forza l'uso del font Inter Tight su tutta la pagina prodotti */
.todisco-products-tabs, 
.todisco-products-tabs .vc_tta-tab a,
.todisco-products-tabs .vc_tta-panel-title a {
    font-family: 'Inter Tight', sans-serif !important;
}

/* Stile per i pulsanti dei Tab orizzontali (i selettori della categoria) */
.todisco-products-tabs .vc_tta-tabs-container {
    margin-bottom: 40px !important;
}

.todisco-products-tabs .vc_tta-tab a {
    background-color: rgba(239, 237, 217, 0.05) !important; /* Colore crema trasparente di base */
    color: #EFEDD9 !important;
    border: 1px solid rgba(239, 237, 217, 0.15) !important;
    padding: 15px 25px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    transition: all 0.3s ease !important;
}

/* Stato attivo ed Hover sul Tab */
.todisco-products-tabs .vc_tta-tab.vc_active a,
.todisco-products-tabs .vc_tta-tab a:hover {
    background-color: #EFEDD9 !important; /* Inverte i colori sul tab attivo */
    color: #394059 !important;
    border-color: #EFEDD9 !important;
}

/* Contenitore interno del pannello dei prodotti */
.todisco-products-tabs .vc_tta-panel-body {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(239, 237, 217, 0.1) !important;
    border-radius: 12px;
    padding: 40px !important;
}

/* Rende responsive i tab sui dispositivi mobili trasformandoli in fisarmoniche pulite */
@media (max-width: 768px) {
    .todisco-products-tabs .vc_tta-panel-title a {
        background-color: rgba(239, 237, 217, 0.05) !important;
        color: #EFEDD9 !important;
        padding: 15px !important;
        margin-bottom: 5px;
        border-radius: 6px;
    }
    .todisco-products-tabs .vc_tta-panel.vc_active .vc_tta-panel-title a {
        background-color: #EFEDD9 !important;
        color: #394059 !important;
    }
}

/* --- GRAPHIC ENGINE HUB DISTRIBUTORI --- */

/* Contenitore della griglia */
.sezione-distributori-container .todisco-grid-distributori {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* Trasformazione delle colonne WPBakery in Card Visive */
.sezione-distributori-container .distributore-card {
    background-color: #2e3449 !important; /* Colore più scuro per contrasto sul fondo #394059 */
    border: 1px solid rgba(239, 237, 217, 0.08) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin-bottom: 30px;
    box-sizing: border-box;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

/* Distanziamento laterale delle colonne su desktop */
@media (min-width: 769px) {
    .sezione-distributori-container .distributore-card {
        width: calc(33.333% - 30px) !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}

.sezione-distributori-container .distributore-card:hover {
    transform: translateY(-5px);
    border-color: rgba(239, 237, 217, 0.25) !important;
}

/* Ottimizzazione dell'anteprima immagine della società */
.sezione-distributori-container .distributore-card .vc_single_image-wrapper {
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

.sezione-distributori-container .distributore-card img {
    transition: transform 0.4s ease;
}

.sezione-distributori-container .distributore-card:hover img {
    transform: scale(1.03); /* Micro zoom della foto all'hover */
}

/* Stile del Bottone "Scopri la Società" */
.sezione-distributori-container .distributore-card a:hover {
    background-color: #EFEDD9 !important;
    color: #394059 !important;
}

/* --- GRAPHIC ENGINE HUB DEPOSITI COSTIERI --- */

/* Allineamento flessibile della riga */
.sezione-depositi-container .todisco-grid-depositi {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* Modellazione della singola tessera Deposito */
.sezione-depositi-container .deposito-card {
    background-color: #2e3449 !important; /* Box scuro per contrasto ottimale */
    border: 1px solid rgba(239, 237, 217, 0.08) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin-bottom: 30px;
    box-sizing: border-box;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

/* Gestione delle 3 colonne su schermi Desktop */
@media (min-width: 769px) {
    .sezione-depositi-container .deposito-card {
        width: calc(33.333% - 30px) !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}

/* Micro-animazione all'hover del mouse */
.sezione-depositi-container .deposito-card:hover {
    transform: translateY(-5px);
    border-color: rgba(239, 237, 217, 0.25) !important;
}

/* Arrotondamento per l'immagine d'anteprima dell'hub */
.sezione-depositi-container .deposito-card .vc_single_image-wrapper {
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

.sezione-depositi-container .deposito-card img {
    transition: transform 0.4s ease;
}

.sezione-depositi-container .deposito-card:hover img {
    transform: scale(1.03);
}

/* Hover dei pulsanti interni alla scheda */
.sezione-depositi-container .deposito-card a:hover {
    background-color: #EFEDD9 !important;
    color: #394059 !important;
}