/* Retail Site — Custom styles layered on top of Tailwind */

/* Base */
html {
    scroll-behavior: smooth;
}

::selection {
    background: #c4ddc8;
    color: #1a3524;
}

/* Reusable section label */
.section-eyebrow {
    @apply inline-block text-xs font-bold uppercase tracking-[0.2em] text-brand-600 mb-3;
}

/* Soft reveal on scroll */
.reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Gentle floating animation for hero imagery */
@keyframes floaty {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-10px); }
}
.animate-floaty {
    animation: floaty 6s ease-in-out infinite;
}

/* Hero blob background */
.hero-blob {
    position: absolute;
    border-radius: 9999px;
    filter: blur(80px);
    opacity: 0.35;
    pointer-events: none;
}

/* Star rating */
.stars {
    color: #f59e0b;
    letter-spacing: 2px;
}

/* Amazon button */
.btn-amazon {
    @apply inline-flex items-center justify-center gap-2 w-full px-6 py-3.5 rounded-full font-semibold text-white transition-all;
    background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 8px 20px -6px rgba(217, 119, 6, 0.5);
}
.btn-amazon:hover {
    box-shadow: 0 12px 28px -6px rgba(217, 119, 6, 0.65);
    transform: translateY(-1px);
}

/* Store locator */
.locator-search {
    @apply w-full px-5 py-3.5 rounded-full border border-brand-900/15 bg-white shadow-sm focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500;
}

/* Nice scrollbar for store list */
.store-list::-webkit-scrollbar {
    width: 6px;
}
.store-list::-webkit-scrollbar-thumb {
    background: #c4ddc8;
    border-radius: 9999px;
}