/* ========================================
   NEXAR THEME - Responsive Styles
   ======================================== */

/* === Tablet (768px - 1024px) === */
@media screen and (max-width: 1024px) {
    .nexar-hdr {
        padding: 8px 24px;
        grid-template-columns: auto auto auto;
        gap: 16px;
    }

    .nexar-hdr__logo img {
        height: 34px;
    }

    .nexar-hdr__nav a:not(.nexar-hdr__home) {
        font-size: 13px;
        padding: 7px 14px;
    }

    .nexar-hdr__cta {
        font-size: 13px;
        height: 38px;
        padding: 0 20px;
    }

    .nexar-hero {
        min-height: 70vh;
    }

    .nexar-hero h1 {
        font-size: clamp(2rem, 4vw, 3rem);
    }

    .wp-block-cover.nexar-cover-hero {
        min-height: 70vh !important;
        padding: 4rem 2rem;
    }

    .nexar-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .nexar-image-grid {
        gap: 0.5rem;
    }

    .nexar-image-grid img {
        height: 200px;
    }
}

/* === Mobile (max 767px) === */
@media screen and (max-width: 767px) {
    .nexar-hdr {
        display: flex;
        flex-wrap: wrap;
        padding: 8px 16px;
        gap: 8px;
        justify-content: space-between;
    }

    .nexar-hdr__logo {
        order: 1;
    }

    .nexar-hdr__cta {
        order: 2;
        font-size: 12px;
        height: 34px;
        padding: 0 16px;
    }

    .nexar-hdr__nav {
        order: 3;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 14px;
        padding: 4px;
        gap: 2px;
    }

    .nexar-hdr__nav a:not(.nexar-hdr__home) {
        font-size: 12px;
        padding: 6px 10px;
    }

    .nexar-hdr__home {
        width: 30px;
        height: 30px;
    }

    .nexar-hdr__logo img {
        height: 28px;
    }

    .nexar-hero {
        min-height: 60vh;
        padding: 6rem 1.5rem 3rem;
    }

    .nexar-hero h1 {
        font-size: 2rem;
    }

    .wp-block-cover.nexar-cover-hero {
        min-height: 60vh !important;
        padding: 6rem 1.5rem 3rem;
    }

    /* Stack columns on mobile */
    .wp-block-columns {
        flex-wrap: wrap;
    }

    .wp-block-column {
        flex-basis: 100% !important;
    }

    /* Stats on mobile */
    .nexar-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .nexar-stat-number {
        font-size: 2.2rem;
    }

    /* Blog grid single column on mobile */
    .wp-block-post-template.is-layout-grid {
        grid-template-columns: 1fr !important;
    }

    /* Image grid single column */
    .nexar-image-grid {
        grid-template-columns: 1fr;
    }

    .nexar-image-grid .nexar-img-tall {
        grid-row: auto;
    }

    .nexar-image-grid img {
        height: 200px;
    }

    /* Search bar full width */
    .nexar-search-bar .wp-block-search__input {
        min-width: unset;
        width: 100%;
    }

    /* Footer stacking */
    .nexar-footer .wp-block-columns {
        gap: 2rem;
    }

    /* Section padding */
    .nexar-section {
        padding: 3rem 1.5rem;
    }

    /* Numbered list */
    .nexar-numbered-item {
        padding: 1rem 0;
    }

    /* Decorative bars hidden on mobile */
    .nexar-decorative-bars {
        display: none;
    }

    /* Contact sidebar full width */
    .nexar-contact-info {
        margin-top: 2rem;
    }

    /* Blog sidebar */
    .nexar-blog-sidebar {
        margin-top: 2rem;
    }
}

/* === Small Mobile (max 480px) === */
@media screen and (max-width: 480px) {
    .nexar-hero h1 {
        font-size: 1.75rem;
    }

    .nexar-stats {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .nexar-stat-number {
        font-size: 1.8rem;
    }

    .nexar-header {
        padding: 0.6rem 1rem;
    }
}