/*
Theme Name: Jêtre
Theme URI: https://jetreesteticaavanzata.it
Description: Tema figlio a blocchi di Twenty Twenty-Five per Jêtre – Estetica Avanzata, Recanati. Colori, tipografia e spaziature dal design system Jêtre.
Author: Francesco Carpineti
Template: twentytwentyfive
Version: 0.6.8
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jetre
*/

/* Gli stili di base sono in theme.json. Qui: header, sezioni nere, bottoni, card. */

::selection { background: var(--wp--preset--color--oro); color: var(--wp--preset--color--nero); }

.wp-site-blocks { padding-top: 0; padding-bottom: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }
/* Sezioni a tutta larghezza attaccate: niente fessure chiare tra un blocco e l'altro. */
.entry-content > .alignfull + .alignfull { margin-block-start: 0; }
.jetre-team-foto img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: 50% 20%; }
@media (max-width: 781px) { .jetre-team-foto img { aspect-ratio: 4 / 5; } }

/* ---------- Titoli: la seconda riga in corsivo è la promessa ---------- */
h1 em, h2 em, h3 em, .jetre-footer-claim em {
	font-family: var(--wp--preset--font-family--bodoni-moda);
	font-style: italic;
	color: var(--wp--preset--color--oro-scuro);
}

/* ---------- Sezioni nere ---------- */
.has-nero-background-color { color: var(--wp--preset--color--avorio); }
.has-nero-background-color :where(h1, h2, h3, h4) { color: var(--wp--preset--color--avorio); }
.has-nero-background-color :where(h1, h2, h3) em,
.wp-block-cover :where(h1, h2, h3) em { color: var(--wp--preset--color--oro-chiaro); }
.has-nero-background-color p:not(.is-style-jetre-etichetta):not([class*="-color"]) { color: var(--wp--preset--color--testo-su-nero); }
.has-nero-background-color .is-style-jetre-etichetta,
.wp-block-cover .is-style-jetre-etichetta { color: var(--wp--preset--color--oro); }
.has-nero-background-color .is-style-jetre-numerale { color: var(--wp--preset--color--oro); }
.has-nero-background-color a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--avorio); }
.has-nero-background-color a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--oro); }
.has-nero-background-color .wp-block-separator { color: var(--wp--preset--color--oro); opacity: .5; }

/* Bottone di default su nero e su foto: oro pieno */
.has-nero-background-color .wp-block-button:not(.is-style-jetre-contorno) .wp-block-button__link,
.wp-block-cover .wp-block-button:not(.is-style-jetre-contorno) .wp-block-button__link,
.wp-block-button.is-style-jetre-oro .wp-block-button__link {
	background: var(--wp--preset--color--oro);
	color: var(--wp--preset--color--nero);
}
.has-nero-background-color .wp-block-button:not(.is-style-jetre-contorno) .wp-block-button__link:hover,
.wp-block-cover .wp-block-button:not(.is-style-jetre-contorno) .wp-block-button__link:hover,
.wp-block-button.is-style-jetre-oro .wp-block-button__link:hover {
	background: var(--wp--preset--color--avorio);
	color: var(--wp--preset--color--nero);
}

/* Bottone a contorno */
.wp-block-button.is-style-jetre-contorno .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--nero);
	box-shadow: inset 0 0 0 1px currentColor;
}
.wp-block-button.is-style-jetre-contorno .wp-block-button__link:hover { background: var(--wp--preset--color--nero); color: var(--wp--preset--color--avorio); }
.has-nero-background-color .wp-block-button.is-style-jetre-contorno .wp-block-button__link,
.wp-block-cover .wp-block-button.is-style-jetre-contorno .wp-block-button__link { color: var(--wp--preset--color--oro); }
.has-nero-background-color .wp-block-button.is-style-jetre-contorno .wp-block-button__link:hover,
.wp-block-cover .wp-block-button.is-style-jetre-contorno .wp-block-button__link:hover { background: var(--wp--preset--color--oro); color: var(--wp--preset--color--nero); }

