/*
  MR BUS Qatar - COMPLETE FULL CSS FILE
  Purpose: core pages + all generated pages should match the live homepage width/header rhythm.
  Includes:
  1) Full core page .mqc-* styling
  2) Homepage-width alignment for core/all inner pages
  3) Header/logo/top-gap final fixes
  Load this single CSS file AFTER the theme CSS files:
  - mrbus-core.css
  - mrbus-header.css
  - mrbus-footer.css
  - mrbus-homepage.css
*/

:root{--mrqa-blue:#063a67;--mrqa-blue2:#0b75aa;--mrqa-sky:#d9f4ff;--mrqa-red:#9d123f;--mrqa-green:#009b55;--mrqa-ink:#10283d;--mrqa-muted:#5e7082;--mrqa-line:#d8e7ef;--mrqa-soft:#f2f9fd;--mrqa-white:#fff;--mrqa-shadow:0 24px 70px rgba(2,42,76,.16);--mrqa-radius:28px}*{box-sizing:border-box}.mrqa-preview-body{margin:0;background:#eef8fd;color:var(--mrqa-ink);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}.mrqa-topbar{background:linear-gradient(90deg,#eaf9ff,#f8fbff);padding:8px 22px;display:flex;justify-content:space-between;gap:14px;align-items:center;position:sticky;top:0;z-index:50;border-bottom:1px solid #dbeaf2}.mrqa-topbar span,.mrqa-topbar a{background:#fff;border-radius:999px;padding:8px 18px;color:#193957;font-weight:800;text-decoration:none;box-shadow:0 5px 20px rgba(5,45,75,.06)}.mrqa-header{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);padding:18px 28px;border-bottom:5px solid var(--mrqa-red);position:sticky;top:48px;z-index:45}.mrqa-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1480px;margin:auto}.mrqa-brand{display:flex;align-items:center;gap:18px;text-decoration:none}.mrqa-logo-badge{width:82px;height:82px;border-radius:22px;background:linear-gradient(135deg,#fff,#edf8ff);border:1px solid #d3e5ee;display:grid;place-items:center;box-shadow:var(--mrqa-shadow);font-weight:1000;color:var(--mrqa-red)}.mrqa-brand strong{display:block;font-size:38px;letter-spacing:2px;line-height:1;color:var(--mrqa-blue)}.mrqa-brand strong b{color:var(--mrqa-red);margin-left:8px}.mrqa-brand small{display:block;font-size:14px;color:#30516e;font-weight:800;letter-spacing:.04em}.mrqa-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mrqa-nav a{padding:12px 16px;border-radius:999px;text-decoration:none;color:#0e314d;font-weight:900}.mrqa-nav a:hover{background:#e7f6ff}.mrqa-whatsapp{background:var(--mrqa-green)!important;color:#fff!important}.mrqa-page-nav{position:sticky;top:154px;z-index:35;background:rgba(229,247,255,.92);backdrop-filter:blur(12px);padding:12px 20px;border-bottom:1px solid #cde2ec;display:flex;gap:8px;overflow:auto}.mrqa-page-nav a{white-space:nowrap;text-decoration:none;border:1px solid #c6e2ef;background:#fff;border-radius:999px;color:#0d3e65;font-weight:800;padding:8px 14px;font-size:13px}.mqc-page,.mqc-page *{box-sizing:border-box}.mqc-page{--mqc-blue:#063a67;--mqc-blue2:#0b75aa;--mqc-sky:#d9f4ff;--mqc-red:#9d123f;--mqc-green:#009b55;--mqc-ink:#10283d;--mqc-muted:#5e7082;--mqc-line:#d8e7ef;--mqc-soft:#f2f9fd;--mqc-white:#fff;--mqc-shadow:0 24px 70px rgba(2,42,76,.14);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--mqc-ink);line-height:1.68;background:#fff;width:min(1480px,calc(100% - 56px));margin:34px auto;border-radius:36px;overflow:hidden;border:1px solid rgba(216,231,239,.9);box-shadow:var(--mqc-shadow)}.mqc-page p{font-size:17px;color:#41576b;margin:0 0 16px}.mqc-page a{transition:.18s ease}.mqc-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 42px;background:#f4fbff;border-bottom:1px solid #d7ebf3;font-weight:800;color:#6b7d8e}.mqc-breadcrumb a{text-decoration:none;color:#0a4772}.mqc-breadcrumb span{color:#7c8d9d}.mqc-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:40px;align-items:center;padding:64px 42px;background:radial-gradient(circle at top right,rgba(255,255,255,.78),transparent 36%),linear-gradient(122deg,#006699 0%,#0d82b5 48%,#c4ecfb 100%);color:#fff}.mqc-hero-copy>p{color:#eaf9ff;font-weight:650}.mqc-kicker,.mqc-section-head>span{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.82);color:var(--mqc-red);text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:1000}.mqc-kicker:before,.mqc-section-head>span:before{content:'';width:14px;height:14px;border-radius:50%;background:#36b9ea;box-shadow:0 0 0 7px rgba(54,185,234,.18)}.mqc-hero h1{font-size:clamp(38px,5vw,72px);line-height:1.05;margin:22px 0 18px;letter-spacing:.01em;color:#053b68;text-shadow:0 10px 25px rgba(255,255,255,.18)}.mqc-lead{font-size:19px!important;font-weight:800;max-width:860px;color:#f3fbff!important}.mqc-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}.mqc-chip-row span,.mqc-chip-row a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.46);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 22px rgba(0,45,78,.08)}.mqc-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.mqc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;padding:14px 26px;text-decoration:none;font-weight:1000;letter-spacing:.03em}.mqc-btn-primary{background:var(--mqc-red);color:#fff}.mqc-btn-light{background:#fff;color:#073e68}.mqc-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(2,42,76,.14)}.mqc-hero-media{margin:0;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.44);padding:18px;border-radius:30px;box-shadow:var(--mqc-shadow)}.mqc-hero-media img,.mqc-img-card img{display:block;width:100%;height:auto;min-height:260px;object-fit:cover;border-radius:22px;background:linear-gradient(135deg,#dff5ff,#fff)}.mqc-hero-media figcaption{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mqc-hero-media figcaption span{display:inline-flex;background:#fff;color:#063a67;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}.mqc-section{padding:66px 42px;background:#fff;border-top:1px solid rgba(216,231,239,.55)}.mqc-section-soft{background:linear-gradient(180deg,#f3fbff,#fff)}.mqc-section-head{max-width:1120px;margin-bottom:24px}.mqc-section h2,.mqc-final h2{font-size:clamp(28px,3vw,46px);line-height:1.13;margin:16px 0 18px;color:#063a67}.mqc-section-lead{font-size:18px!important;color:#5e7082!important;max-width:980px;font-weight:650}.mqc-copy{max-width:1120px}.mqc-card-grid,.mqc-gallery-grid,.mqc-link-cards,.mqc-faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:26px}.mqc-card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.mqc-card,.mqc-link-cards a,.mqc-faq,.mqc-img-card{border:1px solid #dcecf4;border-radius:24px;padding:24px;background:rgba(255,255,255,.94);box-shadow:0 15px 45px rgba(4,46,82,.08)}.mqc-card h3,.mqc-aside h3{margin:0 0 10px;font-size:22px;color:#063a67}.mqc-link-cards a{display:block;text-decoration:none}.mqc-link-cards strong{display:block;color:#063a67;font-size:18px;margin-bottom:8px;text-transform:none}.mqc-link-cards span{display:block;color:#5e7082;line-height:1.55}.mqc-link-cards a:hover{border-color:#a9d8ec;transform:translateY(-2px)}.mqc-table-wrap{overflow:auto;margin:28px 0;border-radius:24px;border:1px solid #d7eaf3;background:#fff}.mqc-table{width:100%;border-collapse:collapse;background:#fff}.mqc-table caption{caption-side:top}.mqc-table th{background:#063a67;color:#fff;text-align:left;padding:16px;white-space:nowrap}.mqc-table td{padding:15px;border-top:1px solid #e5f1f6;color:#375268;vertical-align:top}.mqc-split-section{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.mqc-aside{background:linear-gradient(135deg,#063a67,#0b75aa);color:#fff;border-radius:28px;padding:28px;box-shadow:var(--mqc-shadow)}.mqc-aside h3{color:#fff}.mqc-aside ul{margin:14px 0 0;padding-left:20px}.mqc-aside li{margin:9px 0}.mqc-tag-grid{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.mqc-tag-grid span{display:inline-flex;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #cfe6f0;color:#06416b;font-weight:900}.mqc-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mqc-img-card{margin:0;padding:14px}.mqc-img-card figcaption{padding:12px 6px 2px;font-weight:900;color:#26475e}.mqc-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mqc-faq summary{font-weight:1000;color:#073e68;cursor:pointer}.mqc-faq p{font-size:15px;margin:12px 0 0}.mqc-final{padding:66px 42px;background:linear-gradient(120deg,#063a67,#0885bb);color:#fff}.mqc-final-box{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:32px;padding:42px;box-shadow:var(--mqc-shadow)}.mqc-final-box h2,.mqc-final-box p{color:#fff!important}.mqc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mrqa-audit-body{font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;background:#f5fbff;color:#16324a}.mrqa-audit-wrap{max-width:1280px;margin:40px auto;padding:0 24px}.mrqa-audit-hero{background:linear-gradient(120deg,#063a67,#0c88bc);color:#fff;border-radius:32px;padding:42px;box-shadow:var(--mrqa-shadow)}.mrqa-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.mrqa-kpi{background:#fff;border:1px solid #dcecf4;border-radius:24px;padding:22px;box-shadow:0 12px 40px rgba(4,46,82,.08)}.mrqa-kpi strong{display:block;font-size:34px;color:#063a67}.mrqa-audit-table{width:100%;border-collapse:collapse;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 12px 40px rgba(4,46,82,.08)}.mrqa-audit-table th{background:#063a67;color:#fff;text-align:left;padding:14px}.mrqa-audit-table td{padding:12px;border-top:1px solid #e4eef4;vertical-align:top}.mrqa-pass{color:#008c4e;font-weight:1000}.mrqa-review{color:#9d123f;font-weight:1000}@media(max-width:1100px){.mqc-page{width:min(100% - 34px,1480px)}.mqc-hero,.mqc-split-section{grid-template-columns:1fr}.mqc-card-grid,.mqc-link-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mqc-gallery-grid,.mqc-faq-grid,.mqc-card-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.mqc-hero-media img{max-height:520px}.mrqa-header-inner{display:grid;grid-template-columns:1fr}.mrqa-nav{justify-content:flex-start}.mrqa-page-nav{top:122px}}@media(max-width:760px){.mrqa-header{top:0}.mrqa-topbar{position:relative;flex-direction:column;align-items:flex-start}.mrqa-page-nav{top:0}.mrqa-nav{display:none}.mrqa-brand strong{font-size:28px}.mqc-page{width:calc(100% - 24px);margin:20px auto;border-radius:26px}.mqc-breadcrumb{padding:14px 18px}.mqc-hero,.mqc-section,.mqc-final{padding:34px 18px}.mqc-hero{gap:26px}.mqc-card-grid,.mqc-gallery-grid,.mqc-link-cards,.mqc-faq-grid,.mqc-card-grid-three{grid-template-columns:1fr}.mqc-hero h1{font-size:38px}.mqc-final-box{padding:26px 18px;border-radius:24px}.mqc-btn{width:100%}.mqc-actions{gap:10px}.mqc-kicker,.mqc-section-head>span{font-size:11px;white-space:normal}}

/* ===== MR BUS QATAR CORE V2: LIVE HOMEPAGE ALIGNMENT PATCH =====
   Purpose: match the live homepage shell/header behavior and prevent
   breadcrumb clipping or left-shifted hero sections inside WordPress. */
:root{
  --mqc-live-shell:min(1480px,calc(100% - 64px));
  --mqc-live-shell-tablet:calc(100% - 44px);
  --mqc-live-shell-mobile:calc(100% - 24px);
}

body .mqc-page,
.mrbus-page-main .mqc-page,
.entry-content .mqc-page,
.wp-site-blocks .mqc-page,
.elementor-widget-container .mqc-page{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:28px 0 74px !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:none !important;
  background:#eef8fd !important;
}

body .mqc-page > .mqc-breadcrumb,
body .mqc-page > .mqc-hero,
body .mqc-page > .mqc-section,
body .mqc-page > .mqc-final{
  width:var(--mqc-live-shell) !important;
  max-width:1480px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body .mqc-page > .mqc-breadcrumb{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  min-height:44px !important;
  margin-top:0 !important;
  margin-bottom:18px !important;
  padding:12px 18px !important;
  line-height:1.45 !important;
  overflow:visible !important;
  border:1px solid #d7ebf3 !important;
  border-radius:16px !important;
  background:#f4fbff !important;
  box-shadow:0 8px 24px rgba(6,58,103,.05) !important;
}

body .mqc-page > .mqc-breadcrumb a,
body .mqc-page > .mqc-breadcrumb span{
  line-height:1.45 !important;
  display:inline-flex !important;
  align-items:center !important;
}

body .mqc-page > .mqc-hero{
  border-radius:36px !important;
  overflow:hidden !important;
  box-shadow:0 24px 70px rgba(2,42,76,.14) !important;
  border:1px solid rgba(255,255,255,.58) !important;
}

body .mqc-page > .mqc-section{
  margin-top:34px !important;
  border-radius:32px !important;
  border:1px solid #d8e7ef !important;
  overflow:visible !important;
  box-shadow:0 18px 52px rgba(4,46,82,.07) !important;
}

body .mqc-page > .mqc-final{
  margin-top:34px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  box-shadow:0 24px 70px rgba(2,42,76,.14) !important;
}

/* Prevent sticky/header/admin-bar overlap when an anchor lands on the page. */
body .mqc-page,
body .mqc-page > .mqc-breadcrumb,
body .mqc-page > .mqc-hero,
body .mqc-page > .mqc-section,
body .mqc-page > .mqc-final{
  scroll-margin-top:190px !important;
}

body.admin-bar .mqc-page{
  padding-top:34px !important;
}

/* Keep the hero visually close to the live homepage while staying readable. */
body .mqc-hero{
  grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr) !important;
  gap:42px !important;
}

body .mqc-hero-copy > p:not(.mqc-lead){
  color:rgba(16,40,61,.78) !important;
  font-weight:650 !important;
}

body .mqc-lead{
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,50,88,.18) !important;
}

