/* Alpha 35 — definitive global header tools + hotel search */
:root{--mb35-navy:#0b2f50;--mb35-navy-deep:#07243d;--mb35-gold:#dfb04e;--mb35-line:rgba(255,255,255,.22)}

/* Header tools: isolated from button/plugin styles on every template */
html body #makkah-v2-header .makkah-v2-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;
  min-width:max-content!important;position:relative!important;z-index:4!important;
}
html body #makkah-v2-header .makkah-v2-actions>a.mb30-header-icon,
html body #makkah-v2-header .makkah-v2-actions>button.mb30-header-icon{
  appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;
  width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;flex:0 0 42px!important;
  margin:0!important;padding:0!important;border:1px solid var(--mb35-line)!important;border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;background-image:none!important;color:#fff!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  line-height:1!important;font-size:0!important;text-indent:0!important;overflow:visible!important;
  box-shadow:none!important;cursor:pointer!important;text-decoration:none!important;transform:none!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;
}
html body #makkah-v2-header .makkah-v2-actions>a.mb30-header-icon:hover,
html body #makkah-v2-header .makkah-v2-actions>button.mb30-header-icon:hover,
html body #makkah-v2-header .makkah-v2-actions>a.mb30-header-icon:focus-visible,
html body #makkah-v2-header .makkah-v2-actions>button.mb30-header-icon:focus-visible{
  background:var(--mb35-gold)!important;border-color:var(--mb35-gold)!important;color:var(--mb35-navy-deep)!important;
  transform:translateY(-2px)!important;outline:2px solid rgba(223,176,78,.28)!important;outline-offset:2px!important;
}
html body #makkah-v2-header .makkah-v2-actions .mb30-header-icon svg{
  display:block!important;width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;
  margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important;overflow:visible!important;
}
html body #makkah-v2-header .mb30-icon-count{
  position:absolute!important;top:-7px!important;inset-inline-end:-6px!important;display:grid!important;place-items:center!important;
  min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;background:var(--mb35-gold)!important;
  color:var(--mb35-navy-deep)!important;border:2px solid var(--mb35-navy)!important;font:800 10px/1 Cairo,sans-serif!important;
  text-indent:0!important;z-index:3!important;
}
html body #makkah-v2-header .mb30-icon-count[hidden]{display:none!important}

/* Modal is a BODY sibling, never clipped by the header */
html body>#mb30-hotel-search.mb30-search-panel[hidden]{display:none!important}
html body>#mb30-hotel-search.mb30-search-panel:not([hidden]){
  position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;align-items:flex-start!important;
  justify-content:center!important;padding:clamp(90px,13vh,150px) 18px 30px!important;overflow:auto!important;direction:rtl!important;
}
html body.mb35-search-open{overflow:hidden!important}
html body>#mb30-hotel-search .mb30-search-backdrop{
  position:fixed!important;inset:0!important;background:rgba(3,22,38,.78)!important;backdrop-filter:blur(8px)!important;
}
html body>#mb30-hotel-search .mb30-search-card{
  position:relative!important;z-index:2!important;width:min(780px,100%)!important;margin:0!important;padding:36px!important;
  background:#fff!important;color:var(--mb35-navy-deep)!important;border:1px solid rgba(223,176,78,.25)!important;
  border-radius:24px!important;box-shadow:0 34px 90px rgba(0,0,0,.28)!important;font-family:Cairo,sans-serif!important;
}
html body>#mb30-hotel-search .mb30-search-close{
  position:absolute!important;top:18px!important;inset-inline-start:18px!important;width:44px!important;height:44px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid #dfe8ef!important;border-radius:50%!important;background:#f5f8fa!important;
  color:var(--mb35-navy-deep)!important;font:500 28px/1 Arial,sans-serif!important;cursor:pointer!important;
}
html body>#mb30-hotel-search .mb30-search-icon{width:58px!important;height:58px!important;margin:0 0 18px!important;border-radius:18px!important;background:#eef4f7!important;display:grid!important;place-items:center!important;color:var(--mb35-navy)!important}
html body>#mb30-hotel-search .mb30-search-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
html body>#mb30-hotel-search .mb30-search-copy small{display:block!important;color:#c89532!important;font-weight:800!important;margin-bottom:8px!important}
html body>#mb30-hotel-search .mb30-search-copy h2{margin:0 0 22px!important;color:var(--mb35-navy-deep)!important;font-size:clamp(25px,3.1vw,40px)!important;line-height:1.3!important}
html body>#mb30-hotel-search .mb30-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;margin:0!important}
html body>#mb30-hotel-search .mb32-search-field-wrap{position:relative!important;min-width:0!important}
html body>#mb30-hotel-search input[type=search]{box-sizing:border-box!important;width:100%!important;height:58px!important;margin:0!important;padding:0 18px!important;border:1px solid #d7e1e8!important;border-radius:13px!important;background:#fff!important;color:#102f4a!important;font:600 16px Cairo,sans-serif!important;outline:none!important}
html body>#mb30-hotel-search input[type=search]:focus{border-color:var(--mb35-gold)!important;box-shadow:0 0 0 3px rgba(223,176,78,.18)!important}
html body>#mb30-hotel-search .mb30-search-form>button{height:58px!important;min-width:132px!important;padding:0 24px!important;border:0!important;border-radius:13px!important;background:var(--mb35-gold)!important;color:var(--mb35-navy-deep)!important;font:800 16px Cairo,sans-serif!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important}
html body>#mb30-hotel-search .mb30-search-form>button svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
html body>#mb30-hotel-search .mb30-search-hint{margin:14px 0 0!important;color:#77899a!important;font-size:13px!important}
html body>#mb30-hotel-search .mb32-hotel-suggestions{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:0!important;z-index:20!important;background:#fff!important;border:1px solid #dfe7ed!important;border-radius:14px!important;box-shadow:0 20px 45px rgba(6,36,60,.18)!important;padding:7px!important;max-height:300px!important;overflow:auto!important}
html body>#mb30-hotel-search .mb32-hotel-suggestions[hidden]{display:none!important}
html body>#mb30-hotel-search .mb32-suggestion{display:flex!important;align-items:center!important;gap:12px!important;padding:9px!important;border-radius:10px!important;color:var(--mb35-navy-deep)!important;text-decoration:none!important}
html body>#mb30-hotel-search .mb32-suggestion:hover{background:#f2f6f8!important}
html body>#mb30-hotel-search .mb32-suggestion img{width:58px!important;height:48px!important;object-fit:cover!important;border-radius:9px!important;flex:0 0 58px!important}
html body>#mb30-hotel-search .mb32-suggestion strong,html body>#mb30-hotel-search .mb32-suggestion small{display:block!important}
html body>#mb30-hotel-search .mb32-suggestion small{color:#7c8c99!important;font-size:11px!important;margin-top:2px!important}
html body>#mb30-hotel-search .mb32-suggestion-empty{padding:16px!important;text-align:center!important;color:#728393!important}

