/* WaheedSM V149 - true fixed header (actual theme selectors) */

/* Keep the utility bar fixed at the top. */
.w-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 100001 !important;
}

/* Keep the main navigation fixed directly below the utility bar. */
.w-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 100000 !important;
    background: #fff !important;
}

/* Desktop: reserve room for both fixed bars. */
body {
    padding-top: 125px !important;
}

/* WordPress admin bar */
body.admin-bar .w-topbar {
    top: 32px !important;
}
body.admin-bar .w-header {
    top: 32px !important;
}
body.admin-bar {
    padding-top: 157px !important;
}

/* Mobile: keep both bars fixed without covering page content. */
@media (max-width: 782px) {
    body {
        padding-top: 108px !important;
    }

    body.admin-bar {
        padding-top: 154px !important;
    }

    body.admin-bar .w-topbar,
    body.admin-bar .w-header {
        top: 46px !important;
    }
}

/* Prevent horizontal overflow from the fixed navigation. */
.w-topbar,
.w-header {
    box-sizing: border-box;
}

/* V152 — Order Received: remove the right-side information/support cards and let the order card use the full content area. */
.w-thank-grid {
    grid-template-columns: minmax(0, 1fr) !important;
}
.w-thank-products {
    width: 100% !important;
    min-width: 0 !important;
}
.w-thank-side {
    display: none !important;
}
@media (max-width: 900px) {
    .w-thank-grid {
        grid-template-columns: 1fr !important;
    }
}

/* V154 — Fix fixed header stacking: utility bar first, main menu directly underneath. */
.w-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    z-index: 100001 !important;
}

.w-header {
    position: fixed !important;
    top: 42px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: 82px !important;
    z-index: 100000 !important;
    background: #fff !important;
}

.w-header .site-container {
    min-height: 82px !important;
}

body {
    padding-top: 124px !important;
}

body.admin-bar .w-topbar {
    top: 32px !important;
}
body.admin-bar .w-header {
    top: 74px !important;
}
body.admin-bar {
    padding-top: 156px !important;
}

/* Tablet / mobile header sizes where the utility bar remains visible. */
@media (max-width: 782px) and (min-width: 601px) {
    .w-topbar {
        height: 34px !important;
        min-height: 34px !important;
    }
    .w-header {
        top: 34px !important;
        min-height: 68px !important;
    }
    .w-header .site-container {
        min-height: 68px !important;
    }
    body {
        padding-top: 102px !important;
    }
    body.admin-bar .w-topbar {
        top: 46px !important;
    }
    body.admin-bar .w-header {
        top: 80px !important;
    }
    body.admin-bar {
        padding-top: 148px !important;
    }
}

/* Small mobile: the theme hides the utility bar, so the main menu starts at the top. */
@media (max-width: 600px) {
    .w-topbar {
        display: none !important;
    }
    .w-header {
        top: 0 !important;
        min-height: 62px !important;
    }
    .w-header .site-container {
        min-height: 62px !important;
    }
    body {
        padding-top: 62px !important;
    }
    body.admin-bar .w-header {
        top: 46px !important;
    }
    body.admin-bar {
        padding-top: 108px !important;
    }
}