/* ---------- Header ---------- */
.jetre-site-header { position: sticky; top: 0; z-index: 100; }
.admin-bar .jetre-site-header { top: var(--wp-admin--admin-bar--height, 32px); }
.jetre-header .jetre-logo { margin: 0; flex-shrink: 0; }
.jetre-header .jetre-logo img { display: block; height: auto; }
.jetre-nav { font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
.jetre-nav .wp-block-navigation-item__content { padding-block: 6px; border-bottom: 1px solid transparent; }
.jetre-nav .wp-block-navigation-item__content:hover,
.jetre-nav .current-menu-item > .wp-block-navigation-item__content { border-bottom-color: var(--wp--preset--color--oro); }
.jetre-header-cta .wp-block-button__link { padding: 12px 22px; white-space: nowrap; }
.jetre-nav .wp-block-navigation__responsive-container.is-menu-open { padding: 32px 24px; }
.jetre-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 22px; font-size: 15px; }

/* Il menu completo sta in una riga solo da 1280px: sotto si usa l'hamburger */
@media (max-width: 1279px) {
	.jetre-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.jetre-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}
@media (max-width: 480px) {
	.jetre-header .jetre-logo img { width: 64px !important; }
	.jetre-header-cta .wp-block-button__link { padding: 10px 16px; }
}

/* ---------- Footer ---------- */
.jetre-footer .jetre-footer-claim { font-family: var(--wp--preset--font-family--bodoni-moda); font-size: 22px; line-height: 1.25; }
.jetre-footer .jetre-footer-claim em { color: var(--wp--preset--color--oro-chiaro); }
.jetre-footer .jetre-footer-list { list-style: none; padding-left: 0; }
.jetre-footer .jetre-footer-list li { margin-bottom: 8px; }
.jetre-footer h2.is-style-jetre-etichetta { margin-bottom: 20px; }
.jetre-footer .wp-block-separator { color: var(--wp--preset--color--oro); opacity: .35; }

/* ---------- Hero su foto ---------- */
.jetre-hero .wp-block-cover__inner-container { width: 100% !important; max-width: 1200px !important; margin-inline: auto !important; }
.jetre-hero .wp-block-cover__inner-container > * { max-width: 640px; }
.jetre-hero h1 { max-width: 19ch; }
.jetre-hero p.has-body-lg-font-size { max-width: 52ch; }

/* ---------- Card percorso ---------- */
.jetre-card { height: 100%; }
.jetre-card .wp-block-image { margin: 0; }
.jetre-card .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.jetre-card .jetre-card-body { padding: var(--wp--preset--spacing--40); }
.jetre-card h3 { margin-top: 0; }
.jetre-card .jetre-card-meta, .jetre-rituale .jetre-card-meta { font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--grigio-caldo); }
.jetre-card a.jetre-link { font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; }

/* Passi numerati */
.jetre-passo .is-style-jetre-numerale { margin-bottom: 8px; }
.jetre-passo h3 { margin-top: 0; }

/* Liste con ✦ */
ul.jetre-lista { list-style: none; padding-left: 0; }
ul.jetre-lista li { position: relative; padding-left: 1.6em; margin-bottom: 10px; }
ul.jetre-lista li::before { content: "✦"; position: absolute; left: 0; color: var(--wp--preset--color--oro-scuro); }
.has-nero-background-color ul.jetre-lista li::before { color: var(--wp--preset--color--oro); }

/* Riquadro con filetto */
.jetre-box { border: 1px solid var(--wp--preset--color--grigio-caldo); }
.has-nero-background-color .jetre-box { border-color: var(--wp--preset--color--oro); }

