/*
 Theme Name:     Divi Child Tartaruga
 Theme URI:      https://www.latartarugamausan.it
 Description:    Tema Child per la Scuola dell'Infanzia La Tartaruga Mausan
 Author:         DigitalmiX
 Author URI:     https://digital-mix.it
 Template:       Divi
 Version:        1.0.0
*/

/* ==========================================================================
   Icona YouTube personalizzata
   ========================================================================== */

.et-social-youtube a.icon:before {
  content: '\e0a3';
}

/* ==========================================================================
   Desktop - top header ordinato
   ========================================================================== */

@media only screen and (min-width: 981px) {

  #top-header #et-info {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 14px !important;
    text-align: center !important;
    width: 100% !important;
  }

  #top-header #et-info-phone,
  #top-header #et-info-email {
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
  }

  #top-header #et-info .et-social-icons {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    float: none !important;
  }

  #top-header #et-info .et-social-icons li {
    display: inline-block !important;
    float: none !important;
    margin: 0 6px !important;
  }

  #top-header #et-info .et-social-icon a {
    display: inline-block !important;
    line-height: 1 !important;
  }

  /* Nasconde eventuale duplicato */
  #top-header #et-secondary-menu .et-social-icons,
  #top-header #et-secondary-nav .et-social-icons,
  #top-header ul.et-social-icons + ul.et-social-icons {
    display: none !important;
  }
}

/* ==========================================================================
   Mobile / tablet - top header e social
   ========================================================================== */

@media only screen and (max-width: 980px) {

  #page-container {
    padding-top: 0 !important;
  }

  #top-header {
    display: block !important;
    position: relative !important;
  }

  #page-container #main-header {
    position: relative !important;
    top: 0 !important;
  }

  #top-header .container {
    width: 100% !important;
    padding: 10px 15px !important;
  }

  #top-header #et-info {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px 14px !important;
    text-align: center !important;
  }

  #top-header #et-info-phone,
  #top-header #et-info-email {
    float: none !important;
    display: inline-block !important;
    margin: 0 !important;
  }

  #top-header #et-info .et-social-icons {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #top-header #et-info .et-social-icons li {
    float: none !important;
    display: inline-block !important;
    margin: 0 6px !important;
  }

  #top-header #et-info .et-social-icon a {
    display: inline-block !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* Nasconde il duplicato */
  #top-header #et-secondary-menu .et-social-icons,
  #top-header #et-secondary-nav .et-social-icons,
  #top-header ul.et-social-icons + ul.et-social-icons {
    display: none !important;
  }

  /* Evita spazi o disallineamenti extra */
  #top-header #et-secondary-menu,
  #top-header #et-secondary-nav {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media only screen and (max-width: 768px) {

  #top-header #et-info .et-social-icons {
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    margin-top: 6px !important;
  }

  #top-header #et-info .et-social-icons li,
  #top-header #et-info .et-social-icon a,
  #top-header #et-info .et-social-icon a:before {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ==========================================================================
   GTranslate mobile - banner verde
   ========================================================================== */
   
   /* ==========================================================================
   GTranslate nel top header Divi, non floating
   ========================================================================== */

/* niente floating globale */
.gt_float_switcher,
.switcher.notranslate {
  display: none !important;
}

/* desktop: top bar ordinata */
@media only screen and (min-width: 981px) {
  #top-header #et-info {
    width: auto !important;
    flex: 1 1 auto !important;
  }

  #top-header #et-secondary-menu,
  #top-header #et-secondary-nav {
    display: inline-block !important;
    float: right !important;
    width: auto !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    text-align: right !important;
  }

  #top-header #et-secondary-nav li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* mobile: niente fascia verde enorme */
@media only screen and (max-width: 980px) {
  #top-header {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  #top-header .container {
    width: 100% !important;
    padding: 10px 15px 6px !important;
  }

  #top-header #et-secondary-menu,
  #top-header #et-secondary-nav {
    float: none !important;
    display: block !important;
    width: auto !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #top-header #et-secondary-nav li {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* stile select */
#top-header select.goog-te-combo,
#top-header select.gt_selector,
#top-header .gtranslate_wrapper select,
#top-header #gtranslate_wrapper select,
#et-secondary-nav select.goog-te-combo,
#et-secondary-nav select.gt_selector {
  display: block !important;
  width: 155px !important;
  max-width: 155px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  line-height: 30px !important;
  background: #ffffff !important;
  color: #333333 !important;
  border: 0 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

/* centratura mobile */
@media only screen and (max-width: 980px) {
  #top-header select.goog-te-combo,
  #top-header select.gt_selector,
  #top-header .gtranslate_wrapper select,
  #top-header #gtranslate_wrapper select,
  #et-secondary-nav select.goog-te-combo,
  #et-secondary-nav select.gt_selector {
    margin: 0 auto !important;
  }
}

/* Nasconde GTranslate dentro il menu mobile Divi */
@media only screen and (max-width: 980px) {
  #mobile_menu li.menu-item-gtranslate,
  #mobile_menu li.menu-item-gtranslate-child,
  .et_mobile_menu li.menu-item-gtranslate,
  .et_mobile_menu li.menu-item-gtranslate-child {
    display: none !important;
  }
}