/**
 * Bitstech Store — Home Variants
 *
 * CSS-only home layout variants applied via body class
 * `bt-home-variant-v1` / `bt-home-variant-v2` / `bt-home-variant-v3`.
 *
 * Sections rendered by front-page.php live inside `<main id="main-content">`
 * in the order: hero, promo-banners, categories, products, brands, blog,
 * faq, cta. Variants reorder these via flex/order or hide selectively.
 *
 * v1 — Default. No overrides.
 * v2 — Products-first. Hero shrinks, featured products move above categories.
 * v3 — Compact. Promo banners hidden, categories above hero.
 */

/* ═══════════════ Reorder helper ═══════════════ */
body.bt-front-page .bt-main {
    display: flex;
    flex-direction: column;
}
body.bt-front-page .bt-main > * { order: 0; }

/* Default order map (matches the natural source order in front-page.php). */
body.bt-front-page .bt-main > .bt-hero-section,
body.bt-front-page .bt-main > .bt-hero-slider { order: 10; }
body.bt-front-page .bt-main > .bt-promo-banners { order: 20; }
body.bt-front-page .bt-main > .bt-categories,
body.bt-front-page .bt-main > #bt-categories { order: 30; }
body.bt-front-page .bt-main > .bt-flash-sale,
body.bt-front-page .bt-main > .bt-featured-products,
body.bt-front-page .bt-main > .bt-best-sellers,
body.bt-front-page .bt-main > .bt-new-arrivals { order: 40; }
body.bt-front-page .bt-main > .bt-brands { order: 60; }
body.bt-front-page .bt-main > .bt-blog-section,
body.bt-front-page .bt-main > .bt-home-blog { order: 70; }
body.bt-front-page .bt-main > .bt-frontpage-faq,
body.bt-front-page .bt-main > .bt-faq-section { order: 80; }
body.bt-front-page .bt-main > .bt-home-cta,
body.bt-front-page .bt-main > .bt-cta-section { order: 90; }

/* ═══════════════ V2 — Products First ═══════════════ */
body.bt-home-variant-v2 .bt-main > .bt-hero-section,
body.bt-home-variant-v2 .bt-main > .bt-hero-slider {
    /* keep hero on top but render shorter */
    order: 5;
}
body.bt-home-variant-v2 .bt-main > .bt-hero-section .bt-hero,
body.bt-home-variant-v2 .bt-main > .bt-hero-slider .bt-hero {
    min-height: 480px;
}

body.bt-home-variant-v2 .bt-main > .bt-flash-sale,
body.bt-home-variant-v2 .bt-main > .bt-featured-products,
body.bt-home-variant-v2 .bt-main > .bt-best-sellers,
body.bt-home-variant-v2 .bt-main > .bt-new-arrivals {
    order: 15;
}

body.bt-home-variant-v2 .bt-main > .bt-promo-banners { order: 25; }
body.bt-home-variant-v2 .bt-main > .bt-categories,
body.bt-home-variant-v2 .bt-main > #bt-categories {
    order: 35;
    background: linear-gradient(180deg, transparent, rgba(117, 59, 235, 0.04), transparent);
}

/* ═══════════════ V3 — Compact ═══════════════ */
body.bt-home-variant-v3 .bt-main > .bt-promo-banners {
    display: none;                          /* compact mode hides promos */
}

body.bt-home-variant-v3 .bt-main > .bt-categories,
body.bt-home-variant-v3 .bt-main > #bt-categories {
    order: 5;                               /* categories first */
    padding-top: var(--bt-space-xl, 32px);
}

body.bt-home-variant-v3 .bt-main > .bt-hero-section,
body.bt-home-variant-v3 .bt-main > .bt-hero-slider {
    order: 10;
}

/* Compact: tighten spacing between sections */
body.bt-home-variant-v3 .bt-section {
    padding-top: var(--bt-space-xl, 32px);
    padding-bottom: var(--bt-space-xl, 32px);
}

/* Compact: hero text smaller */
body.bt-home-variant-v3 .bt-hero-title,
body.bt-home-variant-v3 .bt-hero h1 {
    font-size: clamp(1.6rem, 4vw, 2.6rem);
}
body.bt-home-variant-v3 .bt-hero-section .bt-hero,
body.bt-home-variant-v3 .bt-hero-slider .bt-hero {
    min-height: 380px;
}

/* Compact: brands marquee gets prominence */
body.bt-home-variant-v3 .bt-main > .bt-brands {
    order: 50;
}