/* Makkah Booking — premium single post layout. */
body.mbb-blog-single-active{background:var(--mbb-bg);color:var(--mbb-navy)}
body.mbb-blog-single-active #page,body.mbb-blog-single-active #content{width:100%;max-width:none;margin:0;padding:0;background:transparent}
.mbb-single-page{font-family:"Cairo",sans-serif;background:var(--mbb-bg);color:var(--mbb-navy);padding-bottom:12px}
.mbb-single-page *{box-sizing:border-box}
.mbb-single-page a{text-decoration:none}
.mbb-single-page svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mbb-single-hero{position:relative;min-height:500px;color:#fff;display:flex;align-items:flex-end;background-image:linear-gradient(180deg,rgba(6,24,40,.18) 0%,rgba(6,24,40,.46) 38%,rgba(4,22,39,.9) 100%),var(--mbb-single-image);background-size:cover;background-position:center center;overflow:hidden}
.mbb-single-hero__overlay{position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(217,168,78,.12),transparent 30%)}
.mbb-single-hero__inner{position:relative;z-index:2;padding:118px 0 54px;display:flex;flex-direction:column;align-items:flex-start}
.mbb-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px;color:rgba(255,255,255,.86);font-size:12px}
.mbb-breadcrumbs__item a,.mbb-breadcrumbs__item strong{display:inline-flex;align-items:center;gap:6px;color:inherit;max-width:100%}
.mbb-breadcrumbs__item a:hover{color:#fff}
.mbb-breadcrumbs__item i{display:inline-flex;color:var(--mbb-gold)}
.mbb-breadcrumbs__sep{display:inline-flex;opacity:.72}
.mbb-breadcrumbs__sep svg{width:13px;height:13px}
.mbb-single-hero__badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#e3b65c,#c99232);color:#fff;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(114,74,11,.25);margin-bottom:16px}
.mbb-single-hero h1{max-width:min(900px,88%);margin:0 0 16px;font-size:clamp(34px,4vw,58px);line-height:1.34;font-weight:800;color:#fff;letter-spacing:-1px}
.mbb-single-hero__excerpt{max-width:min(760px,88%);margin:0 0 22px;color:rgba(255,255,255,.88);font-size:16px;line-height:2}
.mbb-single-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;color:#fff;font-size:12px}
.mbb-single-meta span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.mbb-single-meta svg{width:15px;height:15px;color:var(--mbb-gold)}
.mbb-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start;padding:42px 0 48px;direction:ltr}
.mbb-single-layout--full{grid-template-columns:1fr}
.mbb-single-article{position:relative;direction:rtl;min-width:0}
.mbb-single-content-wrap{position:relative;min-width:0;max-width:var(--mbb-single-content-width)}
.mbb-single-layout--full .mbb-single-content-wrap{max-width:min(100%,var(--mbb-single-content-width))}
.mbb-single-sidebar{direction:rtl;top:105px}
.mbb-single-content-card{background:#fff;border:1px solid #e5e9ed;border-radius:18px;padding:30px 34px;box-shadow:0 12px 32px rgba(8,41,68,.06)}
.mbb-single-content{font-size:16px;line-height:2;color:#2e4357}
.mbb-single-content>:first-child{margin-top:0}
.mbb-single-content h2,.mbb-single-content h3,.mbb-single-content h4{color:#102a43;line-height:1.55;font-weight:800;scroll-margin-top:110px}
.mbb-single-content h2{font-size:29px;margin:34px 0 16px;padding-bottom:12px;border-bottom:1px solid #edf1f4}
.mbb-single-content h3{font-size:23px;margin:28px 0 13px}
.mbb-single-content h4{font-size:20px;margin:22px 0 10px}
.mbb-single-content p{margin:0 0 18px}
.mbb-single-content ul,.mbb-single-content ol{padding:0 22px 0 0;margin:0 0 22px}
.mbb-single-content li{margin-bottom:8px}
.mbb-single-content img{max-width:100%;height:auto;border-radius:12px;margin:8px auto 18px;display:block}
.mbb-single-content blockquote{margin:28px 0;padding:20px 22px;border-right:4px solid var(--mbb-gold);background:#f8fbfd;border-radius:14px;color:#16344c;font-size:18px;font-weight:700}
.mbb-single-content table{width:100%;border-collapse:collapse;margin:24px 0;overflow:hidden;border-radius:12px;border:1px solid #edf1f4}
.mbb-single-content th,.mbb-single-content td{padding:12px 14px;border-bottom:1px solid #edf1f4;text-align:right}
.mbb-single-content th{background:#f7fafc;color:#102a43;font-weight:800}
.mbb-inline-toc,.mbb-single-toc-card{margin-bottom:18px;overflow:hidden;border-radius:12px;background:#fff;border:1px solid #e5e9ed;box-shadow:0 6px 18px rgba(8,41,68,.05)}
.mbb-toc-list{list-style:none;margin:0;padding:12px 14px 14px}
.mbb-toc-list li+li{border-top:1px solid #edf1f4}
.mbb-toc-list a{display:block;padding:10px 2px;color:#264055;font-size:13px;line-height:1.7;transition:.2s}
.mbb-toc-list a:hover{color:#bb8226;padding-right:6px}
.mbb-toc-list li.level-h3 a{padding-right:18px;font-size:12px;color:#607283}
.mbb-single-tags{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-top:24px;margin-top:24px;border-top:1px solid #edf1f4}
.mbb-single-tags strong{display:inline-flex;align-items:center;gap:7px;color:#17354e;font-size:15px}
.mbb-single-tags__list{display:flex;flex-wrap:wrap;gap:10px}
.mbb-single-tags__list a{display:inline-flex;align-items:center;min-height:35px;padding:0 14px;border-radius:999px;background:#f4f8fb;border:1px solid #e0e6eb;color:#4a6073;font-size:12px}
.mbb-single-tags__list a:hover{background:var(--mbb-navy);color:#fff;border-color:var(--mbb-navy)}
.mbb-single-floating-share{position:absolute;top:20px;right:calc(100% + 18px);width:48px;display:grid;gap:10px;z-index:3}
.mbb-share-chip{width:48px;height:48px;border-radius:14px;background:#fff;border:1px solid #e2e7eb;box-shadow:0 10px 18px rgba(8,41,68,.07);display:grid;place-items:center;color:#20394d;padding:0;cursor:pointer;transition:.22s;position:relative}
.mbb-share-chip span{position:absolute;right:58px;top:50%;transform:translateY(-50%);white-space:nowrap;opacity:0;pointer-events:none;background:#0d2743;color:#fff;padding:8px 11px;border-radius:8px;font-size:11px;transition:.18s}
.mbb-share-chip:hover{background:var(--mbb-navy);color:#fff;border-color:var(--mbb-navy)}
.mbb-share-chip:hover span{opacity:1;right:56px}
.mbb-share-chip svg{width:18px;height:18px}
.mbb-single-share-box{margin-top:18px;overflow:hidden}
.mbb-single-share-box__inner{display:flex;gap:12px;flex-wrap:wrap;padding:18px}
.mbb-share-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:#f4f8fb;border:1px solid #dee5eb;color:#234055;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:.2s}
.mbb-share-button:hover{background:var(--mbb-navy);color:#fff;border-color:var(--mbb-navy)}
.mbb-author-box{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:center;margin-top:18px;padding:22px;overflow:hidden}
.mbb-author-box__avatar img{display:block;width:88px;height:88px;border-radius:50%;border:4px solid rgba(217,168,78,.2)}
.mbb-author-box__content small{display:block;color:#8c9ba8;font-size:11px;margin-bottom:4px}
.mbb-author-box__content h2{font-size:24px;line-height:1.4;margin:0 0 9px;color:#102a43}
.mbb-author-box__content p{font-size:13px;line-height:1.95;color:#637487;margin:0}
.mbb-author-box__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #edf1f4}
.mbb-author-box__meta span{display:inline-flex;align-items:center;gap:6px;color:#4d6174;font-size:12px}
.mbb-author-box__meta a{color:#bf8527;font-size:12px;font-weight:800}
.mbb-post-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.mbb-post-navigation__card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;background:#fff;border:1px solid #e5e9ed;box-shadow:0 6px 18px rgba(8,41,68,.05);color:#17354e;transition:.2s}
.mbb-post-navigation__card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(8,41,68,.08)}
.mbb-post-navigation__card small{color:#9aa6b2;font-size:11px}.mbb-post-navigation__card strong{font-size:15px;line-height:1.7;color:inherit}
.mbb-post-navigation__card.is-next{text-align:right}.mbb-post-navigation__card.is-prev{text-align:left}
.mbb-single-comments{margin-top:18px;padding:24px}
.mbb-single-comments .comments-area{margin:0}
.mbb-single-comments .comments-title,.mbb-single-comments .comment-reply-title{font-size:22px;line-height:1.4;color:#102a43;margin:0 0 16px;font-weight:800}
.mbb-single-comments .comment-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.mbb-single-comments .comment{background:#f9fbfd;border:1px solid #ecf1f4;border-radius:14px;padding:16px}
.mbb-single-comments .comment-author{display:flex;align-items:center;gap:10px}.mbb-single-comments .comment-author img{border-radius:50%}
.mbb-single-comments .comment-meta{font-size:12px;color:#7f8d98;margin:8px 0}
.mbb-single-comments .comment-content{font-size:14px;line-height:1.9;color:#374b5e}
.mbb-single-comments .comment-form{display:grid;gap:12px}.mbb-single-comments .comment-form input,.mbb-single-comments .comment-form textarea{width:100%;border:1px solid #dce4ea!important;border-radius:10px!important;background:#fff!important;padding:12px 14px!important;font-family:inherit;box-shadow:none!important}.mbb-single-comments .comment-form textarea{min-height:150px}
.mbb-single-comments .submit{min-height:46px;border:0;border-radius:10px;background:linear-gradient(135deg,#e2b457,#c99131);color:#fff;font-family:inherit;font-size:13px;font-weight:800;padding:0 18px;cursor:pointer}
.mbb-single-related{padding-bottom:26px}
.mbb-latest-grid--related{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1240px){
 .mbb-single-floating-share{position:static;width:auto;display:flex;flex-wrap:wrap;margin:0 0 16px}.mbb-share-chip{width:auto;height:44px;padding:0 14px 0 12px;display:inline-flex;gap:8px}.mbb-share-chip span{position:static;opacity:1;background:none;color:inherit;padding:0;transform:none;pointer-events:auto}
}
@media(max-width:1040px){
 .mbb-single-layout{grid-template-columns:minmax(0,1fr) 275px;gap:28px}.mbb-latest-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
 .mbb-single-hero{min-height:430px}.mbb-single-hero__inner{padding:106px 0 44px}.mbb-single-layout{grid-template-columns:1fr;gap:24px;padding-top:34px}.mbb-single-content-wrap{max-width:100%}.mbb-single-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mbb-single-toc-card,.mbb-sidebar-search,.mbb-newsletter{grid-column:1/-1}.mbb-single-comments{padding:20px}
}
@media(max-width:700px){
 .mbb-single-hero{min-height:390px;background-position:center}.mbb-single-hero__inner{padding:96px 0 34px}.mbb-single-hero h1{max-width:100%;font-size:32px}.mbb-single-hero__excerpt{max-width:100%;font-size:14px;line-height:1.9}.mbb-single-meta{gap:9px}.mbb-single-meta span{font-size:10.5px;padding:7px 10px}.mbb-single-content-card{padding:22px 18px}.mbb-single-content{font-size:15px}.mbb-single-content h2{font-size:24px}.mbb-single-content h3{font-size:21px}.mbb-author-box{grid-template-columns:1fr;text-align:center}.mbb-author-box__avatar{margin-inline:auto}.mbb-author-box__meta{justify-content:center}.mbb-post-navigation{grid-template-columns:1fr}.mbb-post-navigation__card.is-prev{text-align:right}.mbb-single-sidebar{grid-template-columns:1fr}.mbb-single-share-box__inner{display:grid}.mbb-latest-grid--related{grid-template-columns:1fr}
}
@media(max-width:480px){
 .mbb-breadcrumbs{font-size:11px}.mbb-single-hero h1{font-size:28px}.mbb-single-content blockquote{font-size:16px;padding:18px}.mbb-single-tags{flex-direction:column;align-items:stretch}.mbb-single-tags__list{gap:8px}.mbb-single-comments{padding:16px}
}
@media(prefers-reduced-motion:reduce){.mbb-share-chip,.mbb-post-navigation__card,.mbb-share-button{transition:none}}

/* Alpha 46 emergency layout fix: isolate the single-post grid from archive grid-area rules. */
body.mbb-blog-single-active .mbb-single-layout{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 300px!important;
 grid-template-areas:"article sidebar"!important;
 align-items:start!important;
 direction:ltr!important;
 width:min(1210px,calc(100% - 40px))!important;
 max-width:1210px!important;
 margin-inline:auto!important;
}
body.mbb-blog-single-active .mbb-single-layout>.mbb-single-article{
 grid-area:article!important;
 direction:rtl!important;
 float:none!important;
 clear:none!important;
 width:auto!important;
 max-width:none!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
}
body.mbb-blog-single-active .mbb-single-layout>.mbb-single-sidebar{
 grid-area:sidebar!important;
 direction:rtl!important;
 float:none!important;
 clear:none!important;
 width:auto!important;
 max-width:none!important;
 min-width:0!important;
 margin:0!important;
}
body.mbb-blog-single-active .mbb-single-content-wrap{
 width:100%!important;
 max-width:var(--mbb-single-content-width,760px)!important;
 margin-inline:auto!important;
 min-width:0!important;
}
body.mbb-blog-single-active .mbb-single-content-card,
body.mbb-blog-single-active .mbb-single-share-box,
body.mbb-blog-single-active .mbb-author-box,
body.mbb-blog-single-active .mbb-post-navigation,
body.mbb-blog-single-active .mbb-single-comments{
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
}
body.mbb-blog-single-active .mbb-single-content,
body.mbb-blog-single-active .mbb-single-content>*{
 max-width:100%!important;
 overflow-wrap:anywhere;
 word-break:normal;
}
body.mbb-blog-single-active .mbb-single-content iframe,
body.mbb-blog-single-active .mbb-single-content video,
body.mbb-blog-single-active .mbb-single-content embed,
body.mbb-blog-single-active .mbb-single-content object{
 display:block;
 width:100%!important;
 max-width:100%!important;
}
body.mbb-blog-single-active .mbb-single-content figure,
body.mbb-blog-single-active .mbb-single-content .wp-block-image{
 width:auto!important;
 max-width:100%!important;
 margin-inline:auto!important;
}
body.mbb-blog-single-active .mbb-single-content .alignwide,
body.mbb-blog-single-active .mbb-single-content .alignfull{
 width:100%!important;
 max-width:100%!important;
 margin-inline:0!important;
}
body.mbb-blog-single-active .mbb-single-layout--full{
 grid-template-columns:minmax(0,1fr)!important;
 grid-template-areas:"article"!important;
}
@media(max-width:920px){
 body.mbb-blog-single-active .mbb-single-layout{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"article" "sidebar"!important;
  width:min(100% - 28px,1210px)!important;
 }
 body.mbb-blog-single-active .mbb-single-content-wrap{max-width:100%!important}
}
@media(max-width:480px){
 body.mbb-blog-single-active .mbb-single-layout{width:min(100% - 20px,1210px)!important}
}