/* TakshAllInOne - custom styles (on top of Tailwind CDN) */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Coming Soon banner */
.coming-soon-banner {
    background: linear-gradient(90deg, #1A0C00 0%, #4A1500 50%, #1A0C00 100%);
    border-bottom: 1px solid rgba(255, 160, 0, 0.4);
    box-shadow: 0 0 15px rgba(255, 160, 0, 0.15);
}

.header-gradient { background: linear-gradient(135deg, #FF7A00 0%, #E65100 50%, #B71C1C 100%); }
.festive-banner-bg { background: linear-gradient(90deg, #1A0C00 0%, #4A1500 50%, #1A0C00 100%); }
.gold-border-glow { border: 1px solid rgba(255, 160, 0, 0.3); box-shadow: 0 0 15px rgba(255, 160, 0, 0.15); }
.diya-pattern {
    background-color: #FFFBEF;
    background-image: radial-gradient(#FF7A00 0.75px, transparent 0.75px), radial-gradient(#FFA000 0.75px, #FFFBEF 0.75px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}

/* Scrollbars */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Form fields */
.field {
    width: 100%;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.65rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #1F2937;
    transition: border-color .15s, box-shadow .15s, background .15s;
}
.field:focus { outline: none; background: #fff; border-color: #FF7A00; box-shadow: 0 0 0 3px rgba(255, 122, 0, .15); }
.field::placeholder { color: #9CA3AF; font-weight: 500; }
textarea.field { resize: vertical; }

/* Wishlist heart */
.wish-btn.is-on { color: #EF4444; }
.wish-btn.is-on svg { fill: currentColor; }

/* Animations */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes toastIn { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
.fade-in { animation: fadeIn .2s ease both; }
.fade-up { animation: fadeUp .45s ease both; }
.toast-in { animation: toastIn .25s ease both; }

/* Hero slider */
.hero-slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .6s ease; }
.hero-slide.is-active { opacity: 1; pointer-events: auto; }
.hero-dot { width: 8px; height: 8px; border-radius: 9999px; background: rgba(255,255,255,.5); transition: all .3s; }
.hero-dot.is-active { width: 26px; background: #fff; }

/* Horizontal product rail */
.rail { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .5rem; }
.rail > * { flex: 0 0 auto; width: 200px; scroll-snap-align: start; }
@media (min-width: 1024px) { .rail > * { width: 220px; } }

/* Range slider */
input[type="range"] { accent-color: #FF7A00; }

/* Timeline */
.timeline-line { position: absolute; left: 11px; top: 8px; bottom: 8px; width: 2px; background: #E5E7EB; }

/* FAQ */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-chevron { transform: rotate(180deg); }

/* Print (invoice) */
@media print {
    #site-header, #site-footer, #toast-container, .no-print { display: none !important; }
    body { background: #fff !important; }
}

/* Let product SVG backgrounds blend into their card */
img[src*="/products/"] { mix-blend-mode: multiply; }