/* Alpha 25 — mobile typography + premium featured carousel controls. */
html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}

/* Featured carousel controls use the theme navy, never the legacy green. */
.mb5-arrow{
  background:#0b2f50!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 28px rgba(7,38,66,.22)!important;
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important;
}
.mb5-arrow:hover{background:#d9ad58!important;color:#0b2f50!important;transform:translateY(-50%) scale(1.05)!important}
.mb5-arrow svg{display:block!important;width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}
.mb5-heart{
  background:rgba(11,47,80,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.7)!important;
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  display:grid!important;place-items:center!important;padding:0!important;
  border-radius:50%!important;box-shadow:0 8px 20px rgba(5,29,50,.25)!important;
  z-index:8!important;line-height:1!important;cursor:pointer!important;
  transition:transform .2s ease,background-color .2s ease,color .2s ease!important;
  touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
}
.mb5-heart:hover{transform:scale(1.06)!important;background:#123f69!important}
.mb5-heart svg{width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.mb5-heart.is-active,.mb5-heart.active{background:#d9ad58!important;color:#0b2f50!important;border-color:#d9ad58!important}
.mb5-heart.is-active svg,.mb5-heart.active svg{fill:currentColor!important;stroke:currentColor!important}
.mb5-hotel-image-link{position:absolute!important;inset:0!important;display:block!important;z-index:1!important}
.mb5-hotel-image-link img{width:100%!important;height:100%!important;object-fit:cover!important}
.mb5-badge{z-index:4!important}

/* Theme toast shared by homepage wishlist. */
.mbt25-toast{position:fixed;right:22px;bottom:24px;z-index:999999;background:#0b2f50;color:#fff;border:1px solid rgba(217,173,88,.45);border-radius:14px;box-shadow:0 18px 50px rgba(4,25,44,.28);padding:13px 14px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(15px);transition:.22s ease;font-family:"Cairo",sans-serif}
.mbt25-toast.show{opacity:1;transform:none}.mbt25-toast a{background:#d9ad58;color:#0b2f50!important;border-radius:8px;padding:7px 11px;font-weight:800;text-decoration:none!important}.mbt25-toast button{border:0!important;background:transparent!important;color:#fff!important;padding:0!important;font-size:22px!important;line-height:1!important}

@media(max-width:768px){
  /* Stop browser/legacy theme from magnifying Arabic type on mobile. */
  body,button,input,select,textarea{font-size:14px!important}
  .mbhm-page,.mbhm-page *,.makkah-v2-footer,.makkah-v2-footer *{text-size-adjust:100%!important;-webkit-text-size-adjust:100%!important}
  .mbhm-section-nav{overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important}
  .mbhm-section-nav::-webkit-scrollbar{display:none!important}
  .mbhm-section-nav a{font-size:13px!important;line-height:1.35!important;padding:14px 12px!important;min-width:max-content!important}
  .mbhm-section-title,.mbhm-content-section h2{font-size:24px!important;line-height:1.35!important}
  .mbhm-content-section h3{font-size:18px!important;line-height:1.4!important}
  .mbhm-content-section p,.mbhm-content-section li{font-size:13px!important;line-height:1.75!important}
  .mbhm-amenity-card strong,.mbhm-policy-card strong{font-size:13px!important}
  .mbhm-amenity-card span,.mbhm-policy-card span{font-size:11px!important}

  #makkah-v2-footer .makkah-v2-footer-brand p{font-size:11px!important;line-height:1.7!important}
  #makkah-v2-footer h3{font-size:14px!important;line-height:1.35!important}
  #makkah-v2-footer .makkah-v2-footer-links a{font-size:11px!important;line-height:1.55!important}
  #makkah-v2-footer .makkah-v2-footer-contact small{font-size:9px!important}
  #makkah-v2-footer .makkah-v2-footer-contact a,#makkah-v2-footer .makkah-v2-footer-contact span{font-size:11px!important;line-height:1.55!important}

  .mb5-featured{padding-top:38px!important}
  .mb5-heading span{font-size:11px!important}
  .mb5-heading h2{font-size:26px!important;line-height:1.25!important;margin:5px 0 4px!important}
  .mb5-heading p{font-size:12px!important;line-height:1.65!important}
  .mb5-track{gap:10px!important;padding:6px 2px 14px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .mb5-track::-webkit-scrollbar{display:none!important}
  .mb5-hotel-card{flex:0 0 calc(72vw)!important;max-width:300px!important;border-radius:12px!important}
  .mb5-hotel-image{height:175px!important}
  .mb5-hotel-body{padding:12px!important}
  .mb5-hotel-body h3{font-size:15px!important;line-height:1.45!important;margin-bottom:5px!important}
  .mb5-hotel-body>p{font-size:10.5px!important;line-height:1.55!important;margin-bottom:8px!important}
  .mb5-rating{font-size:10px!important;gap:5px!important}
  .mb5-price{margin:9px 0!important}
  .mb5-price small{font-size:10px!important}.mb5-price strong{font-size:16px!important}.mb5-price em{font-size:8.5px!important}
  .mb5-details{height:38px!important;font-size:12px!important}
  .mb5-badge{font-size:9px!important;padding:5px 8px!important;top:9px!important;right:9px!important}
  .mb5-heart{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;top:9px!important;left:9px!important}
  .mb5-heart svg{width:19px!important;height:19px!important}
  .mb5-arrow{width:38px!important;height:38px!important;top:44%!important}
  .mb5-prev{right:-4px!important}.mb5-next{left:-4px!important}
  .mb5-arrow svg{width:16px!important;height:16px!important}
  .mbt25-toast{right:12px;left:12px;bottom:82px;justify-content:center;font-size:12px;padding:11px}
}
@media(max-width:430px){
  .mb5-hotel-card{flex-basis:78vw!important;max-width:285px!important}
  .mbhm-section-nav a{font-size:12px!important;padding-inline:10px!important}
}