/*
 Theme Name:     Hello Elementor Child — Syncro Boost
 Theme URI:      https://syncro.agency/wordpress/
 Description:    Performance-driven Elementor child theme built for SEO, speed, and conversions. Includes clean CSS/JS optimizations, reusable Elementor components, and scalable best practices. Crafted by Syncro Agency.
 Author:         Syncro Agency
 Author URI:     https://syncro.agency/
 Template:       hello-elementor
 Version:        1.0.0
 Requires at least: 6.0
 Tested up to: 6.5
 Requires PHP:   7.4
 License:        GNU General Public License v2 or later
 License URI:    https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:    hello-elementor-child-syncro
 Tags:           elementor, child-theme, performance, seo, conversions, agency
*/


/* Add your custom CSS below this line */

/* === ITALY TRAILS – CONTACT FORM SUBMIT ICON (VERSIONE STABILE) === */

/* Il widget del form diventa il contenitore di riferimento */
#italy-contact-form {
    position: relative;
}

/* STILE COMUNE DEL BOTTONE (immagine) */
#italy-contact-form .e-form__buttons .elementor-button {
    padding: 0;
    border-radius: 50%;
    border: none;
    background-color: transparent;

    background-image: url('https://competent-cannon.37-27-136-151.plesk.page/wp-content/uploads/2026/02/ICON-SET-Italy-Trails-05.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    color: transparent;
    font-size: 0;
    line-height: 0;

    cursor: pointer;
}

/* DESKTOP / TABLET (>= 881px) – icona grande che esce a destra */
@media (min-width: 881px) {

    #italy-contact-form .e-form__buttons {
        position: static;
    }

    #italy-contact-form .e-form__buttons .elementor-button {
        position: absolute;
        width: 102px;
        height: 102px;
        right: -90px;
        bottom: 120px;
        transform: translateY(-50%);
        display: block;
    }

    #italy-contact-form .e-form__buttons .elementor-button:hover {
        transform: translateY(-50%) scale(1.05);
    }
}

/* MOBILE (<= 880px) – bottone più grande che “esce” dal form verso il basso */
@media (max-width: 880px) {

    /* Diamo un po' di spazio sotto al box del form per non tagliare il bottone */
    #italy-contact-form .elementor-widget-container {
        padding-bottom: 0px;
    }

    /* Bottone nel flusso, centrato, più grande e che sborda con margin negativa */
    #italy-contact-form .e-form__buttons {
        text-align: center;
        margin-top: 0px; /* sposta il bottone verso il box sopra */
    }

    #italy-contact-form .e-form__buttons .elementor-button {
        position: static;
        width: 75px;
        height: 75px;
        margin: 0 auto;
        transform: none;
        display: inline-block;
    }

    #italy-contact-form .e-form__buttons .elementor-button:hover {
        transform: scale(1.05);
    }
}





/* Sblocca i click nel nav dentro il popup #9252 */
.elementor-9252 .elementor-nav-menu__container.e--pointer-none {
    pointer-events: auto !important;
}

/* Quando Elementor applica l'effetto sticky (dopo scroll) */
.elementor-sticky--effects.elementor-element-7afcd4f {
    background-color: #383838 !important; /* cambia qui il colore che vuoi */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) imo !important;
}

/* Submenu nel popup/off-canvas Italy Trails */
.popup-nav .sub-menu.elementor-nav-menu--dropdown {
    position: static !important;      /* niente absolute */
    margin: 8px 0 0 0 !important;     /* scende subito sotto il padre */
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
    background: rgba(255, 132, 52, 0.12)!important;  /* niente box arancione decentrato */
    border-left: 3px solid #FF8434 !important;       /* linea laterale elegante */
    border-radius: 8px !important;
    padding: 12px 16px !important;
}



/* (opzionale) un filo di hover carino */
.popup-nav .sub-menu .elementor-sub-item:hover {
    color: #FF8434 !important;
    transform: translateX(3px) !important;
    transition: all .2s ease !important;
}

/* Voci interne del submenu */
.popup-nav .sub-menu .elementor-sub-item {
    display: block;
    padding: 6px 0 ;
    font-size: 16px ;
    font-weight: 400;
}

@media (min-width: 1201px) {

  /* Stile del box dropdown (NO position/overflow/left/top/width) */
  .head-menu .sub-menu.elementor-nav-menu--dropdown {
      background: rgba(56, 56, 56, 0.8) !important;
      border-radius: 10px !important;
      padding: 10px 0 !important;
      border: 1px solid rgba(255,255,255,0.08) !important;
      box-shadow: 0 16px 40px rgba(0,0,0,0.28) !important;
  }

  /* Linea laterale: la facciamo con border-left (non pseudo-elemento) */
  .head-menu .sub-menu.elementor-nav-menu--dropdown {
      border-left: 3px solid #FF8434 !important;
  }

  /* Link: solo colori e spazi (NO font-size/family) */
  .head-menu .sub-menu .elementor-sub-item {
      color: rgba(255,255,255,0.92) !important;
      padding: 10px 22px !important;
      text-decoration: none;
      transition: background .2s ease, color .2s ease, transform .2s ease;
  }

  /* Divider tra item */
  .head-menu .sub-menu li:not(:last-child) {
      border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  }

  /* Hover elegante */
  .head-menu .sub-menu .elementor-sub-item:hover {
      background: rgba(255,255,255,0.06) !important;
      color: #FF8434 !important;
      transform: translateX(2px);
  }

}


.single-post .elementor-widget-theme-post-content h2 strong {
	font-weight: 400 !important;
	
}

.single-post .elementor-widget-theme-post-content h2 {
	margin-top: 50px !important
}

.page-id-1521 .bottom-cta,
.page-id-1928 .bottom-cta {
    display: none !important;
}


/* Bottone form WPForms – ID 1927 */
#wpforms-submit-1927 {
    background-color: #F57A21 !important; /* arancione brand */
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px;
    padding: 14px 28px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover */
#wpforms-submit-1927:hover {
    background-color: #e66f18 !important; /* arancione leggermente più scuro */
}

/* MOBILE */
@media (max-width: 766px) {
  #wpforms-submit-1927 {
    width: 90% !important;                 /* un filo più stretto del form */
    max-width: 320px !important;           /* limite massimo per non diventare gigante */
    margin: 16px auto 24px !important;     /* centrato, con respiro sopra/sotto */
    display: block !important;

    padding: 12px 16px !important;         /* un filo più basso */
    font-size: 15px !important;
    border-radius: 6px !important;         /* leggermente più morbido */
  }
}