/* Variabili CSS Tema HEALTH - Preset B */
:root {
    --thorne-bg-main: #f4f9f9; /* Luce verde acqua chiarissimo, fresco */
    --thorne-surface: #ffffff;
    --thorne-review-bg: #eaf1f1; /* Sfondo appena più scuro per recensioni Preset B */
    --thorne-accent: #2b8a7b; /* Verde pino pallido scuro / teal (salute/natura) */
    --thorne-accent-hover: #1e665a;
    --thorne-text: #2a3a38;
    --thorne-text-dark: #12211e;
    --thorne-head-flow: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%); /* Gradiente Preset B */
    --thorne-radius: 12px; /* Soft radius (12-20px) */
    --thorne-shadow: 0 4px 6px -1px rgba(43, 138, 123, 0.1), 0 2px 4px -1px rgba(43, 138, 123, 0.06); /* Raised shadow con tono azzurro/verde */
    
    font-family: 'Inter', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Tipografia */
.font-display {
    font-family: 'Playfair Display', serif;
    font-weight: normal; /* heading-case: normal */
}
.font-body {
    font-family: 'Inter', sans-serif;
}

/* Hover per CTA */
.action-purchase-trigger:hover {
    background-color: var(--thorne-accent-hover) !important;
}

/* Logica Galleria Immagini CSS-only */
.photo-radio-input {
    display: none;
}

.main-stage-img img {
    display: none;
}

/* Selezione Immagine Principale */
#pic1:checked ~ .gallery-layout-flex .main-stage-img #view1,
#pic2:checked ~ .gallery-layout-flex .main-stage-img #view2,
#pic3:checked ~ .gallery-layout-flex .main-stage-img #view3,
#pic4:checked ~ .gallery-layout-flex .main-stage-img #view4 {
    display: block;
    animation: fadeIn 0.4s ease-in-out;
}

/* Evidenziazione Miniatura Selezionata (Preset B: Bordo) */
.thumb-label-item {
    border-color: #d1d5db; /* gray-300 base */
    border-radius: 6px;
    transition: all 0.2s ease;
}

#pic1:checked ~ .gallery-layout-flex .thumb-selector-list label[for="pic1"],
#pic2:checked ~ .gallery-layout-flex .thumb-selector-list label[for="pic2"],
#pic3:checked ~ .gallery-layout-flex .thumb-selector-list label[for="pic3"],
#pic4:checked ~ .gallery-layout-flex .thumb-selector-list label[for="pic4"] {
    border-color: var(--thorne-accent);
    box-shadow: 0 0 0 1px var(--thorne-accent);
}

@keyframes fadeIn {
    from { opacity: 0.6; }
    to { opacity: 1; }
}

/* Gestione testo e spacing globale */
p {
    margin-bottom: 0.75rem;
}