/* La Pergola – pagina di una degustazione (shop/<serata>/ e il suo grazie/). Si appoggia a cene-aziendali.css
   (stessi colori, titoli, pulsanti e apertura «Sipario») e aggiunge solo i pezzi propri della serata:
   la frase sulla cantina, il menù in 4 tempi, le 3 informazioni pratiche e il riquadro per prenotare e pagare. */

/* Apertura: la data in evidenza sopra il titolo */
.lp-ca .dg-quando{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px!important;font:700 15px/1.5 var(--ca-sans)!important;letter-spacing:.16em;text-transform:uppercase;color:#E2CC9F!important}
.lp-ca .dg-quando::before{content:"";width:36px;height:1px;background:#E2CC9F}
.lp-ca .ca-hero__titolo.dg-titolo{max-width:none}
.dg-hero .ca-sipario__foto .ca-hero__grande{object-position:50% 35%}
.dg-riga{white-space:nowrap}

/* La cantina: una sola frase, grande, su fondo scuro */
.dg-cantina{background:#1d150d;color:#fff;text-align:center}
.lp-ca .dg-cantina .ca-occhiello{color:#E2CC9F}
.dg-cantina blockquote{margin:0 auto;max-width:980px;padding:0;border:0}
.dg-cantina blockquote::before{content:none}
.lp-ca .dg-cantina .dg-frase{margin:0!important;font:400 clamp(28px,3.2vw,44px)/1.3 var(--ca-serif)!important;color:#fff!important;text-wrap:balance}
.lp-ca .dg-cantina blockquote em{font-style:italic;color:#E2CC9F}
.dg-cantina__segno{display:block;margin:0 auto 28px;width:44px;height:auto;color:var(--ca-oro)}

/* Il menù: foto a sinistra alta quanto i 4 tempi (ferma, non scorre), 4 tempi numerati a destra */
.dg-menu{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:stretch}
.dg-menu__foto{position:relative}
.dg-menu__foto img{width:100%;height:100%!important;object-fit:cover;object-position:50% 40%;box-shadow:var(--ca-ombra)}
.dg-tempi{margin:0;padding:0;list-style:none;counter-reset:tempo}
.dg-tempo{position:relative;padding:34px 0 34px 76px;border-top:1px solid var(--ca-linea);counter-increment:tempo}
.dg-tempo:last-child{border-bottom:1px solid var(--ca-linea)}
.dg-tempo::before{content:counter(tempo);position:absolute;left:0;top:30px;width:48px;height:48px;border:1px solid var(--ca-oro);border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 22px/1 var(--ca-serif);color:var(--ca-oro-testo)}
.lp-ca .dg-tempo__nota{margin:0 0 8px!important;font:600 11.5px/1.4 var(--ca-sans)!important;letter-spacing:.22em;text-transform:uppercase;color:var(--ca-oro-testo)}
.lp-ca .dg-tempo__vino{margin:0 0 4px;font:400 clamp(22px,2vw,27px)/1.25 var(--ca-serif);color:var(--ca-inchiostro);text-wrap:balance}
.lp-ca .dg-tempo__cantina{margin:0 0 14px!important;font:italic 400 18px/1.4 var(--ca-serif)!important;color:var(--ca-oro-testo)!important}
.lp-ca .dg-tempo__piatto{margin:0!important;font-size:18px;line-height:1.6;color:var(--ca-testo)}

/* Galleria delle serate: griglia ordinata di 12 riquadri tutti uguali (4 × 3 da computer, 3 × 4 da tablet, 2 × 6 da telefono),
   ogni foto ritagliata sul soggetto; si apre intera nel lightbox, senza didascalia */
.dg-galleria{padding-top:0!important}
.dg-griglia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dg-griglia .lp-gallery__item{aspect-ratio:4/5}
.dg-griglia .lp-gallery__item img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
@media (max-width:1024px){.dg-griglia{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}
@media (max-width:767px){.dg-griglia{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}}

/* Le informazioni pratiche: 3 riquadri con icona */
.dg-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.dg-info li{padding:36px 32px;background:var(--ca-bianco);border-top:2px solid var(--ca-oro);box-shadow:0 24px 48px -34px rgba(40,28,14,.35)}
.dg-info svg{display:block;width:44px;height:44px;margin-bottom:20px;padding:10px;border:1px solid var(--ca-oro);border-radius:50%;color:var(--ca-oro-testo)}
.lp-ca .dg-info h3{margin:0 0 10px;font:400 24px/1.25 var(--ca-serif);color:var(--ca-inchiostro);text-transform:none}
.lp-ca .dg-info p{margin:0!important;font-size:17px}

/* Prenota: riquadro bianco, posti con − e +, totale che si aggiorna, pagamento con Stripe */
.dg-prenota{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,88px);align-items:center}
.dg-cassa{padding:clamp(28px,4vw,48px);background:var(--ca-bianco);border-top:2px solid var(--ca-oro);box-shadow:var(--ca-ombra)}
.lp-ca .dg-cassa__etichetta{display:block;margin:0 0 12px;font:600 12px/1.4 var(--ca-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ca-tenue)}
.dg-cassa__righe{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.dg-totale{text-align:right}
.dg-totale__cifra{display:block;font:400 44px/1 var(--ca-serif);color:var(--ca-inchiostro);white-space:nowrap}
.lp-ca .dg-totale__nota{display:block;margin-top:8px;font:600 13.5px/1.4 var(--ca-sans);color:var(--ca-tenue);white-space:nowrap}
.elementor-kit-13062 .lp-ca .dg-cassa .ca-btn{width:100%}
.lp-ca .dg-cassa__sicuro{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 0!important;font-size:14.5px!important;color:var(--ca-tenue)!important}
.dg-cassa__sicuro svg{width:16px;height:16px;flex:none}
.lp-ca .dg-avviso{margin:0 0 22px!important;padding:14px 18px;border-left:3px solid #B23B2A;background:#FBF1EE;font-size:16px!important;color:var(--ca-inchiostro)!important}
.lp-ca .dg-avviso[hidden]{display:none}
.lp-ca .dg-voce{margin-top:28px!important;font-size:17px}
.lp-ca .dg-condizioni{margin-top:40px;padding-top:28px;border-top:1px solid var(--ca-linea)}
.lp-ca .dg-condizioni p{margin:0 0 6px!important;font-size:15.5px!important;line-height:1.6}
.lp-ca .dg-condizioni strong{letter-spacing:.06em}

/* Barra fissa in basso: 2 pulsanti che portano a «Prenota» (compare dopo l'apertura, sparisce sul riquadro per pagare: main.js) */
.dg-barra__azioni{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.dg-barra__btn2{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border:1px solid #46341C;color:#46341C!important;background:#fff;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s}
.elementor-kit-13062 .ca-barra .dg-barra__btn2{font:700 14px/1.2 Raleway,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.dg-barra__btn2:hover,.dg-barra__btn2:focus-visible{background:#46341C;color:#fff!important}
.dg-solo-tel{display:none}
@media (max-width:900px){.dg-barra__btn2{display:none}}
@media (max-width:600px){.dg-barra .dg-solo-pc{display:none}.dg-barra .dg-solo-tel{display:inline}}

/* Telefono e tablet */
@media (max-width:1024px){
	.dg-menu,.dg-prenota{grid-template-columns:minmax(0,1fr)}
	.dg-menu__foto{max-width:520px}
	.dg-menu__foto img{height:auto!important;aspect-ratio:4/5}
	.dg-info{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
	.lp-ca .dg-quando{font-size:13px!important;letter-spacing:.12em}
	.lp-ca .dg-quando::before{width:22px}
	.dg-menu__foto img{aspect-ratio:4/3}
	.dg-tempo{padding:28px 0 28px 60px}
	.dg-tempo::before{top:26px;width:40px;height:40px;font-size:19px}
	.dg-info li{padding:28px 24px}
	.dg-totale__cifra{font-size:38px}
	.dg-totale{text-align:left}
	.dg-a-capo{display:none}
	.lp-ca .ca-hero__titolo.dg-titolo{font-size:clamp(30px,8.6vw,38px)}
	.lp-ca .dg-cantina .dg-frase{font-size:clamp(21px,6.2vw,28px)!important}
}