/* Testo da completare (solo in locale, da togliere prima del lancio) */
.jetre-todo { background: #fff3c4; color: #000; padding: 2px 6px; font-size: 13px; }

/* Elenco degli 8 passaggi (home) */
ol.jetre-otto-lista { list-style: none; padding-left: 0; counter-reset: passo; margin: 0; }
ol.jetre-otto-lista[start="5"] { counter-reset: passo 4; }
ol.jetre-otto-lista li { counter-increment: passo; display: flex; gap: 16px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid rgba(201,168,76,.35); font-family: var(--wp--preset--font-family--bodoni-moda); font-size: 22px; line-height: 1.25; }
ol.jetre-otto-lista li::before { content: counter(passo, decimal-leading-zero); color: var(--wp--preset--color--oro); font-size: 16px; min-width: 28px; }

/* Hero su mobile: il testo copre tutta la larghezza, quindi la sfumatura va dal basso */
@media (max-width: 781px) {
	.jetre-hero .wp-block-cover__gradient-background { background: linear-gradient(0deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.7) 55%, rgba(0,0,0,.15) 90%) !important; }
}
.jetre-footer .wp-block-column { font-size: 15px; }
.jetre-footer a { text-decoration: none; }
.jetre-footer a:hover { text-decoration: underline; }

/* Box dei passi con immagine (Consulenza) */
.jetre-passo-box .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; }
.jetre-passo-num { font-family: var(--wp--preset--font-family--bodoni-moda); font-size: 40px; line-height: 1; color: var(--wp--preset--color--oro-scuro); margin-bottom: 8px; }
/* Foto esterno (Il centro) */
.jetre-esterno .wp-block-image img { aspect-ratio: 3 / 4; object-fit: cover; width: 100%; }

/* Schede percorso (come nel catalogo) */
.jetre-scheda { height: 100%; display: flex; flex-direction: column; }
.jetre-scheda > .wp-block-image { margin: 0; }
.jetre-scheda > .wp-block-image img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; display: block; }
.jetre-scheda-silvia > .wp-block-image img { object-position: 50% 20%; }
.jetre-scheda .jetre-card-body > * { margin-block: 0 14px; }
.jetre-scheda h3 { font-size: 32px; }
.jetre-scheda .jetre-domanda { font-size: 17px; }
.jetre-versione, .jetre-sedute { font-size: 15px; }
.jetre-versione strong, .jetre-sedute strong { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.jetre-faq { border-top: 1px solid rgba(107,101,96,.35); padding: 10px 0; }
.jetre-faq summary { cursor: pointer; font-weight: 500; }
.jetre-rituali-grid .jetre-card .wp-block-image img { aspect-ratio: 4 / 3; }
/* Inquadrature: soggetto principale sempre visibile */
.jetre-rituali-grid img[src*="jetre-rituali-manicure"] { object-position: 40% 50%; }
.jetre-rituali-grid img[src*="jetre-rituali-pedicure"] { object-position: 50% 12%; }
.jetre-rituali-grid img[src*="jetre-rituali-cococera"] { object-position: 50% 8%; }
.jetre-rituali-grid img[src*="jetre-rituali-laser"] { object-position: 50% 6%; }
.jetre-manuali .wp-block-image img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }

/* Schede team */
.jetre-scheda-team > .wp-block-image img { aspect-ratio: 4 / 5; object-position: 50% 0; background: #fff; }
.jetre-scheda-team h3 { font-size: 30px; }

/* Spazi del centro */
.jetre-scheda-spazio > .wp-block-image img { aspect-ratio: 4 / 5; }
.jetre-commento { font-family: var(--wp--preset--font-family--bodoni-moda); font-size: 21px; line-height: 1.3; color: var(--wp--preset--color--oro-scuro); }

/* Blocco Metodo (Il centro): titolo, foto, testo e bottone a sinistra; la foto riempie l'altezza e il blocco nero resta rettangolare */
.jetre-metodo-sx .wp-block-image { margin: var(--wp--preset--spacing--30) 0; }
.jetre-metodo-sx .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
@media (min-width: 782px) {
	.jetre-metodo > .wp-block-columns { align-items: stretch; }
	.jetre-metodo-sx { display: flex; flex-direction: column; }
	.jetre-metodo-sx .wp-block-image { flex: 1 1 auto; position: relative; min-height: 260px; }
	.jetre-metodo-sx .wp-block-image img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
	.jetre-metodo > .wp-block-columns > .wp-block-column:last-child { display: flex; flex-direction: column; justify-content: space-between; }
	.jetre-metodo > .wp-block-columns > .wp-block-column:last-child > .wp-block-columns { margin-bottom: 0; }
}

.jetre-metodo .jetre-box { padding: var(--wp--preset--spacing--40); }
.jetre-metodo .jetre-box h3 { margin-top: 0; }

/* Immagini nei box Skin Touch / Skin Tech (Il Metodo) */
.jetre-box > .wp-block-image { margin: 0 0 var(--wp--preset--spacing--40); }
.jetre-box > .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }

