/* Storefront extras that aren't Tailwind utilities (carried over
   from the original template's inline <style>). */

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #142217; }
::-webkit-scrollbar-thumb { background: #ca6702; border-radius: 4px; }

.wood-pattern {
    background-color: #142217;
    background-image: radial-gradient(#2b3a2d 0.75px, transparent 0.75px), radial-gradient(#2b3a2d 0.75px, #142217 0.75px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}

.hero-overlay {
    background: linear-gradient(180deg, rgba(12,22,14,0.7) 0%, rgba(12,22,14,0.85) 70%, rgba(12,22,14,1) 100%);
}

.prose-or p { margin-bottom: 0.9rem; }
.prose-or ul { list-style: disc; padding-left: 1.25rem; margin-bottom: 0.9rem; }

[x-cloak], .is-hidden { display: none !important; }