/* About Us: no breadcrumb on any viewport */
  body.page-about .breadcrumb-bar {
    display: none !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  /* Desktop inner pages (About, Contact, Blogs, Offers): solid header, no overlap */
  @media (min-width: 992px) {
    body.page-inner .main-header {
      position: relative;
      z-index: 1050;
    }

    body.page-inner .bmga-header-topbar {
      background: #fff;
      border-bottom: 1px solid var(--bmga-border, #e4ebf1);
    }

    body.page-inner .bmga-header-topbar p,
    body.page-inner .bmga-header-topbar a,
    body.page-inner .bmga-header-topbar .text-white {
      color: var(--bmga-text-muted, #374151) !important;
    }

    body.page-inner .bmga-currency__btn {
      background: var(--bmga-surface-muted, #f3f4f6);
      color: var(--bmga-text, #111827);
    }

    body.page-inner header.bmga-header .header-nav {
      background: #fff;
      box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
    }

    body.page-inner header.bmga-header .header-logo.logo-white {
      display: none !important;
    }

    body.page-inner header.bmga-header .header-logo.logo-dark {
      display: block !important;
    }

    body.page-inner header.bmga-header .header-nav .main-menu-wrapper .main-nav > li > a,
    body.page-inner header.bmga-header:not(.fixed) .header-nav .main-menu-wrapper .main-nav > li > a {
      color: var(--bmga-text, #111827) !important;
    }

    body.page-inner header.bmga-header .header__hamburger .sidebar-menu,
    body.page-inner header.bmga-header .header__hamburger .sidebar-menu i {
      color: var(--bmga-text, #111827) !important;
    }

    body.page-about .about-section-three--page {
      padding-top: 1.25rem;
    }

    body.page-contact .contact-page__content,
    body.page-offers .offers-page__content,
    body.page-blogs .blogs-page__content {
      padding-top: 1.5rem;
    }
  }

  @media (max-width: 991.98px) {
    html {
      width: 100%;
      overflow-x: clip;
    }

    body {
      width: 100%;
      max-width: 100%;
      overflow-x: clip;
      padding-bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
    }

    .main-header,
    .bmga-top-promo,
    .hero-section,
    .hero-section-four,
    .breadcrumb-bar,
    .footer-section {
      width: 100%;
      max-width: 100%;
    }

    /* Smaller logo so it does not collide with hero / breadcrumb titles */
    .bmga-header .navbar-logo {
      flex-shrink: 0;
      min-width: 0;
      max-width: min(58vw, 220px);
    }

    .bmga-header .navbar-logo-img {
      max-height: 36px;
      width: auto;
      max-width: 100%;
      height: auto;
      padding-left: 0;
      display: block;
      object-fit: contain;
    }

    .bmga-header .header-logo {
      line-height: 0;
    }

    .bmga-header .header-nav .main-menu-wrapper {
      padding: 10px 0;
    }

    /* Clear space below promo + header (absolute or fixed) */
    body.page-inner .breadcrumb-bar {
      padding-top: calc(var(--bmga-sticky-top-height, 108px) + 2rem) !important;
    }

    body.has-hero-header .hero-section .hero-content {
      padding-top: calc(var(--bmga-sticky-top-height, 108px) + 1rem) !important;
    }

    body.has-hero-header .hero-section-four > .container {
      padding-top: calc(var(--bmga-sticky-top-height, 108px) + 0.5rem);
    }

    body.has-hero-header .holiday-landing-hero {
      margin-top: 0 !important;
      padding-top: var(--bmga-sticky-top-height, 108px);
    }

    body.has-hero-header header.bmga-header:not(.fixed) .header-logo.logo-white {
      display: block !important;
    }

    body.has-hero-header header.bmga-header:not(.fixed) .header-logo.logo-dark {
      display: none !important;
    }

    body.has-hero-header header.bmga-header:not(.fixed) .header__hamburger .sidebar-menu,
    body.has-hero-header header.bmga-header:not(.fixed) .header__hamburger .sidebar-menu i {
      color: #fff !important;
    }

    body.has-hero-header .main-header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1050;
    }

    /* Inner pages (About Us, Contact, Blogs, etc.): dark logo on light header bar */
    body.page-inner:not(.page-home):not(.bmga-design-1b) .main-header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1050;
    }

    body.page-inner:not(.page-home):not(.bmga-design-1b) .bmga-header .header-nav {
      background: #fff;
      box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
    }

    body.page-inner:not(.page-home):not(.bmga-design-1b) header.bmga-header .header-logo.logo-white {
      display: none !important;
    }

    body.page-inner:not(.page-home):not(.bmga-design-1b) header.bmga-header .header-logo.logo-dark {
      display: block !important;
    }

    body.page-inner:not(.page-home):not(.bmga-design-1b) header.bmga-header .header__hamburger .sidebar-menu,
    body.page-inner:not(.page-home):not(.bmga-design-1b) header.bmga-header .header__hamburger .sidebar-menu i {
      color: var(--bmga-text, #111827) !important;
    }

    body.page-inner:not(.page-home):not(.bmga-design-1b) header.bmga-header .header-nav .main-menu-wrapper .main-nav > li > a {
      color: var(--bmga-text, #111827) !important;
    }

    .hero-section.hero-sec-two .banner-content {
      margin-bottom: 1.25rem !important;
    }

    /* Prevent slick / slider tracks from widening the page */
    .banner-sliders,
    .home-vertical-slider,
    .home-vertical-slider .slider-fors,
    .home-vertical-slider .slider-fors .slick-list,
    .home-vertical-slider .slider-fors .slick-track {
      width: 100% !important;
      max-width: 100%;
    }

    .home-vertical-slider .slider-fors {
      left: 0;
      right: 0;
    }

    .slick-slider,
    .slick-list {
      max-width: 100%;
    }

    .slick-list {
      overflow: hidden !important;
    }

    /* Service tabs: horizontal scroll on small screens */
    .banner-form-tab {
      display: flex;
      max-width: 100%;
      width: 100%;
      border-radius: 16px;
      padding: 8px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }

    .banner-form-tab::-webkit-scrollbar {
      display: none;
    }

    .banner-form-tab .nav {
      flex-wrap: nowrap;
      white-space: nowrap;
    }

    .banner-form-tab .nav li {
      flex: 0 0 auto;
    }

    .hero-section.hero-sec-two .banner-form-tab .nav {
      overflow-x: auto;
      flex-wrap: nowrap;
    }

    /* Mobile hero content must not pull up under the header */
    .hero-mobile-content {
      margin-top: 0 !important;
    }

    body.has-hero-header .hero-section-four.hero-rotator.d-lg-none {
      min-height: auto !important;
      padding-bottom: 1.5rem;
    }

    /* Bottom sections: room for mobile browser chrome */
    .footer-section,
    .section:last-of-type,
    .stat-bg {
      padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0px));
    }

    #bannerForm .search-card {
      margin-top: 0 !important;
    }

    .our-story img,
    .our-story-text {
      width: 100%;
    }

    body.page-about .about-section-three--page {
      padding-top: calc(var(--bmga-sticky-top-height, 96px) + 1rem);
    }

    body.page-about .about-section-three--page > .container {
      padding-top: 0.5rem;
    }

    /* Blog pages: breadcrumb removed — content provides top spacing */
    body.page-blogs .breadcrumb-bar {
      display: none !important;
    }

    body.page-offers .breadcrumb-bar {
      display: none !important;
      padding: 0 !important;
      min-height: 0 !important;
    }

    body.page-contact .breadcrumb-bar {
      display: none !important;
      padding: 0 !important;
      min-height: 0 !important;
    }
  }

  @media (max-width: 767.98px) {
    body.page-inner .breadcrumb-bar .breadcrumb-title {
      margin-top: 0.25rem;
    }

    .stat-box h3 {
      font-size: clamp(2rem, 10vw, 3rem);
    }
  }


@push('scripts')
<script>
  (function () {
    const mobileMq = window.matchMedia('(max-width: 991.98px)');

    function measureTopChrome() {
      if (!mobileMq.matches) {
        document.documentElement.style.removeProperty('--bmga-sticky-top-height');
        document.documentElement.style.removeProperty('--mobile-top-offset');
        document.documentElement.style.removeProperty('--hero-top-offset');
        return;
      }

      let height = 0;
      const promo = document.querySelector('.bmga-top-promo');
      const headerWrap = document.querySelector('.main-header');

      if (promo) {
        const promoStyle = window.getComputedStyle(promo);
        if (promoStyle.display !== 'none' && promoStyle.visibility !== 'hidden') {
          height += promo.offsetHeight;
        }
      }

      if (headerWrap) {
        height += headerWrap.offsetHeight;
      }

      const px = Math.max(72, Math.round(height));
      document.documentElement.style.setProperty('--bmga-sticky-top-height', px + 'px');
      document.documentElement.style.setProperty('--mobile-top-offset', px + 'px');
      document.documentElement.style.setProperty('--hero-top-offset', px + 'px');
    }

    let resizeTimer;
    const scheduleMeasure = function () {
      clearTimeout(resizeTimer);
      resizeTimer = setTimeout(measureTopChrome, 80);
    };

    document.addEventListener('DOMContentLoaded', measureTopChrome);
    window.addEventListener('load', measureTopChrome, { once: true });
    window.addEventListener('resize', scheduleMeasure, { passive: true });
    document.addEventListener('visibilitychange', function () {
      if (!document.hidden) {
        measureTopChrome();
      }
    });

    if (typeof mobileMq.addEventListener === 'function') {
      mobileMq.addEventListener('change', measureTopChrome);
    } else if (typeof mobileMq.addListener === 'function') {
      mobileMq.addListener(measureTopChrome);
    }

    if (window.ResizeObserver) {
      const ro = new ResizeObserver(scheduleMeasure);
      const promo = document.querySelector('.bmga-top-promo');
      const headerWrap = document.querySelector('.main-header');
      if (promo) {
        ro.observe(promo);
      }
      if (headerWrap) {
        ro.observe(headerWrap);
      }
    }

    if (document.fonts && document.fonts.ready) {
      document.fonts.ready.then(measureTopChrome).catch(function () {});
    }
  })();
</script>
@endpush