/* =========================================================
   SHIVTUSH MOBILE APP NAVIGATION — GLOBAL PAGE FIX
   Replace: css/header-fixes.css
   ========================================================= */

/* Desktop corporate information bar */
@media (min-width: 901px){
    .st-header .st-topbar{
        display:block !important;
        width:100% !important;
        height:38px !important;
        min-height:38px !important;
        margin:0 !important;
        padding:0 !important;
        background:#062544 !important;
        border:0 !important;
        color:#dbe7f2 !important;
        overflow:hidden !important;
    }

    .st-header .st-topbar__inner{
        width:min(1420px,calc(100% - 40px)) !important;
        height:38px !important;
        margin:0 auto !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:20px !important;
        color:#dbe7f2 !important;
        font-family:Arial,Helvetica,sans-serif !important;
        font-size:12px !important;
        line-height:38px !important;
    }

    .st-header .st-topbar__inner>span{
        display:flex !important;
        align-items:center !important;
        gap:7px !important;
        height:38px !important;
        margin:0 !important;
        padding:0 !important;
        color:#fff !important;
        font-size:12px !important;
        font-weight:700 !important;
        white-space:nowrap !important;
    }

    .st-header .st-topbar__inner>span i{
        color:#ff8b32 !important;
    }

    .st-header .st-topbar__inner>div{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:0 !important;
        height:38px !important;
        margin:0 !important;
        padding:0 !important;
    }

    .st-header .st-topbar__inner>div>a,
    .st-header .st-topbar__inner>div>span{
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        gap:7px !important;
        height:38px !important;
        margin:0 !important;
        padding:0 16px !important;
        background:transparent !important;
        border:0 !important;
        color:#dbe7f2 !important;
        font-size:12px !important;
        font-weight:500 !important;
        line-height:38px !important;
        text-decoration:none !important;
        white-space:nowrap !important;
    }

    .st-header .st-topbar__inner>div>a:after,
    .st-header .st-topbar__inner>div>span:after{
        content:"" !important;
        position:absolute !important;
        top:11px !important;
        right:0 !important;
        width:1px !important;
        height:16px !important;
        background:rgba(255,255,255,.16) !important;
    }

    .st-header .st-topbar__inner>div i{
        color:#ff8b32 !important;
        font-size:13px !important;
    }

    .st-header .st-topbar__inner>div>a:hover{
        color:#fff !important;
    }

    .st-header .st-topbar__inner>div>a.st-topbar__book{
        height:30px !important;
        margin-left:12px !important;
        padding:0 15px !important;
        border-radius:7px !important;
        background:#ff6b1a !important;
        color:#fff !important;
        font-weight:700 !important;
        line-height:30px !important;
    }

    .st-header .st-topbar__inner>div>a.st-topbar__book:after{
        display:none !important;
    }

    .st-header .st-topbar__inner>div>a.st-topbar__book i{
        color:#fff !important;
    }

    .st-header .st-topbar__inner>div>a.st-topbar__book:hover{
        background:#e95813 !important;
    }
}

@media (min-width: 901px){
    .st-app-nav{
        display:none !important;
    }
}

@media (min-width:901px) and (max-width:1100px){
    .st-header .st-topbar__inner>div>a,
    .st-header .st-topbar__inner>div>span{
        padding-left:9px !important;
        padding-right:9px !important;
        font-size:11px !important;
    }
}

@media (max-width: 900px){
    html{
        overflow-x:hidden !important;
    }

    body{
        overflow-x:hidden !important;
        padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important;
    }

    .st-topbar{
        display:none !important;
    }

    .st-header__inner{
        width:100% !important;
        height:64px !important;
        min-height:64px !important;
        padding:6px 12px !important;
        gap:8px !important;
    }

    .st-logo{
        min-width:0 !important;
        max-width:calc(100% - 104px) !important;
    }

    .st-logo img{
        display:block !important;
        width:auto !important;
        height:70px !important;
        max-width:132px !important;
        object-fit:contain !important;
    }

    .st-header__actions{
        margin-left:auto !important;
        gap:7px !important;
        flex:0 0 auto !important;
    }

    .st-call,
    .st-menu-button{
        width:40px !important;
        min-width:40px !important;
        height:40px !important;
        min-height:40px !important;
        padding:0 !important;
        border-radius:12px !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* Isolated styles prevent individual page CSS from changing the app bar. */
    body .st-app-nav{
        display:grid !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        align-items:stretch !important;
        position:fixed !important;
        z-index:9999 !important;
        left:8px !important;
        right:8px !important;
        top:auto !important;
        bottom:calc(7px + env(safe-area-inset-bottom)) !important;
        width:auto !important;
        max-width:none !important;
        height:68px !important;
        min-height:68px !important;
        margin:0 !important;
        padding:7px 4px 5px !important;
        border:1px solid rgba(223,231,239,.95) !important;
        border-radius:20px !important;
        background:rgba(255,255,255,.98) !important;
        box-shadow:0 10px 30px rgba(6,37,68,.20) !important;
        backdrop-filter:blur(14px) !important;
        -webkit-backdrop-filter:blur(14px) !important;
        transform:none !important;
        overflow:visible !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    body .st-app-nav>a{
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;
        width:100% !important;
        min-width:0 !important;
        height:100% !important;
        margin:0 !important;
        padding:2px 1px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#405b74 !important;
        text-align:center !important;
        text-decoration:none !important;
        font-family:Arial,Helvetica,sans-serif !important;
        font-size:10px !important;
        font-weight:700 !important;
        line-height:1.15 !important;
        transform:none !important;
    }

    body .st-app-nav>a>i{
        display:block !important;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        background:transparent !important;
        color:#405b74 !important;
        font-size:19px !important;
        line-height:1 !important;
        box-shadow:none !important;
    }

    body .st-app-nav>a>span{
        display:block !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        color:#405b74 !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    body .st-app-nav>a:hover,
    body .st-app-nav>a:focus{
        color:#ff6b1a !important;
        outline:0 !important;
    }

    body .st-app-nav>a:hover>i,
    body .st-app-nav>a:focus>i,
    body .st-app-nav>a:hover>span,
    body .st-app-nav>a:focus>span{
        color:#ff6b1a !important;
    }

    body .st-app-nav>a.st-app-nav__book{
        top:-13px !important;
        height:calc(100% + 13px) !important;
        overflow:visible !important;
    }

    body .st-app-nav>a.st-app-nav__book>i{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:46px !important;
        min-width:46px !important;
        height:46px !important;
        min-height:46px !important;
        border-radius:50% !important;
        background:linear-gradient(135deg,#ff6b1a,#ff932b) !important;
        color:#fff !important;
        font-size:18px !important;
        box-shadow:0 8px 18px rgba(255,107,26,.32) !important;
    }

    body .st-app-nav>a.st-app-nav__book>span{
        color:#ff6b1a !important;
    }

    .st-mobile-menu{
        padding:16px !important;
    }

    /* Old floating buttons must stay above content, not above the app bar. */
    .fl-fl,
    .floating-social,
    .floating-contact{
        z-index:9990 !important;
    }
}

@media (max-width: 380px){
    body .st-app-nav{
        left:4px !important;
        right:4px !important;
        bottom:calc(4px + env(safe-area-inset-bottom)) !important;
        border-radius:17px !important;
    }

    body .st-app-nav>a{
        font-size:9px !important;
    }

    body .st-app-nav>a>i{
        font-size:17px !important;
    }

    body .st-app-nav>a.st-app-nav__book>i{
        width:43px !important;
        min-width:43px !important;
        height:43px !important;
        min-height:43px !important;
    }
}