body .mqc-hero-media img{
  min-height:430px !important;
  max-height:520px !important;
}

/* Safer preview behavior: the preview header/page-nav remains above the content. */
.mrqa-preview-body .mqc-page{
  padding-top:34px !important;
}

@media(max-width:1100px){
  body .mqc-page > .mqc-breadcrumb,
  body .mqc-page > .mqc-hero,
  body .mqc-page > .mqc-section,
  body .mqc-page > .mqc-final{
    width:var(--mqc-live-shell-tablet) !important;
  }
  body .mqc-hero{
    grid-template-columns:1fr !important;
  }
  body .mqc-hero-media img{
    min-height:320px !important;
  }
}

@media(max-width:680px){
  body .mqc-page{
    padding-top:18px !important;
    padding-bottom:54px !important;
  }
  body .mqc-page > .mqc-breadcrumb,
  body .mqc-page > .mqc-hero,
  body .mqc-page > .mqc-section,
  body .mqc-page > .mqc-final{
    width:var(--mqc-live-shell-mobile) !important;
  }
  body .mqc-page > .mqc-breadcrumb{
    min-height:40px !important;
    padding:10px 14px !important;
    margin-bottom:14px !important;
  }
  body .mqc-page > .mqc-hero,
  body .mqc-page > .mqc-section,
  body .mqc-page > .mqc-final{
    border-radius:24px !important;
  }
  body .mqc-hero-media img{
    min-height:240px !important;
  }
}


