/* =========================================================
   ExploreAbruzzo Custom — stili personalizzati  (v0.1.2)
   (caricati da un plugin, non dal tema)
   ========================================================= */

/* --- Hero + ricerca luoghi (shortcode [ea_hero] o blocco Codice HTML) --- */
.ea-hero{
  --ea-accent:#1f7a5a; --ea-accent-dark:#155c43;
  position:relative; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:48px 20px 60px; box-sizing:border-box; background:transparent;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.ea-hero__inner{position:relative; z-index:1; width:100%; max-width:600px; margin:0 auto;}
.ea-hero__title{font-size:clamp(1.8rem,4.5vw,3rem); line-height:1.1; margin:0 0 12px; font-weight:800; letter-spacing:-.5px; color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.55);}
.ea-hero__subtitle{font-size:clamp(1rem,2.2vw,1.2rem); margin:0 auto 26px; max-width:520px; color:#fff; text-shadow:0 1px 10px rgba(0,0,0,.55);}

.ea-search{display:flex; gap:10px; flex-wrap:wrap; background:transparent; padding:0; box-shadow:none; align-items:stretch;}
/* Campi: altezze coerenti; !important per avere la meglio sugli stili del tema */
.ea-search select,
.ea-search input{
  flex:1 1 160px; min-width:0;
  border:1px solid #d3d3d3 !important; border-radius:10px !important;
  padding:13px 15px !important; height:auto !important; min-height:0 !important;
  line-height:1.3 !important; font-size:16px !important;
  color:#333 !important; background:#fff !important; margin:0 !important;
  box-sizing:border-box !important; outline:none; box-shadow:none !important;
}
.ea-search select option{color:#222; background:#fff;}
.ea-search select:focus,
.ea-search input:focus{border-color:var(--ea-accent) !important;}
.ea-search button{
  flex:0 0 auto; border:0 !important; border-radius:10px !important; cursor:pointer;
  padding:13px 26px !important; height:auto !important; line-height:1.3 !important;
  font-size:16px !important; font-weight:700; color:#fff !important;
  background:var(--ea-accent) !important; margin:0 !important; box-sizing:border-box !important;
  width:auto !important;
}
.ea-search button:hover{background:var(--ea-accent-dark) !important;}

/* --- MOBILE: campi impilati a tutta larghezza, hero più compatto --- */
@media (max-width:600px){
  .ea-hero{padding:28px 16px 36px !important;}
  .ea-hero__title{font-size:1.6rem !important;}
  .ea-hero__subtitle{font-size:1rem !important; margin-bottom:18px !important;}
  .ea-search{flex-direction:column !important; gap:10px !important;}
  .ea-search select,
  .ea-search input,
  .ea-search button{width:100% !important; flex:1 1 auto !important;}
}

/* =========================================================
   Card dei post in home (griglia WPBakery vc_grid)
   Foto uniformi, angoli arrotondati, hover zoom, pulsante verde.
   ========================================================= */
.vc_grid-item .vc_gitem-animated-block{
  border-radius:16px !important; overflow:hidden !important;
  box-shadow:0 8px 22px rgba(0,0,0,.12) !important; background:#fff !important;
}
/* Foto tutte alte uguali */
.vc_grid-item .vc_gitem-zone-img{
  height:220px !important; overflow:hidden !important;
  background-size:cover !important; background-position:center !important;
}
.vc_grid-item .vc_gitem-zone-img img{
  width:100% !important; height:100% !important; object-fit:cover !important;
  transition:transform .55s ease !important;
}
.vc_grid-item:hover .vc_gitem-zone-img img{ transform:scale(1.07) !important; }

/* Zona testo */
.vc_grid-item .vc_gitem-zone-c{ padding:16px 18px 20px !important; background:transparent !important; }

/* Titolo: max 2 righe, altezza riservata per allineare le card */
.vc_gitem-post-data-source-post_title{
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; min-height:2.6em !important; color:#1f2a24 !important; text-shadow:none !important;
}
/* Estratto: max 3 righe */
.vc_gitem-post-data-source-post_excerpt{
  display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; color:#666 !important; text-shadow:none !important;
}
/* Pulsante "Leggi tutto" verde */
.vc_grid-item .vc_btn3,
.vc_grid-item a[class*="vc_btn3"]{
  background-color:var(--ea-accent,#1f7a5a) !important; border-color:var(--ea-accent,#1f7a5a) !important;
  color:#fff !important; border-radius:8px !important;
}
.vc_grid-item .vc_btn3:hover{ background-color:#155c43 !important; }

/* --- Ritocchi al menu ---
   Da definire quando decidi cosa cambiare nel menu.
*/