/* 
Theme: HEALTH (Clean, soft blue/green, nature vibe)
Preset B: Gradient header | Rectangular CTA with box-shadow | Reviews slightly darker + rounded-xl | Side thumbs with border
*/

:root {
    --rh-nature-bg: #f8fafc;
    --rh-nature-surface: #ffffff;
    --rh-nature-tone: #0ea5e9; /* Soft fresh blue */
    --rh-nature-tone-hover: #0284c7;
    --rh-nature-ink: #1e293b;
    --rh-nature-gradient: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
    --font-display: 'Oswald', sans-serif;
    --font-body: 'Lato', sans-serif;
    --rh-radius-soft: 16px; /* soft 12-20px */
    --rh-shadow-raised: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

body.rh-vitality-body {
    background-color: var(--rh-nature-bg);
    color: var(--rh-nature-ink);
    font-family: var(--font-body);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .rh-main-heading, .rh-brand-text {
    font-family: var(--font-display);
    text-transform: none; /* normal heading case */
}

/* Header - Preset B (Gradient) */
.rh-top-banner {
    background: var(--rh-nature-gradient);
    color: var(--rh-nature-ink);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Gallery Logic & Styles */
.rh-visual-matrix {
    /* Base styles setup in Tailwind classes */
}

.rh-trigger-input {
    display: none;
}

.rh-lens-img {
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

#rh-pic-1:checked ~ .rh-main-lens .lens-1,
#rh-pic-5:checked ~ .rh-main-lens .lens-5,
#rh-pic-3:checked ~ .rh-main-lens .lens-3,
#rh-pic-4:checked ~ .rh-main-lens .lens-4 {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* Thumbnails border - Preset B */
.rh-thumb-node {
    border: 2px solid transparent;
    border-radius: var(--rh-radius-soft);
    overflow: hidden;
    transition: border-color 0.2s ease;
    background: var(--rh-nature-surface);
}

#rh-pic-1:checked ~ .rh-side-selectors label[for="rh-pic-1"],
#rh-pic-5:checked ~ .rh-side-selectors label[for="rh-pic-5"],
#rh-pic-3:checked ~ .rh-side-selectors label[for="rh-pic-3"],
#rh-pic-4:checked ~ .rh-side-selectors label[for="rh-pic-4"] {
    border-color: var(--rh-nature-tone);
}

.rh-main-lens {
    background: var(--rh-nature-surface);
    border-radius: var(--rh-radius-soft);
    box-shadow: var(--rh-shadow-raised);
    padding: 1rem;
}

/* CTA Button - Preset B (Rectangular with shadow) */
.rh-purchase-trigger {
    background-color: var(--rh-nature-tone);
    color: #ffffff;
    border-radius: var(--rh-radius-soft);
    box-shadow: var(--rh-shadow-raised);
    text-decoration: none;
}

.rh-purchase-trigger:hover {
    background-color: var(--rh-nature-tone-hover);
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Reviews - Preset B (Slightly darker bg + rounded-xl) */
.rh-buyer-note {
    background-color: #f1f5f9; /* slightly darker than bg */
    border-radius: 12px; /* rounded-xl equivalent */
    border: 1px solid rgba(0,0,0,0.02);
}

.rh-bottom-links a {
    color: var(--rh-nature-tone);
}