/* ===== MR BUS QATAR CORE V3: HOMEPAGE HEADER LOCK =====
   This makes the standalone preview/header match the live homepage header:
   compact logo image, inline MR BUS QATAR wordmark, tagline below, centered
   pill navigation, and right-side Request Quote / WhatsApp buttons. */
:root{
  --mrbus-head-blue:#063a67;
  --mrbus-head-deep:#052846;
  --mrbus-head-red:#9d123f;
  --mrbus-head-green:#009b55;
  --mrbus-head-line:#cfe5f0;
  --mrbus-head-soft:#eef8fd;
  --mrbus-head-shadow:0 18px 50px rgba(2,42,76,.12);
}

body .mrbus-header{
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  background:linear-gradient(110deg,#eaf9ff 0%,#f8fbff 62%,#f6edf3 100%);
  border-bottom:5px solid var(--mrbus-head-red);
  box-shadow:0 10px 36px rgba(3,48,83,.08);
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
}

body.admin-bar .mrbus-header{top:32px;}

body .mrbus-header-shell{
  width:min(1820px,calc(100% - 70px));
  margin:0 auto;
  padding:8px 0 14px;
}

body .mrbus-header-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

body .mrbus-header-top-left,
body .mrbus-header-top-right,
body .mrbus-socials,
body .mrbus-header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

body .mrbus-header-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid #bfe0ee;
  color:#294865;
  text-decoration:none;
  font-weight:900;
  font-size:14px;
  line-height:1;
  box-shadow:0 8px 22px rgba(5,45,75,.05);
}

body .mrbus-socials a{
  width:32px;
  height:32px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #cfe5f0;
  color:#0b75aa;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(5,45,75,.06);
}

body .mrbus-socials svg{
  width:16px;
  height:16px;
  fill:currentColor;
  display:block;
}

body .mrbus-header-main{
  display:grid;
  grid-template-columns:minmax(360px,auto) minmax(520px,1fr) auto;
  gap:18px;
  align-items:center;
}

body .mrbus-brand{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  text-decoration:none;
}

body .mrbus-brand-image-shell{
  flex:0 0 78px;
  width:78px;
  height:78px;
  border-radius:22px;
  display:grid;
  place-items:center;
  padding:6px;
  background:rgba(255,255,255,.92);
  border:1px solid #efcbd6;
  box-shadow:0 14px 30px rgba(6,58,103,.08);
  overflow:hidden;
}

body .mrbus-brand-logo-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

body .mrbus-brand-text{
  display:block;
  min-width:0;
}

body .mrbus-logo-line{
  display:flex;
  align-items:baseline;
  gap:8px;
  white-space:nowrap;
  font-weight:1000;
  line-height:.92;
  letter-spacing:.02em;
  font-size:34px;
}

