/* Nature Theme Variables */
:root {
    --leaf-infusion-bg: #f4f1e1; /* Soft natural parchment */
    --leaf-infusion-surface: #ffffff; /* Clean white for contrast */
    --leaf-infusion-tone: #4F7942; /* Fern Green */
    --leaf-infusion-tone-hover: #3b5a31; /* Darker Fern Green */
    --leaf-infusion-ink: #2b3328; /* Deep natural dark */
    --leaf-infusion-gradient: linear-gradient(135deg, #4F7942, #7CB342); /* Green gradient */
    
    --font-display: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;
}

/* Base Resets */
html, body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Preset A Styles */
.botanical-top-bar {
    border-bottom: 4px solid var(--leaf-infusion-tone);
}

.purchase-action-btn {
    border-radius: 999px; /* Pill shape */
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    text-decoration: none;
}

.purchase-action-btn:hover {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    background: var(--leaf-infusion-tone-hover) !important;
}

.buyer-insight-item {
    border-left: 4px solid var(--leaf-infusion-tone);
    border-radius: 12px; /* Soft radius */
}

/* No-JS Gallery Logic */
.leaf-img-slide {
    opacity: 0;
    position: absolute;
    inset: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: 1;
}

/* Connect radios to slides */
#view-1:checked ~ .leaf-main-view .slide-1,
#view-2:checked ~ .leaf-main-view .slide-2,
#view-3:checked ~ .leaf-main-view .slide-3,
#view-4:checked ~ .leaf-main-view .slide-4 {
    opacity: 1;
    z-index: 10;
}

/* Style active thumbnail */
#view-1:checked ~ .leaf-thumb-row label[for="view-1"] img,
#view-2:checked ~ .leaf-thumb-row label[for="view-2"] img,
#view-3:checked ~ .leaf-thumb-row label[for="view-3"] img,
#view-4:checked ~ .leaf-thumb-row label[for="view-4"] img {
    border-color: var(--leaf-infusion-tone);
    opacity: 1;
}

.leaf-thumb-row label img {
    opacity: 0.7;
    transition: all 0.2s ease;
}

.leaf-thumb-row label:hover img {
    opacity: 1;
}

/* Hide scrollbar for thumbnail area */
.leaf-thumb-row::-webkit-scrollbar {
    height: 6px;
}
.leaf-thumb-row::-webkit-scrollbar-track {
    background: transparent;
}
.leaf-thumb-row::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}