/* Adeguamenti richiesti, senza modificare i componenti già approvati. */
.panacea-header__nav .wp-block-navigation-item__content { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 44px; }
.panacea-header__social { margin: 0 !important; gap: .125rem !important; flex-wrap: nowrap !important; }
.panacea-header__social .wp-social-link a { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 44px; min-height: 44px; padding: 8px; border-radius: 5px; }
.panacea-header__social .wp-social-link svg { width: 22px; height: 22px; }
.panacea-header__social .wp-social-link a:hover { background: color-mix(in srgb,var(--panacea-salvia) 35%,transparent); }
.panacea-header__social .wp-social-link a:focus-visible,
.panacea-contact__whatsapp .wp-social-link a:focus-visible { outline: 2px solid var(--panacea-bosco); outline-offset: 3px; }

/* Quaderno a destra: stessa larghezza della fotografia di Enrica a sinistra. */
.panacea-marco { grid-template-columns: 66% 34%; min-height: 470px; }
.panacea-marco__photo { min-height: 470px; }
.panacea-marco__photo img { object-position: 100% 56%; }
.panacea-marco .panacea-section__copy { padding-right: clamp(2rem,5vw,5rem); }

/* WhatsApp subito dopo il numero fisso, con icona nativa e testo leggibile. */
.panacea-contact__whatsapp { margin: 0 !important; gap: 0 !important; font-size: .8125rem; }
.panacea-contact__whatsapp .wp-social-link { font-size: inherit; }
.panacea-contact__whatsapp .wp-social-link a { display: inline-flex; align-items: center; gap: .45rem; padding: .3rem 0; box-sizing: border-box; min-height: 44px; text-decoration: underline; text-underline-offset: .2em; }
.panacea-contact__whatsapp .wp-social-link svg { width: 20px; height: 20px; flex-shrink: 0; }
.panacea-contact__whatsapp.wp-block-social-links .wp-social-link .wp-block-social-link-label { font-size: .8125rem; }
.panacea-contact__item .panacea-contact__email { margin: 0; }

/* Social nel footer: stessa palette, icone e nomi delle piattaforme. */
.panacea-footer__social { margin-top: .6rem !important; gap: .75rem !important; flex-wrap: wrap; }
.panacea-footer__social .wp-social-link a { display: inline-flex; align-items: center; gap: .45rem; padding: .2rem 0; min-height: 44px; box-sizing: border-box; }
.panacea-footer__social .wp-social-link svg { width: 20px; height: 20px; }
.panacea-footer__social.wp-block-social-links .wp-social-link .wp-block-social-link-label { font-size: .75rem; }

@media (min-width: 1600px) { .panacea-marco { grid-template-columns: 64% 36%; } }
@media (max-width: 1100px) {
 .panacea-marco { grid-template-columns: 60% 40%; min-height: 0; }
 .panacea-marco__photo { min-height: 390px; }
 .panacea-marco .panacea-section__copy { padding-inline: 2rem; }
 .panacea-header .is-menu-open .panacea-header__social { margin-top: .5rem !important; gap: .75rem !important; }
}
@media (max-width: 767px) {
 .panacea-marco { grid-template-columns: 1fr; }
 .panacea-marco__photo { min-height: 390px; }
 .panacea-marco .panacea-section__copy { padding: 2.5rem 1.25rem; }
 .panacea-contact__whatsapp.wp-block-social-links .wp-social-link .wp-block-social-link-label { font-size: .875rem; }
}