body .mrbus-blue{color:var(--mrbus-head-blue);}
body .mrbus-red{color:var(--mrbus-head-red);}

body .mrbus-tagline{
  display:block;
  margin-top:7px;
  color:#31516b;
  font-size:13px;
  font-weight:900;
  line-height:1.15;
  letter-spacing:.01em;
}

body .mrbus-mobile-toggle,
body .mrbus-mobile-button{display:none;}

body .mrbus-nav{
  justify-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:50px;
  padding:6px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.74);
  border:1px solid #cbe4f0;
  box-shadow:0 14px 36px rgba(6,58,103,.05) inset;
}

body .mrbus-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  color:#102f4d;
  text-decoration:none;
  font-size:14px;
  font-weight:1000;
  white-space:nowrap;
}

body .mrbus-nav a:hover{
  background:#e6f6ff;
  color:var(--mrbus-head-blue);
}

body .mrbus-header-actions{
  justify-content:flex-end;
  flex-wrap:nowrap;
}

body .mrbus-header-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border-radius:14px;
  text-decoration:none;
  font-weight:1000;
  white-space:nowrap;
  box-shadow:0 14px 30px rgba(6,58,103,.08);
}

body .mrbus-header-btn-secondary{
  background:#fff;
  color:#063a67;
  border:1px solid #cbe4f0;
}

body .mrbus-header-btn-whatsapp{
  background:var(--mrbus-head-green);
  color:#fff;
  border:1px solid rgba(0,126,68,.2);
}

/* preview-only page jump nav sits below the locked homepage-style header */
body .mrqa-page-nav{
  top:154px !important;
  z-index:900 !important;
}

/* When the live theme already has mrbus-header CSS, these rules keep the
   generated core content below it without clipping the breadcrumb. */
body .mqc-page,
body .mqc-page > .mqc-breadcrumb,
body .mqc-page > .mqc-hero,
body .mqc-page > .mqc-section,
body .mqc-page > .mqc-final{
  scroll-margin-top:210px !important;
}

@media(max-width:1320px){
  body .mrbus-header-main{
    grid-template-columns:minmax(300px,auto) 1fr;
  }
  body .mrbus-header-actions{
    grid-column:2;
    justify-self:end;
  }
  body .mrbus-nav{
    justify-content:flex-start;
    overflow-x:auto;
  }
}

@media(max-width:980px){
  body .mrbus-header-shell{width:calc(100% - 34px);}
  body .mrbus-header-top{align-items:flex-start;}
  body .mrbus-header-top-right{display:none;}
  body .mrbus-header-main{grid-template-columns:1fr;gap:14px;}
  body .mrbus-logo-line{font-size:30px;}
  body .mrbus-brand-image-shell{width:68px;height:68px;flex-basis:68px;border-radius:19px;}
  body .mrbus-nav{justify-content:flex-start;overflow-x:auto;border-radius:20px;}
  body .mrbus-header-actions{grid-column:auto;justify-self:start;}
  body .mrqa-page-nav{top:0 !important;position:relative !important;}
}

@media(max-width:640px){
  body .mrbus-header-shell{width:calc(100% - 22px);padding:7px 0 12px;}
  body .mrbus-header-top-left{gap:6px;}
  body .mrbus-header-pill{font-size:12px;padding:7px 10px;}
  body .mrbus-brand{gap:11px;}
  body .mrbus-logo-line{font-size:25px;}
  body .mrbus-tagline{font-size:11px;}
  body .mrbus-brand-image-shell{width:58px;height:58px;flex-basis:58px;border-radius:16px;}
  body .mrbus-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  body .mrbus-header-btn{min-height:42px;padding:10px 12px;font-size:13px;}
}


/* ===== MR BUS QATAR CORE V4: FIXED HEADER TOP-GAP FIX =====
   Problem fixed: when the page is scrolled fully to the top, the header should
   not slide down and leave a large blank area above it. The previous preview
   used sticky behavior; sticky returns to its natural document position at the
   top. This patch locks the header to the viewport and reserves space for it
   below, not above. */
:root{
  --mrbus-fixed-header-height:200px;
  --mrbus-fixed-header-height-tablet:188px;
  --mrbus-fixed-header-height-mobile:116px;
}

html{
  scroll-padding-top:calc(var(--mrbus-fixed-header-height) + 18px);
}

body.mrbus-master-theme,
body.mrqa-preview-body{
  padding-top:var(--mrbus-fixed-header-height) !important;
}

body .mrbus-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  margin:0 !important;
  transform:none !important;
  z-index:99999 !important;
}

body.admin-bar .mrbus-header{
  top:32px !important;
}

body.admin-bar.mrbus-master-theme,
body.admin-bar.mrqa-preview-body{
  padding-top:calc(var(--mrbus-fixed-header-height) + 32px) !important;
}

