/* Shared Waseef site header */
:root { --header-blue:#0067b1; --header-magenta:#b1005d; --header-gold:#ba8748; --header-ink:#12374e; }
.waseef-site-header { position:relative; z-index:50; width:100vw!important; min-height:70px; margin:0 0 24px calc(50% - 50vw)!important; padding:0 max(18px,calc((100vw - 1120px)/2))!important; border:0!important; border-radius:0!important; background:rgba(255,255,255,.98)!important; box-shadow:0 8px 24px rgba(18,55,78,.08)!important; }
.waseef-site-header::before { content:""; position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,var(--header-blue) 0 72%,var(--header-magenta) 72% 88%,var(--header-gold) 88%); }
.waseef-site-header>.container-fluid { display:flex; width:100%; min-height:70px; align-items:center; padding:3px 0 0!important; }
.waseef-site-header .navbar-header { display:flex; min-width:max-content; align-items:center; }
.waseef-site-header .portal-header-brand,.waseef-site-header .navbar-brand { display:inline-flex!important; min-height:48px!important; align-items:center; gap:10px; margin:0!important; padding:7px 0!important; color:var(--header-ink)!important; font-size:14px!important; font-weight:850!important; line-height:1.1; text-decoration:none!important; }
.waseef-site-header .portal-header-brand img,.waseef-site-header .navbar-brand img { width:auto!important; max-width:52px!important; height:42px!important; margin:0!important; object-fit:contain; }
.portal-header-brand__mark { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:var(--header-blue); color:#fff; font-size:15px; font-weight:900; box-shadow:inset 0 -3px 0 var(--header-gold); }
.portal-header-brand__copy { display:grid; gap:2px; }
.portal-header-brand__copy small { color:#70838f; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.waseef-site-header .navbar-collapse { flex:1; padding:0!important; border:0!important; box-shadow:none!important; }
.waseef-site-header .navbar-nav { display:flex; align-items:center; gap:4px; margin:0!important; padding:0; list-style:none; }
.waseef-site-header .navbar-right,.waseef-site-header .ml-auto { margin-left:auto!important; }
.waseef-site-header .navbar-nav>li>a,.waseef-site-header .nav-link { display:flex; min-height:40px; align-items:center; padding:9px 13px!important; border-radius:9px; color:#29495c!important; font-size:12px!important; font-weight:800!important; text-decoration:none!important; transition:.18s; }
.waseef-site-header .navbar-nav>li>a:hover,.waseef-site-header .navbar-nav>li>a:focus,.waseef-site-header .nav-link:hover,.waseef-site-header .nav-link:focus { background:#eef7fd!important; color:var(--header-blue)!important; }
.waseef-site-header .is-active { background:#eaf5fc!important; color:var(--header-blue)!important; }
.waseef-site-header a[id*="logout" i] { margin-left:3px; border:1px solid #d8e4ea; background:#fff; }
.waseef-site-header .navbar-toggle,.waseef-site-header .navbar-toggler { width:42px; height:42px; margin:0 0 0 auto!important; padding:9px!important; border:1px solid #ccdae2!important; border-radius:9px!important; background:#fff!important; }
.waseef-site-header .icon-bar { background:var(--header-blue)!important; }
/* Landing header follows the same shell while retaining public actions. */
.landing-page .landing-header { min-height:70px!important; background:#fff!important; }
.landing-page .landing-nav.waseef-site-header { display:flex; max-width:none!important; align-items:center; margin-bottom:0!important; }
.landing-page .waseef-site-header .landing-brand { display:flex; min-height:48px; align-items:center; }
.landing-page .waseef-site-header .landing-brand img { width:auto!important; max-width:58px!important; height:45px!important; object-fit:contain; }
.landing-page .waseef-site-header .landing-nav-actions { margin-left:auto; }
@media (min-width:768px) {
    .waseef-site-header .navbar-collapse { display:block!important; }
}
@media (max-width:767px) {
    .waseef-site-header { min-height:64px; margin-bottom:16px!important; padding:0 14px!important; }
    .waseef-site-header>.container-fluid { min-height:64px; flex-wrap:wrap; }
    .waseef-site-header .navbar-header { width:100%; min-height:64px; }
    .waseef-site-header .navbar-collapse { width:100%; flex-basis:100%; padding:0 0 12px!important; }
    .waseef-site-header .navbar-nav { display:grid; width:100%; gap:5px; }
    .waseef-site-header .navbar-nav>li>a,.waseef-site-header .nav-link { width:100%; min-height:43px; padding:10px 12px!important; }
    .portal-header-brand__mark { width:34px; height:34px; }
    .landing-page .landing-nav.waseef-site-header { min-height:64px; flex-wrap:nowrap; }
}
/* Unified authenticated application shell */
body.booking-screen,body.chooser-page,body.selection-screen,body.portal-screen,body.booking-detail-page { min-height:100vh; background:#f4f8fb!important; color:#12374e; }
.app-shell-header .app-shell-actions { display:flex; align-items:center; gap:4px; margin-left:auto; }
.app-shell-header .app-shell-actions a { display:flex; min-height:40px; align-items:center; padding:9px 13px; border-radius:9px; color:#29495c; font-size:12px; font-weight:800; text-decoration:none; }
.app-shell-header .app-shell-actions a:hover,.app-shell-header .app-shell-actions a:focus { background:#eef7fd; color:#0067b1; }
@media (max-width:520px) {
    .app-shell-header .portal-header-brand__copy small { display:none; }
    .app-shell-header .app-shell-actions { gap:0; }
    .app-shell-header .app-shell-actions a { padding:9px 8px; font-size:11px; }
}
/* Logo-only brand, including compatibility with older cached header markup */
.waseef-site-header .portal-header-brand__copy{display:none!important}.waseef-site-header .portal-header-brand__mark{width:58px!important;height:48px!important;border-radius:0!important;background:transparent url("../Image/waseef_logo.jpg") center/contain no-repeat!important;color:transparent!important;font-size:0!important;box-shadow:none!important}
/* Waseef blue application header */
.waseef-site-header{min-height:78px;background:#0067b1!important;box-shadow:0 8px 24px rgba(4,45,72,.16)!important}.waseef-site-header>.container-fluid{min-height:78px}.waseef-site-header .portal-header-brand,.waseef-site-header .navbar-brand{min-height:58px!important;padding:4px!important;border-radius:8px;background:#fff!important}.waseef-site-header .portal-header-brand img,.waseef-site-header .navbar-brand img{width:auto!important;max-width:70px!important;height:52px!important}.waseef-site-header .navbar-collapse{justify-content:flex-end}.waseef-site-header .navbar-nav{margin-left:auto!important}.waseef-site-header .navbar-nav>li>a,.waseef-site-header .nav-link,.app-shell-header .app-shell-actions a{color:#fff!important}.waseef-site-header .navbar-nav>li>a:hover,.waseef-site-header .navbar-nav>li>a:focus,.waseef-site-header .nav-link:hover,.waseef-site-header .nav-link:focus,.app-shell-header .app-shell-actions a:hover,.app-shell-header .app-shell-actions a:focus{background:rgba(255,255,255,.15)!important;color:#fff!important}.waseef-site-header .is-active{background:rgba(255,255,255,.18)!important;color:#fff!important}.waseef-site-header a[id*="logout" i]{border-color:rgba(255,255,255,.32);background:transparent}.waseef-site-header .navbar-toggle,.waseef-site-header .navbar-toggler{border-color:rgba(255,255,255,.75)!important;background:#fff!important}.landing-page .landing-nav.waseef-site-header{min-height:90px!important}.landing-page .waseef-site-header .landing-brand{min-height:66px;padding:5px;border-radius:9px;background:#fff}.landing-page .waseef-site-header .landing-brand img{max-width:94px!important;height:64px!important}.landing-page .waseef-site-header .landing-nav-actions{margin-left:auto!important}.landing-page .waseef-site-header .landing-nav-actions a{color:#fff!important}.landing-page .waseef-site-header .landing-nav-actions a:hover{background:rgba(255,255,255,.15)!important;color:#fff!important}
@media(min-width:768px){.waseef-site-header .navbar-collapse{display:flex!important;flex:1;align-items:center}.waseef-site-header .navbar-right,.waseef-site-header .ml-auto{margin-left:auto!important;margin-right:0!important}.app-shell-header .app-shell-actions{margin-left:auto!important}}
@media(max-width:767px){.waseef-site-header{min-height:68px}.waseef-site-header>.container-fluid{min-height:68px}.waseef-site-header .navbar-header{min-height:68px}.waseef-site-header .portal-header-brand,.waseef-site-header .navbar-brand{min-height:50px!important}.waseef-site-header .portal-header-brand img,.waseef-site-header .navbar-brand img{max-width:58px!important;height:44px!important}.landing-page .landing-nav.waseef-site-header{min-height:72px!important}.landing-page .waseef-site-header .landing-brand{min-height:56px}.landing-page .waseef-site-header .landing-brand img{max-width:72px!important;height:52px!important}.waseef-site-header .navbar-collapse{background:#0067b1!important}.waseef-site-header .navbar-nav>li>a,.waseef-site-header .nav-link{color:#fff!important}}