/* Contatti in colonna con icone */
.jetre-contatti-lista { list-style: none; margin: 1.4rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.jetre-contatti-lista a { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; overflow-wrap: anywhere; }
.jetre-contatti-lista a:hover span { text-decoration: underline; text-underline-offset: 3px; }
.jetre-contatti-lista .jetre-ico { flex: 0 0 22px; color: var(--wp--preset--color--oro-scuro, var(--wp--preset--color--oro)); }
.jetre-contatti-lista li { margin: 0; }
.jetre-footer-contatti-titolo { margin-top: var(--wp--preset--spacing--50) !important; }
.jetre-contatti-footer { gap: 10px; margin-top: 1.4rem; font-size: 15px; }
.jetre-contatti-footer .jetre-ico { color: var(--wp--preset--color--oro); flex-basis: 20px; width: 20px; height: 20px; }
/* Footer su tablet: 3 colonne per riga */
@media (min-width: 782px) and (max-width: 1279px) { .jetre-footer > .wp-block-columns { flex-wrap: wrap !important; } .jetre-footer > .wp-block-columns > .wp-block-column { flex: 0 0 calc(33.333% - var(--wp--preset--spacing--50)) !important; } }
.jetre-contatti-lista .jetre-contatti-voce { display: inline-flex; align-items: flex-start; gap: 12px; }
.jetre-footer-dove { gap: 16px; }
.jetre-footer-dove a, .jetre-footer-dove .jetre-contatti-voce { align-items: flex-start; }
.jetre-footer-dove .jetre-ico { margin-top: 2px; }
.jetre-orari-footer { font-size: 13px; line-height: 1.6; }
.jetre-recensioni-titolo { display: block; }
.jetre-stelle { position: relative; display: inline-block; color: rgba(201,168,76,.3); font-size: 16px; letter-spacing: 2px; line-height: 1; margin-top: 6px; }
.jetre-stelle-piene { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: var(--wp--preset--color--oro); }
.jetre-voto { color: var(--wp--preset--color--oro); font-weight: 600; font-size: 14px; margin-left: 6px; }
.jetre-footer-dove small { font-size: 13px; opacity: .8; }
/* Menu su una riga anche tra 1280 e 1439 px (voce Rituali Essenziali piu lunga) */
@media (min-width: 1280px) { .jetre-nav .wp-block-navigation__container { flex-wrap: nowrap; } .jetre-nav .wp-block-navigation-item__content { white-space: nowrap; } }
@media (min-width: 1280px) and (max-width: 1439px) { .jetre-nav .wp-block-navigation__container { gap: 16px !important; } .jetre-nav .wp-block-navigation-item { letter-spacing: .08em; } }
.jetre-passo-box img[src*="jetre-consulenza-scheda-video"] { object-position: 50% 73%; }
/* Rituali Essenziali: una riga per categoria, foto intera + servizi */
.jetre-rituale { padding: var(--wp--preset--spacing--40); margin-top: var(--wp--preset--spacing--40) !important; }
.jetre-rituale-foto .wp-block-image { margin: 0; }
.jetre-rituale-foto img { width: 100%; height: auto; display: block; }
.jetre-rituale-testo h3 { margin-top: 4px; }
.jetre-servizi { list-style: none; padding: 0; margin: 1.4rem 0; border-top: 1px solid rgba(168,132,47,.35); }
.jetre-servizi li { padding: 12px 0; border-bottom: 1px solid rgba(168,132,47,.35); margin: 0; font-size: 15px; line-height: 1.5; }
.jetre-servizi strong { font-weight: 600; }
.jetre-servizio-durata { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--oro-scuro); margin-left: 8px; }
.jetre-servizio-desc { color: var(--wp--preset--color--grigio-caldo); font-size: 14px; }
@media (min-width: 782px) { .jetre-rituale { padding: var(--wp--preset--spacing--50); } }
/* Listino prezzi */
.jetre-listino-cat { margin-bottom: var(--wp--preset--spacing--60); }
.jetre-listino-titolo { font-family: var(--wp--preset--font-family--poppins, inherit); font-size: 15px !important; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--oro); margin: 0 0 18px; }
.jetre-listino-num { font-size: 11px; letter-spacing: .1em; color: var(--wp--preset--color--testo-su-nero); opacity: .6; margin-right: 14px; font-weight: 400; }
.jetre-listino-voci { list-style: none; margin: 0; padding: 0; }
.jetre-listino-voci li { display: flex; align-items: baseline; gap: 8px; padding: 6px 0; margin: 0; font-size: 16px; color: var(--wp--preset--color--testo-su-nero); }
.jetre-listino-nome { flex: 0 1 auto; }
.jetre-listino-durata { font-size: 12px; opacity: .65; margin-left: 4px; white-space: nowrap; }
.jetre-listino-punti { flex: 1 1 24px; min-width: 24px; border-bottom: 1px dotted rgba(201,168,76,.55); transform: translateY(-4px); }
.jetre-listino-prezzo { flex: 0 0 auto; font-family: var(--wp--preset--font-family--bodoni-moda, serif); font-size: 19px; color: var(--wp--preset--color--oro); white-space: nowrap; }
.jetre-listino-sep { width: 64px; margin: 0 auto 24px !important; border: 0; border-top: 2px solid var(--wp--preset--color--oro) !important; opacity: 1; }
.jetre-listino-claim { font-family: var(--wp--preset--font-family--bodoni-moda, serif); font-size: 24px; color: var(--wp--preset--color--avorio); }
@media (max-width: 600px) { .jetre-listino-voci li { font-size: 15px; } .jetre-listino-prezzo { font-size: 17px; } }
/* Prodotti e partner */
.jetre-partner-foto .wp-block-image { margin: 0; }
.jetre-partner-foto img { width: 100%; height: auto; display: block; }
.jetre-partner-logo { margin: 0 0 22px !important; }
.jetre-partner-logo img { width: auto !important; max-width: 220px; max-height: 76px; object-fit: contain; }
.jetre-partner-perche { border-left: 2px solid var(--wp--preset--color--oro); padding: 4px 0 4px 22px; margin-top: 26px !important; }
.jetre-partner-perche p { margin: 0 0 10px; }
.jetre-partner-perche-titolo { font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--oro-scuro); }
@media (max-width: 781px) { .jetre-partner-inv .jetre-partner-foto { order: -1; } }
.jetre-partner-shop .wp-block-buttons { justify-content: flex-end; }
@media (max-width: 781px) { .jetre-partner-shop .wp-block-buttons { justify-content: flex-start; } }
/* Hero Rituali e Partner: foto meno ingrandite (sorgenti piccole) */
.wp-block-image:has(img[src*="jetre-rituali-hero-perla"]), .wp-block-image:has(img[src*="jetre-partner-hero"]) { max-width: 440px; margin-left: auto !important; margin-right: auto !important; }
.wp-block-image img[src*="jetre-rituali-hero-perla"], .wp-block-image img[src*="jetre-partner-hero"] { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 50%; }
.wp-block-image img[src*="jetre-partner-hero"] { object-position: 50% 75%; }
/* Rituali e Partner: stesso formato 4:5 per tutte le foto, inquadratura centrata sul soggetto */
.jetre-rituale-foto img, .jetre-partner-foto img { aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 50%; }
.jetre-rituale-foto img[src*="jetre-card-rituali"] { object-position: 54% 50%; }
.jetre-rituale-foto img[src*="jetre-rituali-pedicure"] { object-position: 50% 15%; }
.jetre-rituale-foto img[src*="jetre-rituali-cococera"] { object-position: 50% 25%; }
.jetre-rituale-foto img[src*="jetre-rituali-laser"] { object-position: 50% 12%; }
.jetre-partner-foto img[src*="jetre-partner-beautyspa"] { object-position: 50% 40%; }
.jetre-partner-foto img[src*="jetre-partner-cococera"] { object-position: 50% 35%; }
.jetre-partner-foto img[src*="jetre-partner-germaine"] { object-position: 50% 90%; }
.jetre-rituale-foto img[src*="jetre-rituali-mani"] { object-position: 45% 50%; }
.wp-block-image:has(img[src*="jetre-rituali-hero-perla"]) { max-width: 560px; }
.wp-block-image:has(img[src*="jetre-partner-hero-4x5"]) { max-width: 560px; }
.wp-block-image img[src*="jetre-partner-hero-4x5"] { object-position: 50% 50%; }
/* Blocco Il tuo tempo, il nostro impegno: stessa foto e formato 4:5 */
.wp-block-image img[src*="jetre-contatti-cabina-candela"] { aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 60%; width: 100%; }
.jetre-chi-siamo .wp-block-image img[src*="jetre-silvia-carpineti-ritratto"] { width: 100%; height: auto; aspect-ratio: 849 / 1360; object-fit: cover; }
/* Ritratto di Silvia: mai tagliare la testa */
img[src*="jetre-silvia-carpineti-ritratto"] { object-position: 50% 0 !important; }
.wp-block-columns .wp-block-image img[src*="jetre-silvia-carpineti-ritratto"] { max-width: 100%; }
.wp-block-image img[src*="jetre-contatti-silvia-reception"] { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.jetre-privacy h2 { font-size: clamp(22px, 2.2vw, 28px) !important; margin-top: 2.4rem !important; }
.jetre-privacy h2:first-child { margin-top: 0 !important; }
/* ---------- Silvia risponde ---------- */
.jetre-art-hero .is-style-jetre-etichetta a { color: inherit; text-decoration: none; }
.jetre-art-hero h1 { font-size: clamp(34px, 4.6vw, 54px) !important; }
.jetre-autore { display: flex; align-items: center; gap: 16px; margin-top: 28px; }
.jetre-autore img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: 50% 12%; border: 1px solid var(--wp--preset--color--oro); }
.jetre-autore p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--wp--preset--color--testo-su-nero); }
.jetre-autore span { display: block; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--oro); }
.jetre-autore small { opacity: .7; }
.jetre-articolo h2 { font-size: clamp(24px, 2.6vw, 32px) !important; margin-top: 2.6rem !important; }
.jetre-inbreve { background: var(--wp--preset--color--crema); border-left: 3px solid var(--wp--preset--color--oro); padding: 22px 26px; }
.jetre-inbreve p { margin: 0; }
.jetre-inbreve-titolo { font-size: 12px !important; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--oro-scuro); margin-bottom: 8px !important; }
.jetre-video { margin: 2.2rem 0 !important; }
.jetre-video video { width: 100%; height: auto; aspect-ratio: 16 / 9; background: #000; display: block; }
.jetre-video figcaption { font-size: 13px; color: var(--wp--preset--color--grigio-caldo); margin-top: 8px; }
.jetre-tabella { overflow-x: auto; margin: 1.6rem 0 !important; }
.jetre-tabella table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 14px; }
.jetre-tabella th, .jetre-tabella td { border-bottom: 1px solid rgba(168,132,47,.35); padding: 10px 12px; text-align: left; vertical-align: top; }
.jetre-tabella thead th { font-family: var(--wp--preset--font-family--bodoni-moda, serif); font-size: 18px; font-weight: 400; color: var(--wp--preset--color--oro-scuro); }
.jetre-tabella tbody th { font-weight: 600; width: 24%; }
.jetre-passi-lista li { margin-bottom: 10px; }
.jetre-faq { border-bottom: 1px solid rgba(168,132,47,.35); padding: 14px 0; }
.jetre-faq summary { cursor: pointer; font-weight: 500; list-style: none; position: relative; padding-right: 28px; }
.jetre-faq summary::-webkit-details-marker { display: none; }
.jetre-faq summary::after { content: "+"; position: absolute; right: 0; top: -2px; font-size: 22px; color: var(--wp--preset--color--oro-scuro); }
.jetre-faq[open] summary::after { content: "–"; }
.jetre-faq p { margin: 10px 0 0; }
.jetre-art-nota { margin-top: 2.4rem !important; color: var(--wp--preset--color--grigio-caldo); }
.jetre-sr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px; }
.jetre-sr-card { display: flex; flex-direction: column; gap: 10px; background: var(--wp--preset--color--crema); text-decoration: none; color: inherit; padding-bottom: 24px; }
.jetre-sr-card img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; display: block; }
.jetre-sr-card > span { padding: 0 24px; }
.jetre-sr-area { font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--oro-scuro); margin-top: 8px; }
.jetre-sr-q { font-family: var(--wp--preset--font-family--bodoni-moda, serif); font-size: 24px; line-height: 1.25; }
.jetre-sr-ex { font-size: 14px; color: var(--wp--preset--color--grigio-caldo); }
.jetre-sr-card .jetre-link { font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.jetre-sr-card:hover .jetre-sr-q { color: var(--wp--preset--color--oro-scuro); }
.jetre-sr-ritratto img { width: 100%; height: auto; aspect-ratio: 849 / 1360; object-fit: cover; object-position: 50% 0; }
.jetre-articolo .jetre-video, .jetre-articolo .jetre-tabella, .jetre-sr-lista .jetre-sr-grid { max-width: 760px; margin-left: auto !important; margin-right: auto !important; width: 100%; }
.jetre-sr-lista .jetre-sr-grid { max-width: 1100px; }

/* Prima e dopo (pagine servizio) */
.jetre-primadopo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: start; }
.jetre-primadopo figure { margin: 0; }
.jetre-primadopo img { width: 100%; height: auto; display: block; }
.jetre-primadopo figcaption { font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--oro-scuro); margin-top: 10px; }
@media (min-width: 900px) { .jetre-primadopo { grid-template-columns: repeat(4, 1fr); } }

