/*
Theme Name: Zonamoka
Theme URI: https://www.zonamoka.it
Author: Zonamoka Studio
Author URI: https://www.zonamoka.it
Description: Tema personalizzato basato su Hello Elementor per siti Tunap.
Version: 1.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zonamoka
*/

/* === Bridge con i Global Colors di Elementor =================== */
/* Fallback inclusi per sicurezza quando i global non sono definiti */
:root{
  --zm-primary:   var(--e-global-color-primary,   #1F5DA6); /* blu */
  --zm-secondary: var(--e-global-color-secondary, #1E6428); /* verde */
  --zm-text:      var(--e-global-color-text,      #333E4A);
  --zm-accent:    var(--e-global-color-accent,    #C0D1E5); /* evidenze/chips */
  --zm-separator: #E0E0E0;
  --zm-shadow:    0 3px 12px rgba(0,0,0,.05);
}

/* =========================
   UTILITIES / GENERALI
   ========================= */
.green { color: var(--zm-secondary); }
   .blue  { color: var(--zm-primary); }

.home-carousel .elementor-testimonial__image img { height: 40px !important; }

.corner-radius-dx    { border-radius: 0 20vw 0 0 !important; }
.corner-radius-sx    { border-radius: 20vw 0 0 0 !important; }
.corner-radius-dx-sx { border-radius: 20vw 20vw 0 0 !important; }

@media only screen and (min-width: 768px) {
.corner-radius-dx    { border-radius: 0 10vw 0 0 !important; }
.corner-radius-sx    { border-radius: 10vw 0 0 0 !important; }
.corner-radius-dx-sx { border-radius: 10vw 10vw 0 0 !important; }
}

.home #breadcrumbs { display: none; }

/* =========================
   BLOG CATEGORIES CHIPS
   ========================= */
.categorie-blog-wrapper {
  display: flex; flex-wrap: wrap; gap: 10px;
}
.categoria-item {
  display: inline-block; padding: 10px 18px; border-radius: 30px;
  background-color: #f5f5f5; 
  color: var(--zm-secondary);
  text-decoration: none;
  font-weight: 500 !important; 
  transition: all 0.3s ease; 
  font-size: 11px !important; 
  line-height: 11px !important;
   text-transform: uppercase;
}
.categoria-item:hover { background-color: #e6e6e6; }
.categoria-item.active { background-color: #1E6428; color: #fff; }

/* =========================
   SINGLE POST
   ========================= */
.single-post .single-post-tunap-content h2{
  font-size: 20px; text-align: center; font-weight: 700;
  line-height: 18px; color: #1E6428 !important;
  margin-top: 30px;
}

/* =========================
   AREA RISULTATI (fade loading)
   ========================= */
#area-risultati { position: relative; min-height: 250px; overflow: hidden; }
.results-inner { opacity: 1; transform: scale(1); transition: opacity .4s ease, transform .4s ease; }
#area-risultati.loading .results-inner { opacity: 0; transform: scale(.98); }
.loading { text-align: center; padding: 30px 0; font-style: italic; color: #666; }

/* =================================================================
   TRATTAMENTI – GRIGLIA + CARD (per evitare conflitti)
   ================================================================= */
.tunap-trattamenti-grid {
  display: grid; grid-template-columns: 1fr; gap: 10px; margin: 40px 0;
}
@media (min-width: 768px)  { .tunap-trattamenti-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .tunap-trattamenti-grid { grid-template-columns: repeat(3,1fr); } }

/* Card dei TRATTAMENTI: scopo sul contenitore per non interferire con i risultati */
.tunap-trattamenti-grid .tunap-card {
  background:#fff; border:10px solid white; border-radius:100px;
  text-align:center; padding:30px 20px; transition: all .3s ease; min-height:372px;
  box-shadow: 0 3px 12px rgba(0,0,0,.05);
}
.tunap-trattamenti-grid .tunap-card:hover { box-shadow: 0 6px 16px rgba(0,0,0,.10); }

.tunap-card-icon img { width:64px; height:64px; object-fit:contain; margin-bottom:12px; }
.tunap-trattamenti-grid .tunap-card-title { color:#333E4A; font-weight:600; margin-bottom:10px; font-size:1.2em; }
.tunap-trattamenti-grid .tunap-card-desc  { color:#444; font-size:.95em; line-height:1.4; }

.treatment-icon-container { max-height:90px; width:90px; cursor:pointer; border:5px solid #fff; max-width: 90px; }
.treatment-icon-container.active { border-color:var(--zm-secondary); }
.treatment-icon-container.active svg{
  fill: #7AB51D !important; /* colore su hover */
}
.treatment-icon-container span { display:block; font-size:11px; line-height:12px !important; }

.tunap-trattamenti-grid .tunap-card-icon{
  display:flex;
  justify-content: center;
}

.tunap-trattamenti-grid .tunap-card-icon img{
  width: 80px;
  height: 80px;
}

/* ===== CARD STILE BASE ===== */
.tunap-card {
  border: 2px solid transparent;
  border-radius: 10px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background: #fff;
  overflow: hidden;
}

.tunap-trattamenti-grid .tunap-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 15px;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

/* ===== EFFETTO HOVER ===== */
.tunap-card:hover {
  border-color: var(--tunap-color, #007a3d);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* ===== ICONA COLORABILE ===== */
.tunap-card-icon {
  width: 60px;
  height: 60px;
  background-color: var(--tunap-color, #007a3d);

  /* usiamo l'SVG come maschera */
  -webkit-mask-image: var(--icon);
  mask-image: var(--icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;

  opacity: 0.9;
  transition: background-color 0.3s ease, opacity 0.3s ease;
  margin-bottom: 12px;
}

/* cambia colore / intensità on-hover */
.tunap-card:hover .tunap-card-icon {
  opacity: 1;
  background-color: var(--tunap-color, #007a3d);
}

/* =========================
   FILTRI EXTRA
   ========================= */
.tunap-filter-extra {
  display:flex; flex-wrap:wrap; gap:20px; justify-content:flex-start; align-items:center;
}
.tunap-filter-field { flex:1 1 150px; position:relative; }

@media only screen and (min-width: 1440px) {
  .tunap-filter-field { flex:1 1 180px; position:relative; }
}

.tunap-filter-field label { display:block; font-weight:600; color:#333; margin-bottom:6px; font-size:.9rem; }
.tunap-filter-field select,
.tunap-filter-field input[type="number"],
.tunap-filter-field input[type="text"]{
  width:100%; padding:12px 18px; border:none; border-radius:40px; background:#fff;
  box-shadow:0 3px 15px rgba(0,0,0,.15), inset 0 2px 3px rgba(255,255,255,.7);
  font-size:1rem; color:#222; appearance:none; transition: all .3s ease;
}
.tunap-filter-field select:focus,
.tunap-filter-field input:focus {
  outline:none; box-shadow: 0 0 0 3px rgba(0,166,81,.25), inset 0 2px 3px rgba(255,255,255,.8);
}
.tunap-filter-field input::placeholder { color:#aaa; font-style:italic; }
.tunap-filter-field .tunap-select::after { content:"▾"; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:#555; pointer-events:none; font-size:.9rem; }
.tunap-filter-field select:hover,
.tunap-filter-field input:hover { box-shadow: 0 5px 10px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.8); }

/* =================================================================
   RISULTATI LOCATOR – CARD, LISTA, LAYOUT E MAPPA
   ================================================================= */

/* Griglia delle card risultati */
.tunap-cards{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  justify-content:start;
  gap:5px;
  transition: opacity .3s ease .3s; /* sincronizzata con animazioni mappa */
}

@media only screen and (max-width: 1440px) {
  .tunap-filter-field { flex:1 1 180px; position:relative; }
}

@media only screen and (max-width: 768px) {
  .tunap-card{
    width:100%;
  }
}
  

/* Card dei RISULTATI */
.tunap-card{
  background:#fff; border-radius:20px; border:1px solid #eaeaea;
  box-shadow:0 3px 12px rgba(0,0,0,.05);
  padding:24px 20px;
  transition: all .3s ease;
  max-width:370px;
  display:flex; flex-direction:column; align-items:flex-start;
  cursor:pointer;
}
/* .tunap-card:hover{
  box-shadow:0 6px 20px rgba(0,0,0,.1); border-color:#1f5da6;
} */

.tunap-card-inner{
  width: 100%;
}

/* Titolo, indirizzo */
.tunap-card-title a{ 
  font-size:24px !important; 
  font-weight:700 !important; 
  color:#1f5da6 !important;
   margin:0 0 6px; 
   line-height:1.2;
    text-align:left; 
}
.tunap-card-title a{ color:#1f5da6; text-decoration:none; }
.tunap-card-title a:hover{ text-decoration:underline; }

.tunap-card-address, .tunap-card p {
  font-size:16px; color:#333E4A; margin:0 0 6px; line-height:1.4; text-align:left;
}

.tunap-card-address{
  border-bottom: 1px solid #707070;
  padding-bottom: 20px;
  margin-bottom: 20px !important;
}

.tunap-card-content{
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}



/* Trattamenti (icone verdi) */
.tunap-treatments-row{
  display:flex; gap:0px; 
  width: 100%;
  flex-direction: row;
  align-items: center;
}

.tunap-treatments-row small, .tunap-card-brand-group span{
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

.tunap-treatments-row a{
  line-height: 12px;
  color: #333E4A;
}


.tunap-card-brand-group span{
  text-align: right; 
}


.tunap-treatment-icon{
  width:40px; height:40px;
  filter: brightness(0) saturate(100%) invert(36%) sepia(87%) saturate(330%) hue-rotate(104deg) brightness(91%) contrast(91%);
  transition: transform .2s ease; cursor:pointer;
  margin-right: 5px;
}
.tunap-treatment-icon:hover, .tunap-single-treatment-icon img:hover{ transform: scale(1.1); }

.single-officina-meccanica .tunap-treatment-icon{
  
}


.tunap-single-treatment-icon{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 110px;
  min-height:  85px;
}

.tunap-single-treatment-icon span{
 text-align: center;
 font-size: 12px !important;
 line-height: 14px; 
}

.tunap-single-treatment-icon{
  width:40px; height:40px;
}

.tunap-treatments-icons{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: center;
}

.single-officina-meccanica .tunap-treatments-icons a{
  color: white;
  text-align: center;
  line-height: 14px;
}

.single-officina-meccanica .tunap-treatments-icons a:hover{
  color: white;
}

/* Footer card: settore + brand */
.tunap-card-footer{ display:flex; flex-direction:column; align-items:flex-end; gap:10px; width: 40%; justify-content: space-between;}
.tunap-sector-row{ display:flex; gap:12px; align-items:center; }
.tunap-sector-icon{
  width:40px; height:40px;
  filter: brightness(0) saturate(100%) invert(46%) sepia(0%) saturate(0%) hue-rotate(220deg) brightness(86%) contrast(83%);
  opacity:.8; transition: opacity .2s ease, transform .2s ease;
}
.tunap-sector-icon:hover, .tunap-sector-icon:hover img{ opacity:1; transform:scale(1.05); }
.tunap-brand-name{
  font-size:13px; color:#333e4a; letter-spacing:.3px; text-transform:uppercase; line-height:1.4; display:block; margin-top:4px;
}

/* Contenitori risultati */
.tunap-results-container { max-width:100%; margin:0 0 0 17%; }

@media (max-width: 767px) {
  
  .tunap-results-container{
    margin:0 15px;
  }
}


.tunap-results-header{
  display:flex; justify-content:space-between; align-items:center; min-height: 50px;
}
.tunap-results-header h2{ font-size:22px !important; font-weight:600 !important; color:#222 !important; margin: 10px 0px 0px 0px !important;}

@media (max-width: 767px) {
  
  .tunap-results-header h2{ font-size:18px !important; font-weight:600 !important; color:#222 !important; margin: 10px 0px 10px 0px !important ;}
}

/* Toggle mappa (bottone fallback, se non usi lo switch) */
.toggle-map-btn{
  background:#0d6efd; color:#fff; border:none; border-radius:8px; padding:8px 16px; cursor:pointer; transition:background .3s ease;
}
.toggle-map-btn:hover{ background:#0b5ed7; }

.tunap-results-layout{
  display:grid;
  grid-template-columns: 2fr 2fr; /* lista | mappa */
  gap:15px; align-items:start;
  transition: grid-template-columns .4s ease .6s, gap .4s ease .6s; /* delay = durata animazione mappa */
}

.tunap-results-container.no-result-list{
  grid-template-columns: max-content;
  margin: 0 17% 0 17%;
}

.tunap-results-container.no-result-list .tunap-results-layout{
  grid-template-columns: auto;
}

@media (max-width: 767px) {
  
  .tunap-results-layout{
    display:flex;
    flex-direction: column-reverse;
  }
  
  .tunap-results-map{
    position: relative !important;
    height: 100vh !important;
    overflow: hidden !important;
    width: 100% !important;
  }
  
  .tunap-results-map #tunap-map{
    height: 100vh;
  }
  
  .tunap-results-layout.hide-map .tunap-cards{
    display: flex;
    flex-direction: column;
  }
  
  .tunap-results-layout.hide-map .tunap-results-map {
    display: none;
  }
  
  .tunap-results-map #tunap-map{
    border-radius: 30px !important; 
  }
  
  /* .tunap-results-layout.hide-map .tunap-results-list{
      width: 0%;
      display: none;
  }
  
  .tunap-results-layout.hide-map .tunap-results-map{
      width: 100%;
  }
  
  
  
  .tunap-results-layout.hide-map #tunap-map{
    
  } */

}



.tunap-results-list{ display:flex; flex-direction:column; }

/* Layout quando la mappa è nascosta */
.tunap-results-layout.hide-map{ grid-template-columns:1fr; max-width:1140px; }
.tunap-results-layout.hide-map .tunap-cards{
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  max-width:1140px; gap:5px; margin:0 auto; transition: all .4s ease;
}

@media (min-width: 1820px) {
.tunap-results-layout .tunap-cards{
    grid-template-columns: repeat(auto-fit, 370px);
  }
}

/* Mappa sticky */
.tunap-results-map{ position:sticky; height:100vh; top:0; overflow:hidden; }
#tunap-map{
  width:100%; height:100vh; border-radius:70px 0 0 70px;
  transform:translateX(0); opacity:1;
  transition: transform .6s ease, opacity .6s ease; will-change: transform, opacity;
}

/* Animazioni mappa */
@keyframes mapFadeIn  { 0%{transform:translateX(100%);opacity:0;} 100%{transform:translateX(0);opacity:1;} }
@keyframes mapFadeOut { 0%{transform:translateX(0);opacity:1;}   100%{transform:translateX(100%);opacity:0;} }

.tunap-results-layout:not(.hide-map) #tunap-map{ animation: mapFadeIn .6s ease forwards; }
.tunap-results-layout.hide-map #tunap-map{
  animation: mapFadeOut .6s ease forwards;
  transition:none !important; pointer-events:none;
}

/* =========================
   SWITCH "SHOW MAP"
   ========================= */
.toggle-map-switch{
  display:flex; align-items:center; gap:10px; justify-content:flex-end; margin-bottom:0px; margin-right: 7%;
}
.toggle-label{ font-weight:500; color:#222; user-select:none; }
.switch{ position:relative; display:inline-block; width:50px; height:26px; }
.switch input{ opacity:0; width:0; height:0; }
.slider{
  position:absolute; cursor:pointer; inset:0; background:#ccc; transition:.4s; border-radius:34px;
}
.slider:before{
  content:""; position:absolute; height:20px; width:20px; left:3px; bottom:3px; background:#fff; transition:.4s; border-radius:50%;
}
input:checked + .slider { background:#1E6428; }
input:checked + .slider:before { transform: translateX(24px); }

/* =========================
   RESPONSIVE
   ========================= */
/* @media (max-width: 992px){
  .tunap-results-layout{ grid-template-columns:1fr; }
  #tunap-map{ height:400px; position:relative; border-radius:20px; }
} */


/** griglia archivi officine **/

.tunap-officine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}

.tunap-officina-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: var(--zm-shadow);
  padding: 30px;
  transition: all .3s ease;
  border: 1px solid var(--zm-separator);
}

.tunap-officina-card:hover {
  border-color: var(--zm-primary);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.tunap-brand-name {
  color: var(--zm-text);
  font-weight: 600;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 14px;
}

.tunap-card-title a {
  color: var(--zm-primary);
  text-decoration: none;
}

.tunap-no-results{
  text-align: center;
  background-color: white;
  border-radius: 60px;
  padding: 70px;
}

.tunap-btn-appointment{
  color: white !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Bottone Richiedi Appuntamento */
.tunap-btn-appointment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #1E6428;
  color: white !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  text-decoration: none;
  padding: 16px 40px;
  border-radius: 50px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;

}

/** tunap search widget form **/

.tunap-search-form {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  margin: 0;
  overflow: hidden;
  flex-direction: column;
}
.tunap-search-bar {
  display: flex;
  width: 100%;
}
.tunap-search-input {
  flex: 1;
  border: none;
  padding: 14px 18px;
  font-size: 16px;
  outline: none;
}
.tunap-search-btn {
  border: none;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  color: #fff;
  background: #0073aa;
  transition: background 0.2s ease-in-out;
  max-height: 48px;
  margin-left: 5px;
}
.tunap-search-btn:hover {
  background: #005f8a;
}


#tunap-location-input{
  background-color: #F5F5F5;
  border-radius: 30px !important;
  border: none !important;
  margin-right: 10px;
  padding: 12px 20px;
}

.tunap-search-bar button{
  margin-right: 5px;
  border: none; 
  font-weight: 600 !important;
}

.tunap-search-bar button:hover{
  background-color: #00a32a;
}

.tunap-alert-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
}

.tunap-alert-box img{
  margin-right: 5px;
}
/** breadcrumbs **/

#breadcrumbs span a, #breadcrumbs span{
  font-size: 12px;
}

/** form styles **/

.wpcf7-form input{
  border-radius: 30px;
  background-color: white;
}


/** css globali **/

.single-post .single-post-tunap-content .elementor-button-link{
  background-color: #1E6428 !important;
  color: #fff !important;
  text-align: center;
}


/** info window map **/

.tunap-infowindow { font-size:14px; line-height:1.4; max-width:260px; }
.infowindow-header { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.infowindow-header .settore-icon { width:30px; height:30px; }
.infowindow-trattamenti { display:flex; flex-wrap:wrap; gap:0px; margin:0px 0; }
.trattamento-item { display:flex; align-items:center; gap:4px; font-size: 11px; padding:0px; border-radius:4px; }
.trattamento-item img { width:30px; height:30px; }
.tunap-infowindow .tunap-map-link{margin-top: 3px; width: 100%; text-align: right;}
.tunap-infowindow .tunap-map-link a{ text-decoration: underline; width: 100%}
.gm-style .gm-style-iw-c{border-radius:30px !important;}

/* InfoWindow */
.tunap-infowindow{
  background:#fff; padding:12px 16px;
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  font-family:"Poppins",sans-serif; max-width:250px;
}
.tunap-infowindow h4{ font-size:.95rem; font-weight:700; color:#0b6934; margin-bottom:4px; }
.tunap-infowindow p{ font-size:.85rem; color:#333; margin:0 0 8px 0; }
.tunap-infowindow a{ font-size:.8rem; color:#0b6934; text-decoration:none; font-weight:600; }
.tunap-infowindow a:hover{ text-decoration:underline; }


/** tunap locator **/

.tunap-locator-filters-container{
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* due colonne uguali */
  gap: 0px; /* spazio tra gli elementi */
  height: 130px;
  margin: 10px;
}

.filters-panel {
  display: none;
  opacity: 0;
  /* transform: translateY(-5px);
  transition: all 0.25s ease; */
}

.filters-panel.active {
  display: block;
  opacity: 1;
  /* transform: translateY(0); */
  padding: 10px 10px 0px 0px;
}

.tunap-filters-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-direction: row;
  background-color: transparent !important;
  border: 2px solid #2F7344 !important; /* verde Tunap */
  color: #2F7344 !important;
  font-weight: 600;
  padding: 10px 26px !important;
  border-radius: 30px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.25s ease;
  height: 46px;
  width: 120px !important;
  margin: 10px 0px;
}

.tunap-filters-btn .filter-icon {
  width: 18px;
  height: 18px;
}

.tunap-filters-btn:hover {
  background-color: #2F7344;
  color: #fff;
}

.tunap-active-filters {
  padding: 8px 0px;
  font-size: 11px;
  color:#333E4A;
}

.tunap-active-filters strong {
  color:#333E4A;
  margin-right: 6px;
}

.tunap-search-input-wrapper {
  position: relative;
  width: 100%;
}

.tunap-search-suggestions {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  list-style: none;
  margin: 2px 0px 0px;
  padding: 0;
  display: none;
  z-index: 9999;
  border-radius: 30px;
  font-size: 12px;
  max-width: 300px;
}

.tunap-search-suggestions li {
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 30px;
}

.tunap-search-suggestions li:hover {
  background-color: #f0f0f0;
}

.hero-anchor-link{
  margin-top: 10px;
}

/** ricerca popup **/


/* ----- LAYOUT RISULTATI AJAX WPR SEARCH ----- */

/* Contenitore generale */
.wpr-search-form {
  position: relative;
  display: block;
  z-index: 10;
}

/* Box risultati: da dropdown a sezione sotto il campo */
.wpr-data-fetch {
  position: static !important;
  display: block !important;
  width: 100%;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
}


/*** hero ***/

@media (max-width: 767px) {
  #hero{
    min-height: 100vh;
    margin-top: -155px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  
  #hero.hero-trattamenti{
    margin-top: -200px;
  }
  
  #hero::before{
    background-image: none !important;
  }
  
  
  #hero-final{
    height: 0px !important;
    min-height: 0px !important;
    
  }
  
  #hero-mustaque{
    display: none !important;
  }
  
  #breadcrumbs {
    margin-top: 15px;
    line-height: 12px;
  }
}

/** ale css **/

.elementor-widget-wpr-before-after {
  border-radius: 300px;
}

/** prodotti css bordo **/

@media (max-width: 768px) {
    .tpi-grid-item {
        border-right: none !important;
        border-bottom: 1px solid #D5D5D5 !important;
        padding-bottom: 20px;
    }

    /* facoltativo: togliere il bordo all’ultima card */
    .tpi-grid-item:last-child {
        border-bottom: none !important;
    }
}