/* ==========================================================================
   H-FEC – Joondalup Festival UI: Responsive Breakpoints
   ========================================================================== */

/* ---------- Mobile (max-width: 767px) ---------- */
@media (max-width: 767px) {
    :root {
        --hfec-header-height: 64px;
    }

    /* Menu overlay full-width on mobile */
    .jdp-menu-overlay {
        max-width: 100%;
        padding: 1rem 1.25rem;
    }
    .jdp-menu-link {
        font-size: clamp(1.5rem, 6vw, 2rem);
    }

    /* Hero text smaller on mobile */
    .jdp-hero__title {
        font-size: clamp(2.5rem, 12vw, 4rem);
    }

    /* Features Mobile */
    .hfec-features__grid { grid-template-columns: 1fr; }

    /* Steps Mobile */
    .hfec-steps__line { left: 22px; }
    .hfec-steps__item--left,
    .hfec-steps__item--right {
        flex-direction: row;
        padding: 0 0 0 60px;
    }
    .hfec-steps__dot { left: 0; transform: translateX(0); }

    /* Statistics Mobile */
    .hfec-statistics__grid { grid-template-columns: 1fr 1fr; }
    .hfec-statistics__number { font-size: var(--hfec-fs-4xl); }

    /* Product Showcase Mobile */
    .hfec-product__grid { grid-template-columns: 1fr; }
    .hfec-product__variants { grid-template-columns: 1fr; }
    .hfec-product__viewer { max-width: 280px; margin: 0 auto; }
    .hfec-product-showcase__grid { grid-template-columns: 1fr; }

    /* Comparison Mobile */
    .hfec-comparison__th,
    .hfec-comparison__td { padding: var(--hfec-space-sm) var(--hfec-space-md); font-size: var(--hfec-fs-sm); }

    /* Contact Mobile */
    .hfec-contact__grid { grid-template-columns: 1fr; }
    .hfec-form__row { grid-template-columns: 1fr; }

    /* Footer Mobile */
    .jdp-footer__grid { flex-direction: column; gap: 1.5rem; }
    .jdp-footer__bottom { flex-direction: column; gap: 1rem; text-align: center; }
    .jdp-marquee__item { font-size: clamp(2rem, 10vw, 3.5rem); }

    /* Sections padding */
    .hfec-section { padding: var(--hfec-space-3xl) 0; }

    /* Preorder CTA Mobile */
    .hfec-preorder-cta__features { flex-direction: column; align-items: center; }
    .hfec-preorder-cta__actions { flex-direction: column; align-items: center; }
}

/* ---------- Tablet (768px – 1023px) ---------- */
@media (min-width: 768px) and (max-width: 1023px) {
    .jdp-menu-overlay {
        max-width: 50%;
    }

    /* Features tablet */
    .hfec-features__grid { grid-template-columns: repeat(2, 1fr); }

    /* Statistics tablet */
    .hfec-statistics__grid { grid-template-columns: repeat(2, 1fr); }

    /* Product Showcase tablet */
    .hfec-product__grid { grid-template-columns: 1fr; }
    .hfec-product__variants { grid-template-columns: repeat(2, 1fr); }
    .hfec-product__viewer { max-width: 350px; margin: 0 auto; }
    .hfec-product-showcase__grid { grid-template-columns: 1fr; }

    /* Contact tablet */
    .hfec-contact__grid { grid-template-columns: 1fr; }
}

/* ---------- Extra-large (1440px+) ---------- */
@media (min-width: 1440px) {
    :root {
        --hfec-container-max: 1400px;
    }
}

/* ---------- Print ---------- */
@media print {
    .jdp-header, .hfec-preloader, .jdp-menu-overlay,
    .jdp-hero__scene, .jdp-marquee, .jdp-back-to-top { display: none !important; }
    .jdp-hero { min-height: auto; height: auto; padding: 2rem 0; }
    .hfec-section { padding: 1.5rem 0; }
    .jdp-footer { background: #fff; }
}