/* Alpha 17 — navigation, archive layouts, filters and wishlist polish */
:root{--mb17-header-h:84px}
html{scroll-padding-top:calc(var(--mb17-header-h) + 18px)}
html body{margin:0!important;padding-top:var(--mb17-header-h)!important}
html body.admin-bar{padding-top:calc(var(--mb17-header-h) + 32px)!important}
html body #makkah-v2-header.makkah-v2-header{
 position:fixed!important;inset-inline:0!important;top:0!important;width:100%!important;height:var(--mb17-header-h)!important;
 z-index:2147483000!important;background:#082b4b!important;display:block!important;visibility:visible!important;opacity:1!important;
 transform:none!important;margin:0!important;padding:0!important;border:0!important;transition:background .25s ease,box-shadow .25s ease!important
}
html body.admin-bar #makkah-v2-header.makkah-v2-header{top:32px!important}
html body #makkah-v2-header .makkah-v2-header-row{height:var(--mb17-header-h)!important;min-height:var(--mb17-header-h)!important;margin:0 auto!important;padding-top:0!important;padding-bottom:0!important;position:relative!important}
html body #makkah-v2-header.is-scrolled{background:rgba(5,35,61,.97)!important;box-shadow:0 12px 34px rgba(2,20,36,.22)!important;backdrop-filter:blur(14px)!important}
html body #makkah-v2-header .makkah-v2-menu>li>a{position:relative!important;color:#fff!important}
html body #makkah-v2-header .makkah-v2-menu>li>a:after{content:"";position:absolute;right:50%;left:50%;bottom:-10px;height:3px;border-radius:999px;background:var(--makkah-gold);transition:.22s ease}
html body #makkah-v2-header .makkah-v2-menu>li.current-menu-item>a,
html body #makkah-v2-header .makkah-v2-menu>li.current_page_item>a,
html body #makkah-v2-header .makkah-v2-menu>li.current-menu-ancestor>a,
html body #makkah-v2-header .makkah-v2-menu>li>a:hover{color:var(--makkah-gold)!important}
html body #makkah-v2-header .makkah-v2-menu>li.current-menu-item>a:after,
html body #makkah-v2-header .makkah-v2-menu>li.current_page_item>a:after,
html body #makkah-v2-header .makkah-v2-menu>li.current-menu-ancestor>a:after,
html body #makkah-v2-header .makkah-v2-menu>li>a:hover:after{right:0;left:0}

