/**
 * Affinamenti UX della scheda prodotto (PDP) — estratti dal blocco <style> inline
 * del template marketplace/product_show.html.twig. Caricato SOLO sulla PDP via
 * {% block stylesheets %}. Regole statiche di override sul tema ess-woocommerce.
 */

/* Breadcrumb attaccato al menu (sopra) e alle immagini (sotto):
   lo spazio reale veniva dal padding della .ess-section e della griglia. */
.ess-pdp-section { padding-top: 14px; }
.ess-breadcrumb { padding-block: 0; margin-bottom: 8px; }
.ess-pdp__grid { padding-block: 6px 32px; }
.ess-pdp__gallery { align-self: start; }

/* Il pannello tab forzava min-height 220px (vuoto eccessivo prima dei correlati):
   riduco min-height e i padding/margini del blocco tab. */
.ess-pdp-tabs { margin-top: 20px; }
.ess-pdp-tabs__panel { min-height: 0; padding-block: 20px; }

/* CTA row: i tre bottoni (Vai al sito / cuore / WhatsApp) stessa altezza 48px,
   con respiro sopra (tra prezzo e CTA). */
.ess-pdp__cta-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.ess-pdp__cta-row .ess-affiliate-link,
.ess-pdp__cta-row .ess-pdp__whatsapp,
.ess-pdp__cta-row .ess-pdp__wish-btn {
	height: 48px; min-height: 48px;
	padding-top: 0; padding-bottom: 0;
	display: inline-flex; align-items: center; justify-content: center;
}