/* WhatsApp prioritario: esclusivamente i colori della palette Panacea. */
.panacea-hero__actions .panacea-whatsapp-button .wp-block-button__link,
.panacea-contact__actions .panacea-section__actions .panacea-whatsapp-button .wp-block-button__link {
 display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
 background: var(--panacea-bosco); color: var(--panacea-avorio); border: 2px solid var(--panacea-bosco);
 font-weight: 600; min-height: 48px;
}
.panacea-hero__actions .panacea-whatsapp-button .wp-block-button__link:hover,
.panacea-contact__actions .panacea-section__actions .panacea-whatsapp-button .wp-block-button__link:hover {
 background: var(--panacea-bosco); color: var(--panacea-avorio); border-color: var(--panacea-salvia);
}
/* Il simbolo WhatsApp è quello nativo WordPress; la maschera prende il colore del testo. */
.panacea-whatsapp-button .wp-block-button__link::before {
 content: ''; display: inline-block; flex-shrink: 0; width: 22px; height: 22px;
 background-color: currentColor;
 -webkit-mask: url('../decorazioni/whatsapp.svg') center / contain no-repeat;
 mask: url('../decorazioni/whatsapp.svg') center / contain no-repeat;
}
.panacea-whatsapp-button .wp-block-button__link::after { content: none; }
/* Solo Shop online nella hero diventa secondario. */
.panacea-hero__actions .panacea-hero-shop .wp-block-button__link,
.panacea-hero__actions .panacea-hero-shop .wp-block-button__link:hover {
 background: transparent; color: var(--panacea-avorio); border: 2px solid var(--panacea-avorio); font-weight: 500;
}
.panacea-hero__actions .panacea-hero-shop .wp-block-button__link:hover { text-decoration: underline; text-underline-offset: .2em; }
.panacea-contact__actions .panacea-whatsapp-button .wp-block-button__link:focus-visible { outline: 2px solid var(--panacea-bosco); outline-offset: 3px; }

/* Solo Naturopatia e Coaching: su smartphone quaderno prima del testo. */
@media (max-width: 767px) {
 #naturopatia.panacea-marco { reading-flow: grid-rows; }
 #naturopatia.panacea-marco > .panacea-notebook__photo { grid-row: 1; }
 #naturopatia.panacea-marco > .panacea-section__copy { grid-row: 2; }
}

/* Solo i due pulsanti finali Contatti: dimensioni, allineamento e hover condivisi. */
#contatti .panacea-contact__actions {
 display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem;
 width: min(100%, 30rem);
}
#contatti .panacea-contact__actions .panacea-section__actions,
#contatti .panacea-contact__actions .panacea-contact-action { width: 100%; }
#contatti .panacea-contact__actions .panacea-contact-action .wp-block-button__link {
 display: inline-flex; align-items: center; justify-content: center; gap: .65rem;
 box-sizing: border-box; width: 100%; height: 56px; min-height: 56px;
 padding: .85rem 1.2rem; border: 1px solid var(--panacea-bosco);
 background: var(--panacea-bosco); color: var(--panacea-avorio);
}
#contatti .panacea-contact__actions .panacea-contact-action .wp-block-button__link::after { margin-left: 0; }
/* Stesso effetto di Indicazioni: transizioni e animazioni restano quelle ereditate. */
#contatti .panacea-contact__actions .panacea-contact-action .wp-block-button__link:hover {
 background: var(--panacea-salvia); color: var(--panacea-bosco); border-color: var(--panacea-bosco);
}
@media (max-width: 767px) {
 #contatti .panacea-contact__actions { grid-template-columns: 1fr; }
}
/* Solo il collegamento testuale sotto il telefono: testo prima dell'icona. */
#contatti .panacea-contact__whatsapp .wp-social-link a { flex-direction: row-reverse; }

/* CTA di Enrica e Naturopatia: stessi colori e hover di Vieni a trovarci. */
:is(.panacea-enrica, .panacea-marco) .panacea-cta-pending .wp-block-button__link {
 background: var(--panacea-bosco); color: var(--panacea-avorio); border-color: var(--panacea-bosco);
}
:is(.panacea-enrica, .panacea-marco) .panacea-cta-pending .wp-block-button__link:hover {
 background: var(--panacea-salvia); color: var(--panacea-bosco); border-color: var(--panacea-bosco);
}