body .mrbus-header-shell{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body .mrbus-page-main,
body .mrqa-page-nav,
body .mqc-page{
  margin-top:0 !important;
}

body .mrqa-page-nav{
  position:sticky !important;
  top:var(--mrbus-fixed-header-height) !important;
  z-index:900 !important;
}

body.admin-bar .mrqa-page-nav{
  top:calc(var(--mrbus-fixed-header-height) + 32px) !important;
}

body .mqc-page,
body .mqc-page > .mqc-breadcrumb,
body .mqc-page > .mqc-hero,
body .mqc-page > .mqc-section,
body .mqc-page > .mqc-final{
  scroll-margin-top:calc(var(--mrbus-fixed-header-height) + 24px) !important;
}

@media(max-width:1100px){
  html{scroll-padding-top:calc(var(--mrbus-fixed-header-height-tablet) + 18px);}
  body.mrbus-master-theme,
  body.mrqa-preview-body{
    padding-top:var(--mrbus-fixed-header-height-tablet) !important;
  }
  body.admin-bar.mrbus-master-theme,
  body.admin-bar.mrqa-preview-body{
    padding-top:calc(var(--mrbus-fixed-header-height-tablet) + 32px) !important;
  }
  body .mrqa-page-nav{
    top:var(--mrbus-fixed-header-height-tablet) !important;
  }
  body.admin-bar .mrqa-page-nav{
    top:calc(var(--mrbus-fixed-header-height-tablet) + 32px) !important;
  }
  body .mqc-page,
  body .mqc-page > .mqc-breadcrumb,
  body .mqc-page > .mqc-hero,
  body .mqc-page > .mqc-section,
  body .mqc-page > .mqc-final{
    scroll-margin-top:calc(var(--mrbus-fixed-header-height-tablet) + 24px) !important;
  }
}

@media(max-width:782px){
  body.admin-bar .mrbus-header{top:46px !important;}
  body.admin-bar.mrbus-master-theme,
  body.admin-bar.mrqa-preview-body{
    padding-top:calc(var(--mrbus-fixed-header-height-mobile) + 46px) !important;
  }
  body.admin-bar .mrqa-page-nav{
    top:calc(var(--mrbus-fixed-header-height-mobile) + 46px) !important;
  }
}

@media(max-width:760px){
  html{scroll-padding-top:calc(var(--mrbus-fixed-header-height-mobile) + 16px);}
  body.mrbus-master-theme,
  body.mrqa-preview-body{
    padding-top:var(--mrbus-fixed-header-height-mobile) !important;
  }
  body .mrbus-header{
    max-height:none !important;
  }
  body .mrbus-header-shell{
    width:calc(100% - 24px) !important;
    padding:6px 0 10px !important;
  }
  body .mrqa-page-nav{
    top:var(--mrbus-fixed-header-height-mobile) !important;
  }
  body .mqc-page,
  body .mqc-page > .mqc-breadcrumb,
  body .mqc-page > .mqc-hero,
  body .mqc-page > .mqc-section,
  body .mqc-page > .mqc-final{
    scroll-margin-top:calc(var(--mrbus-fixed-header-height-mobile) + 20px) !important;
  }
}


/* ==========================================================
   HOMEPAGE WIDTH ALIGNMENT - FULL INCLUDED SECTION
   ========================================================== */
/*
  MR BUS Qatar - Homepage Width Alignment CSS
  File purpose: use the same width rhythm as the live homepage/header/footer
  for core pages and other generated MR BUS Qatar pages using .mqc-* HTML.

  Important:
  - This CSS intentionally does NOT create a fixed header.
  - Load this CSS AFTER the old core page CSS so these width rules win.
  - It preserves the live homepage shell: wide content, centered, with safe
    desktop/tablet/mobile side margins.
*/

:root{
  --mrbus-qatar-blue:#063a67;
  --mrbus-qatar-blue-2:#0b75aa;
  --mrbus-qatar-sky:#d9f4ff;
  --mrbus-qatar-soft:#f2f9fd;
  --mrbus-qatar-red:#9d123f;
  --mrbus-qatar-green:#009b55;
  --mrbus-qatar-ink:#10283d;
  --mrbus-qatar-muted:#5e7082;
  --mrbus-qatar-line:#d8e7ef;
  --mrbus-qatar-white:#ffffff;
  --mrbus-qatar-shadow:0 24px 70px rgba(2,42,76,.14);

  /* Homepage-style shell width */
  --mrbus-qatar-shell:min(1780px, calc(100% - 84px));
  --mrbus-qatar-shell-small:calc(100% - 48px);
  --mrbus-qatar-shell-mobile:calc(100% - 28px);
}

/* Keep live header normal. This removes the big empty top gap caused by old fixed/sticky preview CSS. */
body .mrbus-header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  margin:0 !important;
  transform:none !important;
}

body.admin-bar .mrbus-header{
  top:auto !important;
}

body .mrbus-header-shell,
body .mrbus-footer-shell,
body .mr-shell{
  width:var(--mrbus-qatar-shell) !important;
  max-width:1780px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body .mrbus-page-main,
body .entry-content,
body .wp-site-blocks,
body .site-main{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Main generated page shell */
body .mqc-page,
body .mqc-page *{
  box-sizing:border-box;
}

body .mqc-page{
  --mqc-blue:var(--mrbus-qatar-blue);
  --mqc-blue-2:var(--mrbus-qatar-blue-2);
  --mqc-sky:var(--mrbus-qatar-sky);
  --mqc-soft:var(--mrbus-qatar-soft);
  --mqc-red:var(--mrbus-qatar-red);
  --mqc-green:var(--mrbus-qatar-green);
  --mqc-ink:var(--mrbus-qatar-ink);
  --mqc-muted:var(--mrbus-qatar-muted);
  --mqc-line:var(--mrbus-qatar-line);
  --mqc-white:var(--mrbus-qatar-white);
  --mqc-shadow:var(--mrbus-qatar-shadow);

  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:20px 0 76px !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:#eef8fd !important;
  color:var(--mqc-ink) !important;
  font-family:Inter, Segoe UI, Roboto, Arial, sans-serif !important;
  line-height:1.68 !important;
  box-shadow:none !important;
}

/* Align every major page block to the same homepage shell. */
body .mqc-page > .mqc-breadcrumb,
body .mqc-page > .mqc-hero,
body .mqc-page > .mqc-section,
body .mqc-page > .mqc-final{
  width:var(--mrbus-qatar-shell) !important;
  max-width:1780px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Breadcrumb: visible, not clipped, and aligned like the homepage shell. */
body .mqc-breadcrumb{
  position:relative !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  min-height:42px !important;
  margin:0 auto 16px !important;
  padding:10px 18px !important;
  line-height:1.45 !important;
  overflow:visible !important;
  border:1px solid #d7ebf3 !important;
  border-radius:16px !important;
  background:#f4fbff !important;
  color:#6b7d8e !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:0 8px 24px rgba(6,58,103,.05) !important;
}

body .mqc-breadcrumb a,
body .mqc-breadcrumb span{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1.45 !important;
  min-height:20px !important;
}

body .mqc-breadcrumb a{
  color:#0a4772 !important;
  text-decoration:none !important;
}

body .mqc-breadcrumb span{
  color:#7c8d9d !important;
}

/* Hero aligned to homepage width */
body .mqc-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.06fr) minmax(440px,.94fr) !important;
  gap:42px !important;
  align-items:center !important;
  margin:0 auto !important;
  padding:64px 42px !important;
  border:1px solid rgba(255,255,255,.58) !important;
  border-radius:36px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.78), transparent 36%),
    linear-gradient(122deg,#006699 0%,#0d82b5 48%,#c4ecfb 100%) !important;
  color:#ffffff !important;
  box-shadow:var(--mqc-shadow) !important;
}

