/* Sezioni "tipologia" (foto + testo) di Tende Interne, Tende Esterne e Biancheria.
   Le classi si mettono dai widget Elementor (Avanzate → Classi CSS):
   sezione .errebi-tipologia · colonna foto .errebi-col-foto · titolo .errebi-tit
   illustrazione .errebi-ill · testo lungo .errebi-leggi */

/* 1. foto e testo allineati in alto */
.errebi-tipologia .elementor-widget-wrap { align-content: flex-start !important; }

/* 2. illustrazione accanto al titolo, come icona della tipologia */
.errebi-tipologia .errebi-ill { width: 64px !important; max-width: 64px; order: -1; margin: 0 18px 20px 0 !important; align-self: center; }
.errebi-tipologia .errebi-ill img { width: 64px !important; height: auto; }
.errebi-tipologia .errebi-tit { width: auto !important; flex: 1 1 0; min-width: 0; align-self: center; margin: 0 0 20px !important; }

/* 3. foto tutte in 4:3 */
.errebi-tipologia .errebi-col-foto .elementor-widget-image img,
.errebi-tipologia .errebi-col-foto .swiper-slide-image { width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; }
.errebi-tipologia .errebi-col-foto a { cursor: zoom-in; }

/* 4. "Leggi di più": il testo resta nella pagina, se ne vedono le prime righe */
.errebi-leggi .errebi-leggi__testo { max-height: calc(1.7em * 4); overflow: hidden; position: relative;
  -webkit-mask-image: linear-gradient(#000 55%, transparent); mask-image: linear-gradient(#000 55%, transparent);
  transition: max-height .35s ease; }
.errebi-leggi .errebi-leggi__testo.is-aperto { max-height: 200em; -webkit-mask-image: none; mask-image: none; }
.errebi-leggi__bottone { all: unset; cursor: pointer; margin-top: 10px; display: inline-flex; gap: 6px; align-items: center;
  font-family: Montserrat, sans-serif; font-weight: 700; font-size: 14px; color: var(--e-global-color-primary, #A51C1C); }
.errebi-leggi__bottone::after { content: ""; width: 7px; height: 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
.errebi-leggi__bottone[aria-expanded="true"]::after { transform: rotate(-135deg) translateY(-2px); }
.errebi-leggi__bottone:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* 5. link al sopralluogo */
.errebi-tipologia .errebi-sopralluogo a { font-family: Montserrat, sans-serif; font-weight: 600; font-size: 14px; color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* 6. da telefono sempre foto sopra, testo sotto */
@media (max-width: 767px) {
  .errebi-tipologia > .elementor-container { flex-direction: column; }
  .errebi-tipologia .errebi-col-foto { order: -1; margin-bottom: 24px; }
}

/* 7. lightbox: senza didascalia (erano i vecchi titoli dei file, ripetuti due volte) */
.elementor-lightbox .elementor-slideshow__title,
.elementor-lightbox .elementor-slideshow__description { display: none !important; }
