/*
 Theme Name:     Sinattica Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Tema Child per Divi
 Author:        Monitoro
 Author URI:     https://monitoro.it
 Template:       Divi
 Version:        1.0.0
*/

/* Inserisci il tuo CSS personalizzato qui sotto */

/* Stile del Popup */
.fancybox__content {
  max-width: 750px;
  border-radius: 50px !important;
  padding: 30 !important;
  overflow: hidden !important;
}

.popupContainer {
  max-height: 85vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 20px;
  background: #fff;
  border-radius: 15px 15px 0 0;
}

.elencoServizi .et_pb_blurb_content .et_pb_blurb_container {
  padding-left: 10px !important;
}

.elencoServizi .et_pb_blurb_content .et_pb_main_blurb_image {
  width: 15px !important;
}

/* Stile per il bottone di chiusura */

.f-button.is-close-btn {
  display: none;
}
.popup-close-btn {
  position: absolute;
  top: -25px;
  right: 27px;
  width: 50px;
  height: 50px;
  background: #ddd;
  border: 2px solid #b7b7b7;
  cursor: pointer;
  color: #b7b7b7;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.popup-close-btn:hover {
  background: #b7b7b7;
  transform: scale(1.1);
  color: black;
}

.popup-close-btn svg {
  width: 18px;
  height: 18px;
}

.popupContainer {
  position: relative;
}

/* IMPORTANTE: Permetti l'overflow sul contenitore Fancybox */
.fancybox__content {
  overflow: visible !important;
}

.fancybox__container {
  overflow: visible !important;
}

@media (max-width: 980px) {
  .fancybox__content {
    position: fixed !important;
    bottom: 0px;
    width: 100vw;
    height: 70vh;
    border-radius: 0px !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    padding-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 60px !important;
    overflow-y: auto !important;
  }

  .popupContainer {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }
  .fancybox__content > .f-button.is-close-btn {
    display: none;
  }
  .formcontainer {
    padding: 0px;
  }
  .formline p {
    flex-direction: column;
    display: flex;
    margin-bottom: 0px !important;
  }

  .formcontainer input[type="text"],
  .formcontainer input[type="tel"],
  .formcontainer input[type="email"] {
    padding: 10px 20px !important;
    margin: 0px !important;
    margin-bottom: 10px !important;
  }

  .formcontainer textarea.inputMessaggio {
    height: 45px !important;
    padding: 10px 20px;
    margin-bottom: 20px !important;
  }

  .formcontainer {
    padding-top: 0px !important;
  }
  .submit-wrapper {
    margin-bottom: 80px;
  }
  .formTitle {
    font-size: 1.3em !important;
  }
  .popup-close-btn {
    display: none !important;
  }
  .et_pb_scroll_top.et-pb-icon {
    bottom: 16px !important;
    right: 16px !important;
  }

}

/* Stile del menù */

#mobile_menu1 {
  display: block;
  position: fixed;
  background-color: #002659 !important;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

#mobile_menu1 li {
  text-align: center !important;
  background-color: #002659;
}

#mobile_menu1 li:last-child a {
  border-bottom: none;
}

#mobile_menu1 li a {
  text-decoration: none;
  font-size: 1.2em;
  color: #f5f5f5 !important;
   background-color: #002659 !important;
   border-bottom: solid 1px #f5f5f555;
   padding: 10px 0px !important;
}

.sub-menu {
  padding-left: 0px !important;
  background-color: #002659;
}
.sub-menu li {
  padding-left: 0px !important;
  
}

/* .sub-menu li:last-child a {
  border-bottom: solid 1px #ededed !important;
} */

.sub-menu li a:first-child, #menu-item-683 a:first-child {
display: none; 
}
.sub-menu li a {
  font-size: 0.8em !important;
  padding: 3px !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
  color: #002659;
}

.et_pb_menu_1_tb_header.et_pb_menu .et-menu-nav li a:hover {
  cursor: pointer !important;
}

.mobile_menu_bar {
  position: fixed !important;
  display: block;
  line-height: 0;
  top: 13px !important;
  right: 20px !important;
}

.et_mobile_nav_menu {
  margin-bottom: 4px;
}
.wpcf7 form.sent .wpcf7-response-output {
  display: none;
}

.submit-wrapper {
  transition: all 0.5s ease-in-out;
}

.submit-wrapper:hover p {
 border-color: #002659;
 background-color: white; 
 
}
.submit-wrapper:hover p input{
 color: #002659 !important; 
}

.submit-wrapper img[src="/wp-content/uploads/2025/12/right-arrow.png"] {
  content: url("/wp-content/uploads/2025/12/right-arrow.png");
  transition: opacity 0.2s;
}

.submit-wrapper:hover img[src="/wp-content/uploads/2025/12/right-arrow.png"] {
  content: url("/wp-content/uploads/2025/12/right-arrow1.png");
}

@media (max-width: 980px) {
  .menu-item-has-children a {
    background-color: #f5f5f5 !important;
  }
}

