/* ═══════════════════════════════════════════════════════════════════════
   HOMEPAGE STYLES — 10 skins for the homepage (hero, section headers,
   cards, tool cards, promo banners, testimonials).

   This file is only ever <link>ed by includes/header.php when index.php
   set $homeStyle, and every rule below is scoped under
   html[data-home-style="N"] and only ever targets homepage elements
   (.hero, .section-header, .card, .tool-card, .home-banner-*,
   .testimonial-card, .stat-counters) — never :root, never anything on
   other pages. Style 1 = no rules (today's default look).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 2. 🪔 Diwali Festive — warm gold/orange/red glow ── */
html[data-home-style="2"] .hero{background:linear-gradient(135deg,#fff7e6 0%,#fff1d6 100%)!important;}
html[data-home-style="2"] .hero::before{background:#f59e0b!important;}
html[data-home-style="2"] .hero::after{background:#dc2626!important;}
html[data-home-style="2"] .hero h1 span{color:#c2410c!important;}
html[data-home-style="2"] .section-header h2{color:#9a3412;}
html[data-home-style="2"] .card{border-color:#fcd9a8;}
html[data-home-style="2"] .card:hover{box-shadow:0 8px 24px rgba(217,119,6,.22);border-color:#f59e0b;}
html[data-home-style="2"] .tool-icon{filter:drop-shadow(0 0 6px rgba(245,158,11,.5));}
html[data-home-style="2"] .stat-counters .stat-num{color:#c2410c;}
html[data-home-style="2"] .testimonial-card{border-color:#fcd9a8;}
html[data-home-style="2"] .home-banner-store{background:linear-gradient(135deg,#f59e0b 0%,#b91c1c 100%)!important;}
html[data-home-style="2"] .home-banner-linkbio{background:linear-gradient(135deg,#f59e0b 0%,#92400e 100%)!important;}
html[data-home-style="2"] .home-banner-gallery{background:linear-gradient(135deg,#facc15 0%,#c2410c 100%)!important;}

/* ── 3. 🎆 New Year — deep navy + gold ── */
html[data-home-style="3"] .hero{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;}
html[data-home-style="3"] .hero h1{color:#fefce8;}
html[data-home-style="3"] .hero h1 span{color:#facc15!important;}
html[data-home-style="3"] .hero p{color:#cbd5e1;}
html[data-home-style="3"] .hero::before{background:#facc15!important;}
html[data-home-style="3"] .hero::after{background:#f59e0b!important;}
html[data-home-style="3"] .stat-counters .stat-num{color:#facc15;}
html[data-home-style="3"] .card:hover{box-shadow:0 8px 24px rgba(250,204,21,.2);border-color:#facc15;}
html[data-home-style="3"] .home-banner-store{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important;}
html[data-home-style="3"] .home-banner-linkbio{background:linear-gradient(135deg,#334155 0%,#0f172a 100%)!important;}
html[data-home-style="3"] .home-banner-gallery{background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%)!important;}

/* ── 4. 🌧️ Monsoon Cool — blue/teal ── */
html[data-home-style="4"] .hero{background:linear-gradient(135deg,#e0f2fe 0%,#e6fffa 100%)!important;}
html[data-home-style="4"] .hero h1 span{color:#0369a1!important;}
html[data-home-style="4"] .hero::before{background:#0ea5e9!important;}
html[data-home-style="4"] .hero::after{background:#14b8a6!important;}
html[data-home-style="4"] .section-header h2{color:#0c4a6e;}
html[data-home-style="4"] .card:hover{box-shadow:0 8px 24px rgba(14,165,233,.18);border-color:#7dd3fc;}
html[data-home-style="4"] .stat-counters .stat-num{color:#0369a1;}
html[data-home-style="4"] .home-banner-store{background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%)!important;}
html[data-home-style="4"] .home-banner-linkbio{background:linear-gradient(135deg,#14b8a6 0%,#0f766e 100%)!important;}
html[data-home-style="4"] .home-banner-gallery{background:linear-gradient(135deg,#38bdf8 0%,#0c4a6e 100%)!important;}

/* ── 5. ☀️ Summer Bright — sunny yellow/orange ── */
html[data-home-style="5"] .hero{background:linear-gradient(135deg,#fff9db 0%,#ffedd5 100%)!important;}
html[data-home-style="5"] .hero h1 span{color:#ea580c!important;}
html[data-home-style="5"] .hero::before{background:#facc15!important;}
html[data-home-style="5"] .hero::after{background:#fb923c!important;}
html[data-home-style="5"] .section-header h2{color:#c2410c;}
html[data-home-style="5"] .card:hover{box-shadow:0 8px 24px rgba(251,146,60,.2);border-color:#fdba74;}
html[data-home-style="5"] .stat-counters .stat-num{color:#ea580c;}
html[data-home-style="5"] .home-banner-store{background:linear-gradient(135deg,#facc15 0%,#f97316 100%)!important;}
html[data-home-style="5"] .home-banner-linkbio{background:linear-gradient(135deg,#fb923c 0%,#dc2626 100%)!important;}
html[data-home-style="5"] .home-banner-gallery{background:linear-gradient(135deg,#fbbf24 0%,#ea580c 100%)!important;}

/* ── 6. 🎨 Holi Colorful — playful multi-colour ── */
html[data-home-style="6"] .hero{background:linear-gradient(120deg,#fce7f3 0%,#dbeafe 35%,#fef9c3 70%,#dcfce7 100%)!important;}
html[data-home-style="6"] .hero h1 span{background:linear-gradient(90deg,#db2777,#7c3aed,#059669);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
html[data-home-style="6"] .hero::before{background:#db2777!important;}
html[data-home-style="6"] .hero::after{background:#7c3aed!important;}
html[data-home-style="6"] .card{border-radius:18px;}
html[data-home-style="6"] .card:hover{box-shadow:0 10px 26px rgba(124,58,237,.18);border-color:#c4b5fd;}
html[data-home-style="6"] .tool-icon{filter:saturate(1.3);}
html[data-home-style="6"] .stat-counters .stat-num{background:linear-gradient(90deg,#db2777,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;}
html[data-home-style="6"] .home-banner-store{background:linear-gradient(135deg,#ec4899 0%,#f59e0b 100%)!important;}
html[data-home-style="6"] .home-banner-linkbio{background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%)!important;}
html[data-home-style="6"] .home-banner-gallery{background:linear-gradient(135deg,#22c55e 0%,#eab308 100%)!important;}

/* ── 7. 🇮🇳 Tricolor Pride — saffron/white/green ── */
html[data-home-style="7"] .hero{background:linear-gradient(180deg,#fff3e0 0%,#ffffff 50%,#e8f8ee 100%)!important;}
html[data-home-style="7"] .hero h1 span{color:#128807!important;}
html[data-home-style="7"] .hero::before{background:#ff9933!important;}
html[data-home-style="7"] .hero::after{background:#128807!important;}
html[data-home-style="7"] .section-header h2{color:#1a1a1a;}
html[data-home-style="7"] .card{border-top:3px solid #ff9933;}
html[data-home-style="7"] .card:hover{box-shadow:0 8px 24px rgba(19,136,8,.18);}
html[data-home-style="7"] .stat-counters .stat-num{color:#ff6f00;}
html[data-home-style="7"] .home-banner-store{background:linear-gradient(135deg,#ff9933 0%,#128807 100%)!important;}
html[data-home-style="7"] .home-banner-linkbio{background:linear-gradient(135deg,#128807 0%,#1e3a8a 100%)!important;}
html[data-home-style="7"] .home-banner-gallery{background:linear-gradient(135deg,#ff9933 0%,#1e3a8a 100%)!important;}

/* ── 8. 🎄 Christmas Winter — red/green/white ── */
html[data-home-style="8"] .hero{background:linear-gradient(135deg,#fef2f2 0%,#f0fdf4 100%)!important;}
html[data-home-style="8"] .hero h1 span{color:#b91c1c!important;}
html[data-home-style="8"] .hero::before{background:#b91c1c!important;}
html[data-home-style="8"] .hero::after{background:#15803d!important;}
html[data-home-style="8"] .section-header h2{color:#166534;}
html[data-home-style="8"] .card:hover{box-shadow:0 8px 24px rgba(21,128,61,.16);border-color:#bbf7d0;}
html[data-home-style="8"] .stat-counters .stat-num{color:#b91c1c;}
html[data-home-style="8"] .home-banner-store{background:linear-gradient(135deg,#b91c1c 0%,#7f1d1d 100%)!important;}
html[data-home-style="8"] .home-banner-linkbio{background:linear-gradient(135deg,#15803d 0%,#14532d 100%)!important;}
html[data-home-style="8"] .home-banner-gallery{background:linear-gradient(135deg,#b91c1c 0%,#15803d 100%)!important;}

/* ── 9. 🖤 Minimal Dark — sleek dark hero, premium minimal cards ── */
html[data-home-style="9"] .hero{background:#0b0d12!important;}
html[data-home-style="9"] .hero h1{color:#f5f5f7;}
html[data-home-style="9"] .hero h1 span{color:#a5b4fc!important;}
html[data-home-style="9"] .hero p{color:#9ca3af;}
html[data-home-style="9"] .hero::before,html[data-home-style="9"] .hero::after{opacity:.15;}
html[data-home-style="9"] .hero::before{background:#6366f1!important;}
html[data-home-style="9"] .hero::after{background:#64748b!important;}
html[data-home-style="9"] .stat-counters .stat-num{color:#e5e7eb;}
html[data-home-style="9"] .card{border-radius:8px;transition:border-color .2s,transform .2s;}
html[data-home-style="9"] .card:hover{box-shadow:none;border-color:#a5b4fc;transform:translateY(-3px);}
html[data-home-style="9"] .home-banner-store,
html[data-home-style="9"] .home-banner-linkbio,
html[data-home-style="9"] .home-banner-gallery{background:#111318!important;border:1px solid #23262f;}

/* ── 10. 💐 Raksha Bandhan — warm pink/red, family occasion ── */
html[data-home-style="10"] .hero{background:linear-gradient(135deg,#fff1f2 0%,#fff7ed 100%)!important;}
html[data-home-style="10"] .hero h1 span{color:#be123c!important;}
html[data-home-style="10"] .hero::before{background:#fb7185!important;}
html[data-home-style="10"] .hero::after{background:#fbbf24!important;}
html[data-home-style="10"] .section-header h2{color:#9f1239;}
html[data-home-style="10"] .card:hover{box-shadow:0 8px 24px rgba(251,113,133,.2);border-color:#fecdd3;}
html[data-home-style="10"] .stat-counters .stat-num{color:#be123c;}
html[data-home-style="10"] .home-banner-store{background:linear-gradient(135deg,#fb7185 0%,#be123c 100%)!important;}
html[data-home-style="10"] .home-banner-linkbio{background:linear-gradient(135deg,#f472b6 0%,#9d174d 100%)!important;}
html[data-home-style="10"] .home-banner-gallery{background:linear-gradient(135deg,#fbbf24 0%,#be123c 100%)!important;}