body .mqc-hero-copy{
  min-width:0 !important;
}

body .mqc-kicker,
body .mqc-section-head > span{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  max-width:100% !important;
  padding:9px 18px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.82) !important;
  color:var(--mqc-red) !important;
  text-transform:uppercase !important;
  letter-spacing:.11em !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

body .mqc-kicker:before,
body .mqc-section-head > span:before{
  content:'' !important;
  width:14px !important;
  height:14px !important;
  border-radius:50% !important;
  background:#36b9ea !important;
  box-shadow:0 0 0 7px rgba(54,185,234,.18) !important;
  flex:0 0 auto !important;
}

body .mqc-hero h1{
  margin:22px 0 18px !important;
  color:#053b68 !important;
  font-size:clamp(38px,5vw,72px) !important;
  line-height:1.05 !important;
  letter-spacing:.01em !important;
  text-shadow:0 10px 25px rgba(255,255,255,.18) !important;
}

body .mqc-page p{
  margin:0 0 16px !important;
  color:#41576b !important;
  font-size:17px !important;
}

body .mqc-hero-copy > p{
  max-width:900px !important;
  color:rgba(16,40,61,.78) !important;
  font-weight:650 !important;
}

body .mqc-lead{
  color:#ffffff !important;
  font-size:19px !important;
  font-weight:800 !important;
  line-height:1.72 !important;
  text-shadow:0 2px 14px rgba(0,50,88,.18) !important;
}

body .mqc-chip-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:22px 0 26px !important;
}

body .mqc-chip-row span,
body .mqc-chip-row a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 14px !important;
  border:1px solid rgba(255,255,255,.46) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.22) !important;
  color:#ffffff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:normal !important;
  box-shadow:0 10px 22px rgba(0,45,78,.08) !important;
}

body .mqc-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:24px !important;
}

body .mqc-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  padding:14px 26px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-weight:1000 !important;
  letter-spacing:.03em !important;
}

body .mqc-btn-primary{
  background:var(--mqc-red) !important;
  color:#ffffff !important;
}

body .mqc-btn-light{
  background:#ffffff !important;
  color:#073e68 !important;
}

body .mqc-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 14px 28px rgba(2,42,76,.14) !important;
}

body .mqc-hero-media{
  margin:0 !important;
  padding:18px !important;
  border:1px solid rgba(255,255,255,.44) !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.28) !important;
  box-shadow:var(--mqc-shadow) !important;
}

body .mqc-hero-media img,
body .mqc-img-card img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:430px !important;
  max-height:520px !important;
  object-fit:cover !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#dff5ff,#ffffff) !important;
}

body .mqc-hero-media figcaption{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:12px !important;
}

body .mqc-hero-media figcaption span{
  display:inline-flex !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#063a67 !important;
  font-size:13px !important;
  font-weight:900 !important;
}

/* Sections aligned to homepage width */
body .mqc-section{
  margin-top:34px !important;
  padding:66px 42px !important;
  border:1px solid var(--mqc-line) !important;
  border-radius:32px !important;
  background:#ffffff !important;
  overflow:visible !important;
  box-shadow:0 18px 52px rgba(4,46,82,.07) !important;
}

body .mqc-section-soft{
  background:linear-gradient(180deg,#f3fbff,#ffffff) !important;
}

body .mqc-section-head{
  max-width:1120px !important;
  margin-bottom:24px !important;
}

body .mqc-section h2,
body .mqc-final h2{
  margin:16px 0 18px !important;
  color:#063a67 !important;
  font-size:clamp(28px,3vw,46px) !important;
  line-height:1.13 !important;
}

body .mqc-section-lead{
  max-width:980px !important;
  color:#5e7082 !important;
  font-size:18px !important;
  font-weight:650 !important;
}

body .mqc-copy{
  max-width:1120px !important;
}

body .mqc-card-grid,
body .mqc-gallery-grid,
body .mqc-link-cards,
body .mqc-faq-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
  margin-top:26px !important;
}

body .mqc-card-grid-three{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

body .mqc-card,
body .mqc-card-grid article,
body .mqc-link-cards a,
body .mqc-faq,
body .mqc-img-card{
  padding:24px !important;
  border:1px solid #dcecf4 !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 15px 45px rgba(4,46,82,.08) !important;
}

body .mqc-card h3,
body .mqc-card-grid article h3,
body .mqc-aside h3{
  margin:0 0 10px !important;
  color:#063a67 !important;
  font-size:22px !important;
  line-height:1.25 !important;
}

body .mqc-link-cards a{
  display:block !important;
  color:inherit !important;
  text-decoration:none !important;
}

body .mqc-link-cards strong{
  display:block !important;
  margin-bottom:8px !important;
  color:#063a67 !important;
  font-size:18px !important;
  text-transform:none !important;
}

body .mqc-link-cards span{
  display:block !important;
  color:#5e7082 !important;
  line-height:1.55 !important;
}

body .mqc-link-cards a:hover{
  border-color:#a9d8ec !important;
  transform:translateY(-2px) !important;
}

body .mqc-table-wrap{
  overflow:auto !important;
  margin:28px 0 !important;
  border:1px solid #d7eaf3 !important;
  border-radius:24px !important;
  background:#ffffff !important;
}

body .mqc-table{
  width:100% !important;
  border-collapse:collapse !important;
  background:#ffffff !important;
}

body .mqc-table th{
  padding:16px !important;
  background:#063a67 !important;
  color:#ffffff !important;
  text-align:left !important;
  white-space:nowrap !important;
}

body .mqc-table td{
  padding:15px !important;
  border-top:1px solid #e5f1f6 !important;
  color:#375268 !important;
  vertical-align:top !important;
}

body .mqc-split-section{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 360px !important;
  gap:28px !important;
  align-items:start !important;
}

body .mqc-aside{
  padding:28px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#063a67,#0b75aa) !important;
  color:#ffffff !important;
  box-shadow:var(--mqc-shadow) !important;
}

body .mqc-aside h3{
  color:#ffffff !important;
}

body .mqc-aside ul{
  margin:14px 0 0 !important;
  padding-left:20px !important;
}

body .mqc-aside li{
  margin:9px 0 !important;
}

body .mqc-tag-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:24px 0 !important;
}

body .mqc-tag-grid span{
  display:inline-flex !important;
  padding:10px 14px !important;
  border:1px solid #cfe6f0 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#06416b !important;
  font-weight:900 !important;
}