/* Percorsi: titoli scheda H2 con lo stesso aspetto degli H3 */
.jetre-scheda h2.jetre-h-scheda { font-size: 32px; line-height: 1.2; margin-top: 0; margin-bottom: 14px; }
.jetre-indice { font-size: 18px; line-height: 2; }
.jetre-indice a { white-space: nowrap; }
.jetre-scheda[id], .jetre-scheda-silvia[id] { scroll-margin-top: 110px; }

/* Video verticale al posto di una foto (home, Dove siamo) */
.jetre-video-verticale { position: relative; margin: 0; }
.jetre-video-verticale video { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: #000; }
.jetre-video-verticale figcaption { font-size: 12px; margin-top: 8px; color: var(--wp--preset--color--grigio-caldo); }
.jetre-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; border-radius: 50%; border: 0; cursor: pointer; background: var(--wp--preset--color--oro, #c9a24a); box-shadow: 0 6px 24px rgba(0,0,0,.35); }
.jetre-play::after { content: ''; position: absolute; left: 29px; top: 22px; border-style: solid; border-width: 14px 0 14px 22px; border-color: transparent transparent transparent #000; }
.jetre-play:hover { transform: translate(-50%, -50%) scale(1.06); }

/* Home: bottone play nero e oro, centrato */
.jetre-play-home { width: 88px; height: 88px; background: #000; border: 2px solid var(--wp--preset--color--oro, #c9a24a); box-shadow: 0 8px 28px rgba(0,0,0,.45); }
.jetre-play-home::after { left: 34px; top: 27px; border-width: 15px 0 15px 24px; border-color: transparent transparent transparent var(--wp--preset--color--oro, #c9a24a); }
.jetre-play-home:hover { background: #111; }
@media (max-width: 600px) { .jetre-play-home { width: 72px; height: 72px; } .jetre-play-home::after { left: 27px; top: 21px; border-width: 13px 0 13px 21px; } }

/* Il Metodo: box Skin Touch / Skin Tech con foto intera 4:5 (mani, gesto e viso visibili) */
.jetre-box > .wp-block-image img[src*="jetre-metodo-kobido-mani"], .jetre-box > .wp-block-image img[src*="jetre-skin-tech-radiofrequenza"] { aspect-ratio: 4 / 5; object-position: 50% 50%; }