@media(max-width:900px){
  html body #makkah-v2-header .makkah-v2-header-row{display:flex!important;direction:ltr!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 12px!important}
  html body #makkah-v2-header .makkah-v2-brand-wrap{order:1!important;flex:0 0 auto!important;min-width:42px!important;display:flex!important;justify-content:flex-start!important}
  html body #makkah-v2-header .makkah-v2-actions{order:2!important;flex:1 1 auto!important;display:flex!important;direction:ltr!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important}
  html body #makkah-v2-header .makkah-v2-actions>a.mb30-header-icon,
  html body #makkah-v2-header .makkah-v2-actions>button.mb30-header-icon{display:inline-flex!important;width:37px!important;height:37px!important;min-width:37px!important;max-width:37px!important;flex-basis:37px!important;border-radius:10px!important}
  html body #makkah-v2-header .makkah-v2-actions .mb30-header-icon svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important}
  html body #makkah-v2-header .makkah-v2-actions .makkah-v2-cta{display:none!important}
  html body #makkah-v2-header .makkah-v2-menu-toggle{order:10!important;display:flex!important;position:static!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin-inline-start:2px!important}
  html body>#mb30-hotel-search.mb30-search-panel:not([hidden]){padding:82px 10px 20px!important}
  html body>#mb30-hotel-search .mb30-search-card{padding:26px 16px 18px!important;border-radius:18px!important}
  html body>#mb30-hotel-search .mb30-search-close{top:12px!important;inset-inline-start:12px!important;width:38px!important;height:38px!important;font-size:24px!important}
  html body>#mb30-hotel-search .mb30-search-icon{width:48px!important;height:48px!important;border-radius:14px!important;margin-bottom:13px!important}
  html body>#mb30-hotel-search .mb30-search-copy h2{font-size:24px!important;padding-inline-start:42px!important}
  html body>#mb30-hotel-search .mb30-search-form{grid-template-columns:1fr!important}
  html body>#mb30-hotel-search .mb30-search-form>button{width:100%!important;min-width:0!important}
  html body>#mb30-hotel-search .mb32-hotel-suggestions{position:static!important;margin-top:8px!important;box-shadow:none!important;max-height:220px!important}
}
@media(max-width:390px){
  html body #makkah-v2-header .makkah-v2-header-row{padding:0 8px!important;gap:4px!important}
  html body #makkah-v2-header .makkah-v2-actions{gap:4px!important}
  html body #makkah-v2-header .makkah-v2-actions>a.mb30-header-icon,
  html body #makkah-v2-header .makkah-v2-actions>button.mb30-header-icon{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex-basis:34px!important}
  html body #makkah-v2-header .makkah-v2-menu-toggle{width:38px!important;height:38px!important;flex-basis:38px!important}
}