/* Gallery (pagina 52): filtri ordinati, mobile leggibile — Vera per The Produser, 29/09/2026 */
/* filtri: stile sobrio, voce attiva gialla con filo sotto */
.elementor-52 .elementor-gallery__titles-container { gap: 6px 26px !important; margin-bottom: 26px !important; }
.elementor-52 .elementor-gallery-title { font-family: "D-din font", "D-DIN", Sans-serif !important; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(255,255,255,.62) !important; padding: 8px 0 !important; margin: 0 !important; position: relative; transition: color .3s; }
.elementor-52 .elementor-gallery-title::before, .elementor-52 .elementor-gallery-title::after { display: none !important; }
.elementor-52 .elementor-gallery-title:hover { color: #fff !important; }
.elementor-52 .elementor-gallery-title.elementor-item-active { color: #FFC64C !important; }
.elementor-52 .elementor-gallery-title.elementor-item-active { box-shadow: inset 0 -2px 0 #FFC64C; }
@media (max-width: 767px) {
  /* intestazione: più alta, titolo non tagliato */
  .elementor-52 .elementor-element-4341c2a7 { min-height: 230px !important; --min-height: 230px !important; justify-content: flex-end !important; }
  .elementor-52 .elementor-element-1cd23fd9 { height: auto !important; align-self: stretch; display: flex; align-items: flex-end; padding: 0 20px 22px !important; }
  .elementor-52 .elementor-element-1cd23fd9 .elementor-heading-title { font-size: 34px !important; line-height: 1 !important; text-align: left !important; text-shadow: 0 2px 16px rgba(0,0,0,.5); }
  /* filtri su una riga sola che scorre col dito, con sfumatura a destra */
  .elementor-52 .elementor-gallery__titles-container { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 0 22px !important; padding: 0 30px 2px 0 !important; margin: 0 -20px 18px 0 !important;
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
  .elementor-52 .elementor-gallery__titles-container::-webkit-scrollbar { display: none; }
  .elementor-52 .elementor-gallery-title { flex: 0 0 auto; white-space: nowrap; font-size: 13px !important; }
}
/* «Load more»: la galleria si vede fino a un'altezza, con sfumatura e pulsante */
.tp-gal-clip { transition: max-height .8s cubic-bezier(.16,1,.3,1); }
.tp-gal-clip.tp-gal-cut { overflow: hidden; }
.tp-gal-more { position: relative; z-index: 2; margin-top: -140px; padding-top: 140px; text-align: center;
  background: linear-gradient(180deg, rgba(0,0,0,0), #000 75%); pointer-events: none; }
.tp-gal-more[hidden] { display: none; }
.tp-gal-more__btn { pointer-events: auto; margin: 0 auto 10px; background: transparent !important; color: #fff !important; border: 1px solid #fff !important;
  border-radius: 0 !important; padding: 14px 34px !important; font: 13px/1 "D-din font", "D-DIN", Sans-serif; letter-spacing: .2em; text-transform: uppercase;
  cursor: pointer; transition: background .3s, color .3s; }
.tp-gal-more__btn:hover { background: #fff !important; color: #000 !important; }
/* didascalia nell'ingrandimento: carattere del sito */
.elementor-lightbox .elementor-slideshow__title { font-family: "D-din font", "D-DIN", Sans-serif !important; font-size: 15px !important; letter-spacing: .18em; text-transform: uppercase; font-weight: 600 !important; }

/* taglio «Load more» già al primo disegno (prima era applicato dopo ~2 s dallo script e il footer saltava su) */
.elementor-52 .elementor-widget-gallery > .elementor-widget-container { max-height: 1757px; min-height: 1757px; overflow: hidden; }
@media (max-width: 767px) { .elementor-52 .elementor-widget-gallery > .elementor-widget-container { max-height: 2449px; min-height: 2449px; } }
.elementor-52 .elementor-widget-gallery > .elementor-widget-container.tp-gal-pronta { min-height: 0; }
/* il mosaico compare solo quando Elementor ha finito di disporlo (prima le foto apparivano in posizione provvisoria e poi saltavano) */
.elementor-52 .elementor-widget-gallery > .elementor-widget-container:not(.tp-gal-pronta) .elementor-gallery__container { visibility: hidden; }