/* Custom Theme for Nature's Way Glucosamine (HEALTH pre-set) */
:root {
    --nw-liquid-bg: #f0f8ff; /* AliceBlue - soft, clean background */
    --nw-liquid-surface: #ffffff; /* White for clear readable cards */
    --nw-liquid-accent: #2e8b57; /* SeaGreen - health, nature focus */
    --nw-liquid-accent-hover: #246e45;
    --nw-liquid-text: #2f4f4f; /* DarkSlateGray - softer contrast than black */
    --nw-liquid-muted: #708090; /* SlateGray for dates/secondary text */
    
    --font-display: 'Playfair Display', serif; /* Elegant heading font */
    --font-body: 'Lato', sans-serif; /* Clean readable text font */
    
    --nw-soft-radius: 16px; /* Soft radius configuration */
    --nw-raised-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* Standard raised shadow */
}

/* Base Body Resets handled by Tailwind via CDN, minor specifics below */
html {
    scroll-behavior: smooth;
}

/* Typographic Enforcements from variables */
.uppercase {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Gallery CSS Logic (No JS) */
.view-toggle-input {
    display: none;
}

.berry-bottle-display .bottle-slide {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Show slide based on checked radio */
#pic1:checked ~ .berry-bottle-display .bottle-slide:nth-child(1),
#pic2:checked ~ .berry-bottle-display .bottle-slide:nth-child(2),
#pic3:checked ~ .berry-bottle-display .bottle-slide:nth-child(3),
#pic4:checked ~ .berry-bottle-display .bottle-slide:nth-child(4) {
    display: flex;
    opacity: 1;
}

/* Preset C Thumbnail Logic: Opacity 0.5 on inactive, active gets border and full opacity */
.thumb-label-nav {
    position: relative;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

.thumb-label-nav img {
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

#pic1:checked ~ .thumbnail-row-picker label[for="pic1"] img,
#pic2:checked ~ .thumbnail-row-picker label[for="pic2"] img,
#pic3:checked ~ .thumbnail-row-picker label[for="pic3"] img,
#pic4:checked ~ .thumbnail-row-picker label[for="pic4"] img {
    opacity: 1;
}

#pic1:checked ~ .thumbnail-row-picker label[for="pic1"],
#pic2:checked ~ .thumbnail-row-picker label[for="pic2"],
#pic3:checked ~ .thumbnail-row-picker label[for="pic3"],
#pic4:checked ~ .thumbnail-row-picker label[for="pic4"] {
    border-color: var(--nw-liquid-accent);
}

/* CTA Interaction */
.amazon-cart-trigger: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) !important;
}

.amazon-cart-trigger:active {
    transform: translateY(0);
}