html { scroll-behavior: smooth; }


.cover-hotel {
	padding-top: 60px;
}

.proof-bar-col-icon > svg {
	width: 30px;
	height: 30px;
    color: var(--wp--preset--color--dark);
}

.proof-bar-col-title {
	min-height: 70px;
}

.form-preventivo {
	margin: 0 !important;
    min-width: 50%;
}

.preventivo-nome > input, .preventivo-cognome > input, .preventivo-email > input, .preventivo-telefono > input {
	min-height: 3em;
}

.col-form-preventivo .wpforms-field-container,
.col-form-preventivo .wpforms-submit-container{
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.col-form-preventivo .wpforms-submit-container{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.col-form-preventivo .wpforms-submit-container .btn-invio-form{
  display: inline-flex;
  align-items: center;
  width: auto;
}

/***********************************************
* PAGINA PRODOTTI                              *
***********************************************/
/* Layout hero a due colonne */
.product-hero{
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap:clamp(16px,3vw,32px);
  align-items:start;
  margin-bottom:clamp(24px,4vw,48px);
}
.product-hero__image{width:100%;height:auto;display:block;border-radius:8px}
.jp-gallery.placeholder{margin-top:12px}
.jp-gallery__main{width:100%; height:auto; display:block; border-radius:8px}
.jp-gallery__thumbs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.jp-gallery__thumb{display:block;border-radius:6px}

/* Testo colonna destra */
.product-title{margin:0 0 8px;line-height:1.2}
.product-excerpt{margin:0 0 16px;opacity:.9}

/* CTA */
.product-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn{display:inline-block;padding:.6rem .9rem;border-radius:6px;border:1px solid var(--wp--preset--color--contrast, #111);text-decoration:none}
.btn--secondary{background:transparent;opacity:.9}

/***********************************************
* PAGINA CATALOGO                              *
***********************************************/


/* Header archivio */
.archive-catalogo .archive-header {
  max-width: var(--content-w, 720px);
  margin: 0 auto 24px auto;
  padding: 0 16px;
}
.archive-catalogo .archive-title { margin: 0 0 8px 0; }
.archive-catalogo .breadcrumbs { margin-bottom: 8px; }

/* Griglia prodotti (placeholder) */
.catalogo-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 0 16px;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .catalogo-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .catalogo-grid { grid-template-columns: 1fr; }
}

/* Sezione SEO in coda */
.catalogo-seo {
  max-width: var(--content-w, 720px);
  margin: 40px auto 0 auto;
  padding: 0 16px 24px;
}





@media (max-width:900px){
  .list--chevron li::before {
    top: 0;
  }


  /* Titolo proof-bar */
  .proof-bar > h2 { width: 80%; }

  /* Card proof-bar */
  .proof-bar-col {
    border-right-width: 0 !important;
    padding-bottom: 30px;
  }

  /* Casi d'uso — mobile stack */
  .use-case .use-case-row{
    display: flex !important;          /* ← manteniamo flex */
    flex-direction: column;            /* ← impiliamo: immagine poi testo */
    align-items: stretch;
    gap: 30px;                         /* spazio tra figure e testo */
    padding: 0 !important;
  }

  /* "Rooftop e terrazze": inverti l’ordine (immagine prima del testo) */
  .use-case .use-case-row.reverse-mobile{
    flex-direction: column-reverse;    /* ← testo sotto, immagine sopra */
  }

  /* Immagini responsive (battiamo lo style inline width:600px) */
  .use-case .use-case-row > figure img{
    width: 100% !important;
    height: auto;
  }

  /* Pulizia padding interni ereditati */
  .use-case .use-case-row > *{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .form-preventivo {
	width: 80% !important;
  }

  /***********************************************
  * PAGINA PRODOTTI                              *
  ***********************************************/

  .product-hero{grid-template-columns:1fr}



}