/* ========================================
   NEXAR THEME — Responsive Overrides
   Header, Banner, Footer breakpoints

   Horizontal padding uses CSS variables
   from nexar-theme.css (:root).
   Only vertical padding and element sizing
   is set here.
   ======================================== */



/* === Header — 1440px === */
@media screen and (max-width: 1440px) {
    .nexar-hdr {
        padding: 20px var(--pad-header);
    }
    .nexar-hdr__logo img {
        width: 150px;
        height: auto;
    }
    .nexar-hdr__nav {
        max-width: 860px;
        height: 50px;
        gap: 18px;
        padding-right: 30px;
    }
    .nexar-hdr__nav a:not(.nexar-hdr__home) {
        font-size: 17px;
        height: 40px;
        line-height: 40px;
        padding: 0 18px;
    }
    .nexar-hdr__cta {
        height: 46px;
        padding: 0 26px;
        font-size: 17px;
        margin-left: 24px;
    }
}

/* === Header — 1366px === */
@media screen and (max-width: 1366px) {
    .nexar-hdr {
        padding: 18px var(--pad-header);
    }
    .nexar-hdr__logo img {
        width: 140px;
        height: auto;
    }
    .nexar-hdr__nav {
        max-width: 700px;
        height: 48px;
        gap: 14px;
        padding-right: 24px;
    }
    .nexar-hdr__nav a:not(.nexar-hdr__home) {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        padding: 0 14px;
    }
    .nexar-hdr__cta {
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        margin-left: 20px;
    }
}

/* === Header — 1280px range only (1201–1366) — smaller logo === */
@media screen and (min-width: 1201px) and (max-width: 1366px) {
    .nexar-hdr__logo img {
        width: 110px;
    }
}

/* === Header — 1200px === */
@media screen and (max-width: 1200px) {
    .nexar-hdr {
        padding: 16px var(--pad-header);
    }
    .nexar-hdr__logo img {
        width: 120px;
        height: auto;
    }
    .nexar-hdr__nav {
        max-width: 680px;
        height: 46px;
        gap: 8px;
        padding-right: 16px;
        padding-left: 8px;
    }
    .nexar-hdr__nav a:not(.nexar-hdr__home) {
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        padding: 0 12px;
    }
    .nexar-hdr__home {
        width: 36px;
        height: 36px;
    }
    .nexar-hdr__cta {
        height: 42px;
        padding: 0 20px;
        font-size: 15px;
        margin-left: 16px;
    }
}

/* === Header — 1024px (Tablet / Hamburger) === */
@media screen and (max-width: 1024px) {
    .nexar-header-wrap,
    .nexar-header-wrap.elementor-section {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        background: transparent !important;
        min-height: auto !important;
        height: auto !important;
    }
    .nexar-header-scrolled.nexar-header-wrap {
        background: #150089 !important;
    }

    .nexar-hdr {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 12px var(--pad-header) !important;
        background: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        min-height: 56px;
    }

    .nexar-hdr__logo {
        order: 1;
        display: flex !important;
        visibility: visible !important;
        margin-right: 0 !important;
    }
    .nexar-hdr__logo img {
        width: 120px;
        height: auto;
    }

    .nexar-hdr__nav {
        display: none !important;
    }
    .nexar-hdr__cta {
        display: none !important;
    }

    .nexar-hdr__hamburger {
        display: flex !important;
        order: 2;
        visibility: visible !important;
    }
    .nexar-hdr__hamburger-line {
        background: #fff !important;
    }
}

/* === Header — 768px (Mobile) === */
@media screen and (max-width: 768px) {
    .nexar-hdr {
        padding: 10px var(--pad-header) !important;
        min-height: 52px;
    }
    .nexar-hdr__logo img {
        width: 100px;
        height: auto;
    }
    .nexar-mobile-menu a {
        font-size: 15px;
        padding: 12px 0;
    }
}

/* === Header — 480px (Small mobile) === */
@media screen and (max-width: 480px) {
    .nexar-hdr {
        padding: 8px var(--pad-header) !important;
        min-height: 48px;
    }
    .nexar-hdr__logo img {
        width: 90px;
        height: auto;
    }
}



/* === Footer — 1440px === */
@media screen and (max-width: 1440px) {
    .nexar-footer__inner   { padding: 72px var(--pad-footer); }
    .nexar-footer__top     { padding: 0 0 52px; }

    .nexar-footer__heading { font-size: 24px; margin-bottom: 20px; }
}

/* === Footer — 1366px === */
@media screen and (max-width: 1366px) {
    .nexar-footer__inner   { padding: 64px var(--pad-footer); }
    .nexar-footer__top     { padding: 0 0 48px; }

    .nexar-footer__heading { font-size: 22px; margin-bottom: 18px; }
}

/* === Footer — 1280px === */
@media screen and (max-width: 1280px) {
    .nexar-footer__inner   { padding: 56px var(--pad-footer); }
    .nexar-footer__top     { padding: 0 0 44px; }

    .nexar-footer__heading { font-size: 20px; margin-bottom: 16px; }
    .nexar-footer__grid    { gap: 32px; }
    .nexar-footer__logo img { height: 90px; }
}

/* === Footer — 1200px === */
@media screen and (max-width: 1200px) {
    .nexar-footer__inner   { padding: 48px var(--pad-footer); }
    .nexar-footer__top     { padding: 0 0 40px; }

    .nexar-footer__heading { font-size: 20px; margin-bottom: 16px; }
    .nexar-footer__grid    { gap: 28px; }
}

/* === Footer — 1024px (Tablet) === */
@media screen and (max-width: 1024px) {
    .nexar-footer__inner { padding: 40px var(--pad-footer); }
    .nexar-footer__top {
        align-items: center;
        padding: 0 0 36px;
    }
    .nexar-footer__grid {
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
        gap: 24px;
    }

    .nexar-footer__logo img { height: 80px; width: auto; }
    .nexar-footer__heading { font-size: 18px; margin-bottom: 16px; }
}

/* === Footer — 768px (Mobile) === */
@media screen and (max-width: 768px) {
    .nexar-footer__inner { padding: 32px var(--pad-footer); }
    .nexar-footer__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 40px 0 32px;
    }
    .nexar-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        padding: 32px 0;
    }
    .nexar-footer__col:nth-child(1),
    .nexar-footer__col:nth-child(2) {
        grid-column: 1 / -1;
    }

    .nexar-footer__heading  { font-size: 16px; margin-bottom: 14px; }
    .nexar-footer__bottom {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        padding: 20px 0;
        text-align: center;
    }
    .nexar-footer__logo img { height: 70px; }
}

/* === Footer — 480px (Small mobile) === */
@media screen and (max-width: 480px) {
    .nexar-footer__inner { padding: 24px var(--pad-footer); }
    .nexar-footer__top   { padding: 32px 0 24px; }

    .nexar-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        padding: 28px 0;
    }
    .nexar-footer__col:nth-child(1),
    .nexar-footer__col:nth-child(2) {
        grid-column: 1 / -1;
    }
    .nexar-footer__heading { font-size: 16px; }
    .nexar-footer__logo img { height: 56px; }
}