@media (min-width: 980px) {
  .et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu {
    background-color: #094397 !important;
    padding: 30px 10px !important;
    BOX-SHADOW: 0PX 10PX 20PX #002659 !important;
    TOP: 18PX;
    
 
  }
  .et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu a {
    color: white !important;
    font-size: 1em !important;
  }
  .et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu a:first-child{
   display: none !important;
  }
  .sub-menu li:last-child a {
    border-bottom: none !important;
  }

  .et_pb_menu_1_tb_header.et_pb_menu, .et_pb_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu > nav {
   
    width: 100% !important;
   
  }
  #menu-main-menu{
   width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px; 
  }
 .et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu a{
    width: 100% !important;

  }
  .sub-menu li{
 
  padding-right: 0px !important;
  margin: 5px 0px !important;
  }


}

body[class*="privacy-policy"]
  .et_pb_menu_0_tb_header
  .mobile_nav
  .mobile_menu_bar::before,
body[class*="cookies-policy"]
  .et_pb_menu_0_tb_header
  .mobile_nav
  .mobile_menu_bar::before {
  color: #002659 !important;
}

body[class*="privacy-policy"]
  .et_pb_menu_1_tb_header.et_pb_menu
  .nav
  li
  ul.sub-menu
  a,
body[class*="cookies-policy"]
  .et_pb_menu_1_tb_header.et_pb_menu
  .nav
  li
  ul.sub-menu
  a {
  color: #002659 !important;
}
body[class*="privacy-policy"]
  .et_pb_menu_1_tb_header.et_pb_menu
  .nav
  li
  ul.sub-menu,
body[class*="cookies-policy"]
  .et_pb_menu_1_tb_header.et_pb_menu
  .nav
  li
  ul.sub-menu {
  background-color: white !important;
}

body[class*="privacy-policy"]
  .et_pb_menu_1_tb_header.et_pb_menu
  .et-menu-nav
  li
  a:hover,
body[class*="cookies-policy"]
  .et_pb_menu_1_tb_header.et_pb_menu
  .et-menu-nav
  li
  a:hover {
  background-color: white !important;
}

body[class*="privacy-policy"] #logoprivacy,
body[class*="cookies-policy"] #logoprivacy {
  filter: saturate(100%) brightness(0100%) invert(00%) !important;
}
.titolettiSezioni {
  text-underline-offset: 8px !important;
}

.et_pb_scroll_top.et-pb-icon {
  background: #094397;
  bottom: 80px;
  right: 20px;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 15px !important;
}

/*******/

/* Nasconde l'output di default di CF7 nel popup */
.popupContainer .wpcf7-response-output {
  display: none !important;
}

/* Animazione per errori */
.custom-field-error {
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Stili per il messaggio di successo */
.custom-success-message {
  animation: slideInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Animazione pulsazione per l'icona di successo */
@keyframes successPulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 15px 50px rgba(76, 175, 80, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 20px 60px rgba(76, 175, 80, 0.6);
  }
}

/* Animazione checkmark */
@keyframes checkmark {
  to {
    stroke-dashoffset: 0;
  }
}

/* Animazione slide down per il titolo */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Animazione fade in up per i testi */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Transizioni smooth per Fancybox */
.fancybox-fadeIn {
  animation: fancyboxFadeIn 0.3s ease;
}

.fancybox-fadeOut {
  animation: fancyboxFadeOut 0.3s ease;
}

@keyframes fancyboxFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fancyboxFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/****** sottomenù mobile ******/

/* Nascondi FORZATAMENTE i sottomenu su mobile */
@media only screen and (max-width: 980px) {
    .et_mobile_menu .menu-item-has-children > .sub-menu,
    .et_mobile_menu .menu-item-has-children > ul.sub-menu {
        display: none !important;
    }
    
    /* Mostra solo quando aperto */
    .et_mobile_menu .menu-item-has-children.menu-open > .sub-menu,
    .et_mobile_menu .menu-item-has-children.menu-open > ul.sub-menu {
        display: block !important;
    }
    
    /* Icona freccia per sottomenu chiuso - attaccata al titolo */
    .et_mobile_menu .menu-item-has-children > a:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url('/wp-content/uploads/2025/12/MOCKUP-HOME-NUOVO-SITO-SINATICA15.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 8px;
        transition: transform 0.3s ease;
        vertical-align: middle;
         transform: rotate(45deg);
    }
    
    /* Ruota la freccia quando aperto */
    .et_mobile_menu .menu-item-has-children.menu-open > a:after {
        transform: rotate(270deg);
    }

    #menu-item-682 a:first-child {
        display: none !important;
    }
}

.menu-item-54 > a:first-child {

  width: 70px;
  position: absolute;

}

.menu-item-54 > a:first-child:hover{
	background-size: 0% 0px !important;
}

#menuiubenda .et_pb_menu_1_tb_header {
  padding-top: 0px !important;
 
}