body .mqc-gallery-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

body .mqc-img-card{
  margin:0 !important;
  padding:14px !important;
}

body .mqc-img-card img{
  min-height:260px !important;
  max-height:none !important;
}

body .mqc-img-card figcaption{
  padding:12px 6px 2px !important;
  color:#26475e !important;
  font-weight:900 !important;
}

body .mqc-faq-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

body .mqc-faq summary{
  cursor:pointer !important;
  color:#073e68 !important;
  font-weight:1000 !important;
}

body .mqc-faq p{
  margin:12px 0 0 !important;
  font-size:15px !important;
}

body .mqc-final{
  margin-top:34px !important;
  padding:66px 42px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background:linear-gradient(120deg,#063a67,#0885bb) !important;
  color:#ffffff !important;
  box-shadow:var(--mqc-shadow) !important;
}

body .mqc-final-box{
  padding:42px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:32px !important;
  background:rgba(255,255,255,.13) !important;
  box-shadow:var(--mqc-shadow) !important;
}

body .mqc-final-box h2,
body .mqc-final-box p{
  color:#ffffff !important;
}

body .mqc-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* Anchor safety without adding visual top gaps. */
body .mqc-page,
body .mqc-page > .mqc-breadcrumb,
body .mqc-page > .mqc-hero,
body .mqc-page > .mqc-section,
body .mqc-page > .mqc-final{
  scroll-margin-top:24px !important;
}

/* Tablet */
@media(max-width:1180px){
  body .mrbus-header-shell,
  body .mrbus-footer-shell,
  body .mr-shell,
  body .mqc-page > .mqc-breadcrumb,
  body .mqc-page > .mqc-hero,
  body .mqc-page > .mqc-section,
  body .mqc-page > .mqc-final{
    width:var(--mrbus-qatar-shell-small) !important;
    max-width:none !important;
  }

  body .mqc-hero,
  body .mqc-split-section{
    grid-template-columns:1fr !important;
  }

  body .mqc-card-grid,
  body .mqc-link-cards,
  body .mqc-card-grid-three{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body .mqc-gallery-grid,
  body .mqc-faq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body .mqc-hero-media img{
    min-height:320px !important;
  }
}

/* Mobile */
@media(max-width:720px){
  body .mrbus-header-shell,
  body .mrbus-footer-shell,
  body .mr-shell,
  body .mqc-page > .mqc-breadcrumb,
  body .mqc-page > .mqc-hero,
  body .mqc-page > .mqc-section,
  body .mqc-page > .mqc-final{
    width:var(--mrbus-qatar-shell-mobile) !important;
    max-width:none !important;
  }

  body .mqc-page{
    padding-top:14px !important;
    padding-bottom:54px !important;
  }

  body .mqc-breadcrumb{
    min-height:40px !important;
    margin-bottom:14px !important;
    padding:10px 14px !important;
    font-size:13px !important;
  }

  body .mqc-hero,
  body .mqc-section,
  body .mqc-final{
    padding:34px 18px !important;
    border-radius:24px !important;
  }

  body .mqc-hero{
    gap:26px !important;
  }

  body .mqc-hero h1{
    font-size:38px !important;
  }

  body .mqc-kicker,
  body .mqc-section-head > span{
    font-size:11px !important;
    white-space:normal !important;
  }

  body .mqc-card-grid,
  body .mqc-gallery-grid,
  body .mqc-link-cards,
  body .mqc-faq-grid,
  body .mqc-card-grid-three{
    grid-template-columns:1fr !important;
  }

  body .mqc-hero-media img{
    min-height:230px !important;
    max-height:360px !important;
  }

  body .mqc-final-box{
    padding:26px 18px !important;
    border-radius:24px !important;
  }

  body .mqc-btn{
    width:100% !important;
  }
}


/* ==========================================================
   FINAL HEADER / LOGO / TOP EMPTY AREA FIX - FULL INCLUDED SECTION
   ========================================================== */
/* MR BUS Qatar - Final header + homepage width fix for core/all inner pages
   Place this CSS AFTER the previous core/page CSS and after the theme header CSS.
   Purpose: remove empty top gap, keep header in homepage flow, and match homepage logo/header width. */

:root{
  --mrbus-home-shell: min(1780px, calc(100vw - 84px));
  --mrbus-home-shell-tablet: min(100% - 44px, 1780px);
  --mrbus-home-shell-mobile: calc(100% - 28px);
  --mrbus-qatar-blue: #063a67;
  --mrbus-qatar-red: #9d123f;
  --mrbus-qatar-green: #009b55;
  --mrbus-qatar-soft: #eef8fd;
  --mrbus-qatar-border: #c8e5f3;
}

/* 1) Remove the big empty space above the header.
   Previous fixed-header CSS added top padding/margins. The homepage header is in normal page flow. */
html,
body,
body.mrbus-master-theme,
body.mrbus-master-home,
body:not(.admin-bar){
  margin-top:0 !important;
  padding-top:0 !important;
  scroll-padding-top:0 !important;
}

body.admin-bar{
  padding-top:0 !important;
}

#page,
.site,
.site-content,
#content,
.mrbus-page-main,
.mrbus-home-main,
.mqc-page,
.mrbus-final-home-96{
  margin-top:0 !important;
}

/* 2) Keep the live header like the homepage: not fixed, not shifted down. */
.mrbus-header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  margin:0 !important;
  width:100% !important;
  z-index:50 !important;
  background:linear-gradient(110deg,#dff5ff 0%,#f5fbff 48%,#f1eef5 100%) !important;
  border-bottom:5px solid var(--mrbus-qatar-red) !important;
  box-shadow:none !important;
}

/* prevent old fixed-header spacer classes from creating blank top area */
.mrbus-header-spacer,
.mqc-header-spacer,
.mrqa-header-spacer{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* 3) Header shell width: same wide homepage feeling. */
.mrbus-header-shell{
  width:var(--mrbus-home-shell) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:10px 0 14px !important;
}

.mrbus-header-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 0 20px !important;
  padding:0 !important;
}

.mrbus-header-top-left{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

.mrbus-header-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
  padding:7px 16px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid var(--mrbus-qatar-border) !important;
  color:#2f4962 !important;
  font-weight:900 !important;
  font-size:14px !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 8px 24px rgba(6,58,103,.06) !important;
}

.mrbus-socials{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:9px !important;
}

.mrbus-socials a{
  width:32px !important;
  height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid var(--mrbus-qatar-border) !important;
  color:#0b75aa !important;
  box-shadow:0 8px 24px rgba(6,58,103,.06) !important;
}

.mrbus-socials svg{
  width:15px !important;
  height:15px !important;
  fill:currentColor !important;
}

.mrbus-header-main{
  display:grid !important;
  grid-template-columns:auto minmax(540px,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
}

/* 4) Logo/brand like homepage: small logo icon + MR BUS QATAR inline + tagline below. */
.mrbus-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  min-width:430px !important;
  width:auto !important;
  max-width:520px !important;
  padding:0 !important;
  margin:0 !important;
  text-decoration:none !important;
}

.mrbus-brand-image-shell{
  width:76px !important;
  height:76px !important;
  min-width:76px !important;
  flex:0 0 76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px !important;
  border-radius:20px !important;
  background:#fff !important;
  border:1px solid #e6b8c7 !important;
  box-shadow:0 10px 28px rgba(6,58,103,.08) !important;
  overflow:hidden !important;
}

.mrbus-brand-logo-image,
.mrbus-brand-image-shell img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  margin:0 !important;
}