/* layout switcher */
.mba-layout-switcher{display:inline-flex;align-items:center;padding:4px;background:#fff;border:1px solid #dce3e9;border-radius:10px;gap:3px}
.mba-layout-switcher button{display:inline-flex;align-items:center;gap:6px;min-height:38px;border:0;background:transparent;color:#647382;border-radius:7px;padding:7px 11px;font:700 12px "Cairo",sans-serif;cursor:pointer}
.mba-layout-switcher button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.mba-layout-switcher button[data-layout="grid"] svg{fill:none;stroke:currentColor}
.mba-layout-switcher button.is-active{background:#0b2a47;color:#fff}
.mba-results-grid.is-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.mba-results-grid.is-grid .mba-hotel-card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-width:0!important}
.mba-results-grid.is-grid .mba-card-media{min-height:225px!important;height:225px!important;order:0}
.mba-results-grid.is-grid .mba-card-content{padding:17px!important;order:1}
.mba-results-grid.is-grid .mba-card-heading h3{font-size:18px!important}
.mba-results-grid.is-grid .mba-excerpt{display:none!important}
.mba-results-grid.is-grid .mba-card-bottom{margin-top:10px!important}

/* filter drawer */
.mba-filter-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(2,20,36,.58);opacity:0;transition:.22s ease;backdrop-filter:blur(2px)}
.mba-filter-backdrop.is-visible{opacity:1}
.mba-filters .mba-filter-header button{width:38px;height:38px;display:none;place-items:center;border:0;border-radius:50%;background:#f1f4f6;color:#0b2a47;font-size:25px;line-height:1;cursor:pointer}

/* wishlist always grid */
.mb14-engagement-page [data-mode="wishlist"] .mba-results-grid,
.mb14-wishlist-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.mb14-engagement-page [data-mode="wishlist"] .mba-hotel-card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;overflow:hidden!important}
.mb14-engagement-page [data-mode="wishlist"] .mba-card-media{height:230px!important;min-height:230px!important}
.mb14-engagement-page [data-mode="wishlist"] .mba-card-content{padding:18px!important}
.mb14-engagement-page [data-mode="wishlist"] .mba-excerpt{display:none!important}
.mb14-empty{min-height:320px;display:grid;place-content:center;justify-items:center;gap:8px}
.mb14-empty .mb17-empty-icon{font-size:50px;line-height:1;color:var(--makkah-gold)}
.mb14-empty h3{margin:0;font-size:25px;color:#0b2a47}.mb14-empty p{margin:0 0 8px}
.mb14-empty a{display:inline-flex;align-items:center;justify-content:center;background:var(--makkah-gold);color:#082b4b!important;text-decoration:none!important;border-radius:9px;padding:12px 20px;font-weight:900}

@media(max-width:1000px){
 .mba-filters .mba-filter-header button{display:grid}
 .mba-filter-backdrop[hidden]{display:none!important}
}
@media(max-width:860px){
 :root{--mb17-header-h:70px}
 html body{padding-top:var(--mb17-header-h)!important}
 html body.admin-bar{padding-top:calc(var(--mb17-header-h) + 46px)!important}
 html body.admin-bar #makkah-v2-header.makkah-v2-header{top:46px!important}
 html body #makkah-v2-header .makkah-v2-header-row{padding-inline:14px!important;justify-content:center!important}
 html body #makkah-v2-header .makkah-v2-brand-wrap{position:absolute!important;left:14px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
 html body #makkah-v2-header .makkah-v2-menu-toggle{position:absolute!important;right:14px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;display:flex!important}
 html body #makkah-v2-header .makkah-v2-actions{position:static!important;margin:0!important}
 .mba-layout-switcher span{display:none}.mba-layout-switcher button{padding:7px 9px}
 .mba-results-grid,.mba-results-grid.is-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .mba-results-grid .mba-hotel-card,.mba-results-grid.is-grid .mba-hotel-card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;border-radius:12px!important;min-width:0!important}
 .mba-results-grid .mba-card-media,.mba-results-grid.is-grid .mba-card-media{height:150px!important;min-height:150px!important}
 .mba-results-grid .mba-card-content,.mba-results-grid.is-grid .mba-card-content{padding:11px!important}
 .mba-results-grid .mba-card-heading{display:block!important}.mba-results-grid .mba-card-heading h3{font-size:15px!important;line-height:1.45!important;margin-bottom:5px!important}
 .mba-results-grid .mba-card-heading p{font-size:10px!important}.mba-results-grid .mba-score{position:absolute;top:10px;left:10px;min-width:43px;padding:5px 6px;z-index:3}
 .mba-results-grid .mba-stars{font-size:10px!important;margin-top:7px!important}.mba-results-grid .mba-amenities{display:none!important}.mba-results-grid .mba-excerpt{display:none!important}
 .mba-results-grid .mba-card-bottom{display:block!important;padding-top:10px!important}.mba-results-grid .mba-card-price strong{font-size:17px!important}.mba-results-grid .mba-view-hotel{display:flex!important;justify-content:center!important;margin-top:8px!important;padding:8px 7px!important;font-size:11px!important}
 .mba-filter-backdrop{display:block}
 .mba-filters{box-shadow:-20px 0 50px rgba(2,20,36,.2)!important}
 .mb14-engagement-page [data-mode="wishlist"] .mba-results-grid,.mb14-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .mb14-engagement-page [data-mode="wishlist"] .mba-card-media{height:155px!important;min-height:155px!important}
}
@media(max-width:480px){
 html body #makkah-v2-header .makkah-v2-brand-wrap img{max-height:48px!important;width:auto!important}
 .mba-toolbar-actions{grid-template-columns:auto auto 1fr!important;gap:7px!important}
 .mba-toolbar-actions label{min-width:0!important}.mba-toolbar-actions label select{max-width:115px!important}
}

html.mba-filters-open,body.mba-filters-open{overflow:hidden!important}
@media(max-width:782px){html body.admin-bar #makkah-v2-header.makkah-v2-header{top:46px!important}}