/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2026 | 09:49:31 */
/* ====== BAR PER FILTRI: centrata, allineata, pillole uguali ====== */
/* nasconde solo visivamente le label, ma restano per accessibilità */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* CONTENITORE barra filtri */
.filters-stanze{
  --pill-h: 42px;
  --pill-pad-x: 16px;
  --pill-bdr: 999px;
  --pill-fs: .95rem;

  display: flex;
  flex-wrap: wrap;         /* permette di andare a capo su mobile */
  justify-content: center; /* centrata */
  align-items: center;
  gap: .75rem;
  margin: 1rem 0 2rem;
}

/* SELECT a pillola + freccina distanziata */
.filters-stanze select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  height: var(--pill-h);
  padding: 0 2.25rem 0 var(--pill-pad-x); /* spazio a destra per freccia */
  min-width: 200px;

  border: 1px solid #ccc;
  border-radius: var(--pill-bdr);
  background: #fff;

  font-size: var(--pill-fs);
  color: #333;
  text-align: center;

  cursor: pointer;

  /* nota: align/justify su select non sono realmente supportati ovunque,
     quindi li tolgo per evitare confusione */
  transition: border-color .2s, box-shadow .2s;

  /* freccina custom */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666'><path d='M2 4l4 4 4-4'/></svg>");
  background-repeat: no-repeat;
  background-position: right .7rem center;
  background-size: 12px;
}

.filters-stanze select:hover{
  border-color: #666;
}

.filters-stanze select:focus{
  border-color: #E73B2B;
  border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(0,115,230,.15);
  outline: none;
}

/* Opzioni: il border-radius sugli <option> spesso non è supportato,
   ma la regola è innocua */
.filters-stanze select option{
  border-radius: 99px;
  padding: 0;
}

/* AZIONI */
.filters-stanze .filters-actions{
  display: flex;
  gap: .5rem;
  align-items: center;
}

.filters-stanze button{
  height: var(--pill-h);
  padding: 0 var(--pill-pad-x);
  border-radius: var(--pill-bdr);
  border: none;
  background: #E73B2B;
  color: #fff;
  font-size: var(--pill-fs);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.filters-stanze .reset-link{
  height: var(--pill-h);
  padding: 0 var(--pill-pad-x);
  border-radius: var(--pill-bdr);
  border: 1px solid #ccc;
  background: #f8f8f8;
  color: #d9534f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* MOBILE: sotto 768px, impila in colonna */
@media (max-width: 768px){
  .filters-stanze{
    flex-direction: column;
  }

  .filters-stanze select,
  .filters-stanze button,
  .filters-stanze .reset-link{
    width: 100%;
    max-width: 320px;
  }
}


/* =========================
   IMMAGINE PRODOTTO
   ========================= */

.woocommerce ul.products li.product a img{
  margin-bottom: 8px; /* meno spazio sotto immagine */
}


/* =========================
   TITOLO STANZA
   ========================= */

.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
  margin-bottom: 6px;
  color: #E73B2B !important;
}


/* =========================
   PREZZO
   ========================= */

.woocommerce .woocommerce-Price-amount{
  color: #E73B2B;
  font-weight: 600;
  font-size: 16px;
}


/* =========================
   BLOCCO ACF SOTTO PRODOTTO
   ========================= */

.acf-griglia-prodotto{
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.4;
}

.acf-griglia-prodotto p{
  margin: 0 !important;
  padding: 0 !important;
}

.acf-stato{
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.acf-disponibilita{
  color: #000;
}

.acf-griglia-prodotto .acf-disponibilita{
  margin-bottom: 24px!important;
}

.product-spese-incluse {
	color: #000;
	margin-top: 6px;
}

/* =========================
   OVERLAY HOVER (DIVI)
   ========================= */

.woocommerce ul.products li.product .et_overlay:before{
  color: #ffffff;
  border-color: #ffffff;
}

.woocommerce ul.products li.product .et_shop_image:hover .et_overlay:before,
.woocommerce ul.products li.product a:hover .et_overlay:before,
.woocommerce ul.products li.product a:focus .et_overlay:before{
  color: #e73b2b !important;
  border-color: #e73b2b !important;
}