.mrbus-brand-text{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.mrbus-logo-line{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:9px !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 !important;
  font-size:32px !important;
  line-height:.92 !important;
  font-weight:1000 !important;
  letter-spacing:-.035em !important;
}

.mrbus-logo-line .mrbus-blue,
.mrbus-logo-line .mrbus-red,
.mrbus-blue,
.mrbus-red{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:1000 !important;
  letter-spacing:inherit !important;
}

.mrbus-blue{color:var(--mrbus-qatar-blue) !important;}
.mrbus-red{color:var(--mrbus-qatar-red) !important;}

.mrbus-tagline{
  display:block !important;
  max-width:none !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 !important;
  color:#30465c !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  letter-spacing:-.015em !important;
}

/* 5) Homepage-style menu and actions. */
.mrbus-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:4px !important;
  width:100% !important;
  min-height:49px !important;
  padding:6px 18px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.74) !important;
  border:1px solid var(--mrbus-qatar-border) !important;
  box-shadow:0 10px 32px rgba(6,58,103,.06) !important;
  overflow:hidden !important;
}

.mrbus-nav a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:35px !important;
  padding:8px 11px !important;
  border-radius:999px !important;
  color:#102d47 !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.mrbus-nav a:hover,
.mrbus-nav a:focus{
  background:#e8f7ff !important;
  color:var(--mrbus-qatar-blue) !important;
}

.mrbus-header-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}

.mrbus-header-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:45px !important;
  padding:13px 18px !important;
  border-radius:15px !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  box-shadow:0 12px 28px rgba(6,58,103,.08) !important;
}

.mrbus-header-btn-secondary{
  background:#fff !important;
  color:#102d47 !important;
  border:1px solid var(--mrbus-qatar-border) !important;
}

.mrbus-header-btn-whatsapp{
  background:var(--mrbus-qatar-green) !important;
  color:#fff !important;
  border:1px solid var(--mrbus-qatar-green) !important;
  box-shadow:0 16px 36px rgba(0,155,85,.2) !important;
}

/* 6) Inner page width same as homepage shell. */
.mqc-page,
.mqc-page .mqc-breadcrumb,
.mqc-page .mqc-hero,
.mqc-page .mqc-section,
.mqc-page .mqc-final,
.mqc-page .mqc-final-box{
  max-width:none !important;
}

.mqc-page{
  width:100% !important;
  margin:0 !important;
  padding:0 0 70px !important;
  background:#eef8fd !important;
  overflow:visible !important;
}

.mqc-breadcrumb,
.mqc-hero,
.mqc-section,
.mqc-final{
  width:var(--mrbus-home-shell) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.mqc-breadcrumb{
  margin-top:20px !important;
  margin-bottom:16px !important;
  min-height:42px !important;
  padding:12px 18px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  overflow:visible !important;
  line-height:1.2 !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.74) !important;
  border:1px solid var(--mrbus-qatar-border) !important;
}

.mqc-hero{
  margin-top:0 !important;
}

/* 7) If any previous CSS made the header fixed, remove resulting page offset. */
body .mqc-page:first-child,
body .mrbus-page-main > .mqc-page:first-child,
body .entry-content > .mqc-page:first-child{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* responsive alignment */
@media (max-width:1400px){
  .mrbus-header-main{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .mrbus-brand{
    min-width:0 !important;
    max-width:none !important;
  }
  .mrbus-nav{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }
  .mrbus-nav::-webkit-scrollbar{display:none !important;}
  .mrbus-header-actions{
    justify-content:flex-start !important;
  }
}

@media (max-width:1100px){
  .mrbus-header-shell,
  .mqc-breadcrumb,
  .mqc-hero,
  .mqc-section,
  .mqc-final{
    width:var(--mrbus-home-shell-tablet) !important;
  }
  .mrbus-header-top{
    align-items:flex-start !important;
  }
  .mrbus-logo-line{font-size:30px !important;}
}

@media (max-width:782px){
  body.admin-bar .mrbus-header{
    top:auto !important;
  }
}

@media (max-width:680px){
  .mrbus-header-shell,
  .mqc-breadcrumb,
  .mqc-hero,
  .mqc-section,
  .mqc-final{
    width:var(--mrbus-home-shell-mobile) !important;
  }
  .mrbus-header-shell{
    padding:8px 0 12px !important;
  }
  .mrbus-header-top{
    gap:10px !important;
    margin-bottom:14px !important;
  }
  .mrbus-socials{display:none !important;}
  .mrbus-brand-image-shell{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    flex-basis:64px !important;
    border-radius:17px !important;
  }
  .mrbus-logo-line{
    font-size:25px !important;
    gap:6px !important;
  }
  .mrbus-tagline{
    font-size:11px !important;
    white-space:normal !important;
  }
  .mrbus-header-actions{
    flex-wrap:wrap !important;
  }
  .mrbus-header-btn{
    min-height:42px !important;
    padding:11px 15px !important;
  }
  .mqc-breadcrumb{
    margin-top:14px !important;
  }
}