/* dedozz styles */
/*
Theme Name: SG Corporate Child
Description: Tema figlio per il sito SG Corporate
Author: La tua agenzia
Template: astra
Version: 1.0.0
*/

/* ========================================
   SG CORPORATE — CUSTOM CSS
   ========================================
   Tema figlio per sgcorporate.it
   Ultima modifica: 9 giugno 2026
   ======================================== */


/* ========================================
   1. FIX RESPONSIVE MOBILE
   Risolve lo spazio vuoto sotto il footer
   ======================================== */

@media (max-width: 767px) {

    /* Tutti gli elementi possibili dopo il footer = invisibili */
    footer ~ *,
    .elementor-location-footer ~ *,
    .hfe-footer ~ *,
    .uael-footer ~ *,
    .site-footer ~ * {
        display: none !important;
    }

    /* Body senza altezze forzate */
    html, body {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Wrapper Elementor senza altezze */
    .elementor,
    .elementor-page,
    main,
    #main,
    #content,
    .site-content {
        min-height: auto !important;
        height: auto !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Banner cookie sempre flottante (non riserva spazio) */
    [class*="cookie"],
    [class*="cky"],
    [class*="iubenda"],
    [class*="complianz"],
    [id*="cookie"],
    [id*="cookie-notice"] {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999999 !important;
    }
}


/* ========================================
   2. UTILITY CLASSES — VISIBILITÀ
   Per nascondere/mostrare elementi per device
   ======================================== */

/* Nasconde su MOBILE (sotto i 767px) */
@media (max-width: 767px) {
    .hide-mobile,
    .nascondi-mobile {
        display: none !important;
    }
}

/* Nasconde su TABLET (768-1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .hide-tablet,
    .nascondi-tablet {
        display: none !important;
    }
}

/* Nasconde su DESKTOP (oltre 1025px) */
@media (min-width: 1025px) {
    .hide-desktop,
    .nascondi-desktop {
        display: none !important;
    }
}

/* Mostra SOLO su MOBILE */
@media (min-width: 768px) {
    .only-mobile,
    .solo-mobile {
        display: none !important;
    }
}

/* Mostra SOLO su TABLET */
@media (max-width: 767px), (min-width: 1025px) {
    .only-tablet,
    .solo-tablet {
        display: none !important;
    }
}

/* Mostra SOLO su DESKTOP */
@media (max-width: 1024px) {
    .only-desktop,
    .solo-desktop {
        display: none !important;
    }
}


/* ========================================
   3. UTILITY CLASSES — DIMENSIONI E SPAZI
   ======================================== */

/* Riduce H1 su mobile */
@media (max-width: 767px) {
    .h1-mobile-sm {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
}


/* ========================================
   4. MENU MOBILE — PULSANTI DIVISIONI
   Mostra le 4 voci divisione come pulsanti
   colorati solo dentro l'hamburger mobile
   ======================================== */

/* Nasconde le 4 voci dal menu DESKTOP (restano solo su mobile/tablet) */
@media (min-width: 1025px) {
    .nav-corporate,
    .nav-solution,
    .nav-investigation,
    .nav-info {
        display: none !important;
    }
}

/* Trasforma le 4 voci in pulsanti colorati nel menu mobile */
.nav-corporate a.hfe-menu-item,
.nav-solution a.hfe-menu-item,
.nav-investigation a.hfe-menu-item,
.nav-info a.hfe-menu-item {
    display: block !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    margin: 6px 0 !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.nav-corporate a.hfe-menu-item     { background-color: #6E6E6E !important; } /* grigio */
.nav-solution a.hfe-menu-item      { background-color: #E30613 !important; } /* rosso */
.nav-investigation a.hfe-menu-item { background-color: #2D6CDF !important; } /* blu */
.nav-info a.hfe-menu-item          { background-color: #F4B400 !important; color: #1a1a1a !important; } /* giallo */