/**
 * iPad Portrait-Only Styles
 * 
 * Applies mobile-style bottom navigation and mobile header
 * for iPad/tablet devices in PORTRAIT orientation only.
 *
 * Targets: 768px–1024px width + portrait orientation
 * Does NOT affect: phones (<768px), iPad landscape, or desktop (>1024px)
 */

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {

    /* ─── Show mobile header (top bar) ─────────────────────────────── */
    header#mobile-header {
        /* display: block !important;
        position: fixed;
        width: 100%;
        z-index: 12345;
        top: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background-color: #ffffff !important;
        min-height: 74px;
        padding-top: 23px;
        padding-bottom: 8px; */
    }

    .hidden-desktop {
        display: block !important;
    }

    /* ─── Hide desktop header ──────────────────────────────────────── */
    header#sbr-header {
        display: none !important;
    }

    /* ─── Show bottom navigation bar ───────────────────────────────── */
    .main-navigation-mobile {
        display: flex !important;        max-height: 65px;
    }

    /* ─── Remove header spacer (same as phone) ─────────────────────── */
    .header-spacer {
        display: none !important;
    }

    html body {
        padding-top: 0px !important;
    }

    /* ─── Mobile header internal layout ────────────────────────────── */
    .combineWrapper { display: none !important; }
    .logolink { justify-content: center; }
    .go-back-button, .go-close-button {
        max-width: 36px;
        position: absolute;
        left: 0;
    }
    span.sbr-logo-round {
        width: 36px;
        height: 36px;
    }
    span.sbr-logo-text {
        display: none;
    }
    #quick_cart { display: inline-flex !important; }
    header .user-login a {
        font-size: 20px;
    }
    #quick_cart, header .user-login {
        position: relative;
    }

    /* ─── Side cart & mobile menu transforms ───────────────────────── */
    #mobile-menu {
        display: flex !important;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    #mobile-menu.style2, .click-capture {
        display: inherit !important;
    }

    #mobile-menu.style2 {
        z-index: 1234567;
    }

    .activateMenuNavigationWrapper #mobile-menu {
        transform: translate(0px, 0px);
        opacity: 1;
        visibility: inherit;
        display: flex;
    }

    .activateMinCartOption nav#side-cart {
        transform: translate(0px, 0px);
    }

    .activateMenuNavigationWrapper nav#side-cart {
        transform: translateX(100%) !important;
    }

    .activateMenuNavigationWrapper #side-cart {
        transform: translateX(100%) !important;
    }

    /* ─── Mobile menu styling (replicate from max-width:767px) ─────── */
    #mobile-menu.style2 {
        background: #fffffff5;
        padding: 2vh 0px;
    }
    .logged-in #mobile-menu.style2 {
        padding-top: 27px;
    }
    #mobile-menu.style2 .mobile-menu-top {
        justify-content: left;
        display: block;
    }
    #mobile-menu.style2 .thb-mobile-menuOne li > a {
        justify-content: end;
        font-family: 'Montserrat';
        display: block;
        text-align: right;
        font-weight: 500;
        border-bottom: 0px;
    }
    #mobile-menu.style2 .thb-mobile-menuOne li.menu-item-has-children > a {
        padding-left: 0;
        text-decoration: none;
        font-weight: 500;
        border-bottom: 0px;
    }

    /* Nav item colored backgrounds */
    .navteethWhitening > a {
        background: #fa319e;
        font-weight: 500;
    }
    .navNightGuards > a,
    .dental-saving-plans-nav > a {
        background: #331f97;
        font-weight: 500;
    }
    .navOralCare > a {
        background: #4acac9;
        font-weight: 500;
    }
    .nanHelpFull > a,
    .navSupport > a {
        background: #000;
        font-weight: 500;
    }
    .navArticles > a {
        background: #565759;
        font-weight: 500;
    }
    .skincare-navbutton > a {
        background: #f0c23a;
    }
    .custom-trays-guards-nav > a {
        background-color: #2d2e2f;
    }

    .navNightGuards, .navOralCare, .nanHelpFull,
    .navSupport, .sport-mouth-guards, .custom-trays-guards-nav, .navteethWhitening,
    .skincare-navbutton, .review-nav-button, .navArticles {
        margin-top: 12px !important;
    }

    .thb-mobile-menuOne > li > a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-transform: none;
        position: relative;
        font-size: 20px;
        padding: 9px 6px 12px;
    }

    .thb-mobile-menuOne {
        line-height: 1;
        margin: 0 0 0px;
        padding: 0;
        list-style: none;
    }

    /* Sub-menus */
    #mobile-menu.style2 .thb-mobile-menuOne li .sub-menu {
        margin-left: 0px;
    }
    #mobile-menu.style2 .thb-mobile-menuOne li .sub-menu li {
        padding-left: 15px;
        padding-right: 15px;
    }
    #mobile-menu.style2 .thb-mobile-menuOne li .sub-menu a {
        font-size: 13px;
        color: #555759;
        font-weight: 500;
        text-transform: initial;
        font-family: 'Montserrat';
        padding: 11px 0;
    }
    .thb-mobile-menuOne .sub-menu {
        display: none;
        font-size: 14px;
        margin-left: 25px;
        list-style: none;
    }

    /* Arrow indicators */
    .thb-mobile-menuOne li.menu-item-has-children > a .thb-arrow {
        margin-left: 7px;
        top: -1px;
        position: relative;
    }
    .thb-mobile-menuOne li.menu-item-has-children > a .thb-arrow div {
        height: 3px;
        width: 8px;
        display: none;
    }
    .thb-mobile-menuOne li.menu-item-has-children > a:hover .thb-arrow div {
        background: #ffffff;
    }

    /* Close button */
    .thb-mobile-close {
        top: 9px;
    }
    .thb-mobile-close div span {
        background: #000;
    }

    /* Member/account section */
    .alreadyMemberAccount {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }
    .flex-row-align-item {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        line-height: 1;
    }
    span.menu-text-nav {
        font-size: 16px;
    }
    .memeberMyAccount {
        text-align: right !important;
    }
    .memeberMyAccount a {
        font-size: 18px;
        color: #555759;
        text-transform: uppercase;
        font-family: 'Montserrat';
        font-weight: 600;
    }

    /* Hover states for sub-menus */
    .navteethWhitening .sub-menu li.navBorder:hover { background: #fcf5f3; }
    .navNightGuards .sub-menu li.navBorder:hover { background: #f3f9f9; }
    .navOralCare .sub-menu li.navBorder:hover { background: #eaf5fa; }
    .nanHelpFull .sub-menu li.navBorder:hover,
    .navSupport .sub-menu li.navBorder:hover { background: #eeeeee; }
    .thb-mobile-menuOne .textOrange a { color: #e4a18b !important; }

    .navBorder > a,
    li#menu-item-990729 a {
        border-bottom: 1px solid #c9cbcd !important;
    }

    html.openNavigationMenu,
    .openNavigationMenu body {
        overflow: hidden;
    }

    /* Scrollbar styling */
    .ps.ps--active-x > .ps__scrollbar-x-rail,
    .ps.ps--active-y > .ps__scrollbar-y-rail {
        background-color: #7a7a7a21;
    }
    .ps__scrollbar-y-rail .ps__scrollbar-y {
        background: rgb(126 126 126 / 72%);
    }

    /* Mobile menu top links */
    .mobile-menu-top .lpParnt {
        font-size: 13px;
        text-transform: uppercase;
    }
    .mobile-menu-top .lpChild {
        font-size: 11px;
    }

    /* ─── Sale top bar spacing ─────────────────────────────────────── */
    .saleParentWrapper,
    #mobile-header {
        transition: transform 0.5s ease-in-out;
        opacity: 1;
    }

    html body .hidden-mobile-navigation {
        opacity: 0 !important;
        transform: translateY(-200%) !important;
    }

    /* ─── Bottom nav z-index ───────────────────────────────────────── */
    .main-navigation-mobile {
        z-index: 9999999;
    }

    /* ─── Scroll to top button offset ──────────────────────────────── */
    #scroll_to_top.active {
        bottom: 60px;
    }

    /* ─── Zendesk widget offset ────────────────────────────────────── */
    iframe#launcher {
        bottom: 60px !important;
        margin: 10px 10px !important;
    }

    /* ─── Quick cart (desktop style) hidden ─────────────────────────── */
    #quick_cartt {
        display: none !important;
    }

    /* ─── Landscape warning should not show ─────────────────────────── */
    .landscape-warning {
        display: none !important;
    }

    /* ─── Body padding for bottom nav ──────────────────────────────── */
    body {
        padding-bottom: 60px;
    }

    /* ─── Side cart close button ───────────────────────────────────── */
    #side-cart a.thb-mobile-close {
        opacity: 0;
        visibility: hidden;
    }

    /* ─── Cross/cart icon toggles ──────────────────────────────────── */
    img.cross-cart-icon,
    .activateMinCartOption .cart-default-icon,
    body:not(.my-account-nav-open) .cross-cart-icon-my-account,
    .my-account-nav-open .cart-default-icon-my-account {
        display: none;
    }
    .activateMinCartOption img.cross-cart-icon,
    .my-account-nav-open #my-account-navigkation-open .cross-cart-icon-my-account {
        display: inline-flex;
    }
    .main-navigation-mobile img.cross-cart-icon {
        max-width: 24px;
    }
    .main-navigation-mobile img.cross-cart-icon-my-account {
        max-width: 20px;
    }
    .main-navigation-mobile .nav-item-smilebrilliant .cross-cart-icon-burgermenu {
        max-width: 24px;
        display: none;
    }
    .activateMenuNavigationWrapper .main-navigation-mobile .nav-item-smilebrilliant .cross-cart-icon-burgermenu {
        display: inline-flex;
    }
    .activateMenuNavigationWrapper .burgerMenuDefault {
        display: none;
    }

        #mobile-menu.style2 .mobile-menu-top {
        justify-content: left;
        display: block;
    }
        .go-back-button, .go-close-button {
        max-width: 36px;
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        z-index: 789;
    }
    .go-close-button {
        top: -9px;
    }

        body:not(.my-account-nav-open) .mobile-nav-backbutton {
        display: none;
    }
        #mobile-menu.style2 .thb-mobile-menuOne li>a {
        justify-content: left;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        border-bottom: 1px solid #dd8f7a;
        text-transform: uppercase;
    }
    .review-nav-button a {
        background: #555759;
    }
    .thb-mobile-menuOne>li>a {
        padding: 9px 6px 12px;
    }

    #mobile-menu.style2 .thb-mobile-menuOne li>a {
        border-bottom: 0px;
    }
        #main-navigation-mobile .logo-nav-item-sbr {
        width: 48px;
        height: 48px;
        position: relative;
        top: -2px;
    }
    #main-navigation-mobile .logo-nav-item-sbr img {
        width: 48px;
        height: 48px;
        transform: rotate(-10deg);
    }
    .main-navigation-mobile .nav-item-smilebrilliant {
        width: 32px;
        height: 32px;
    }

        .geha-memeber-button-mobile.geha-div-mbl {
        display: flex;
        align-items: center;
    }

    .forMobileInsuraceButton, .geha-memeber-button-mobile a {
        display: inline-flex;
        /* background: #fa319e; */
        color: #fff;
        padding: 6px 4px;
        border-radius: 5px;
        font-size: 13px;
    }    .geha-memeber-button-mobile.geha-div-mbl a {
        padding: 2px 20px;
        display: block;
    }

    .geha-memeber-button-mobile.geha-div-mbl a img {
            max-width: 75px;
        }    .geha-memeber-button-mobile.geha-div-mbl a p {
            margin-bottom: 0px;
            font-size: 12px;
        }
        #wrapper .home-page-wrappper{
            margin-top: 0;
        }

}