/* Late-loaded responsive containment fixes for audited Casa Magica pages. */

@media (max-width: 767.98px) {
  body.client-theme-casa-magica #mainNav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }

  body.client-theme-casa-magica #mainNav .nav-brand {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin-right: 0 !important;
  }

  body.client-theme-casa-magica #mainNav .btn-nav-book {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  body.client-theme-casa-magica #mainNav .nav__toggle {
    order: 3 !important;
    flex: 0 0 42px !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
  }

  body.client-theme-casa-magica.casa-home #bannerBookingBar[data-mobile-booking-duplicate] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    position: static !important;
    z-index: -1 !important;
  }
}

@media (max-width: 575.98px) {
  body.client-theme-casa-magica .property-hero .hero-content {
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    box-sizing: border-box !important;
  }

  body.client-theme-casa-magica.casa-attractions .row.align-items-center,
  body.client-theme-casa-magica.casa-attractions .row.g-5 {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.client-theme-casa-magica.casa-attractions .row.align-items-center > [class*="col"],
  body.client-theme-casa-magica.casa-attractions .row.g-5 > [class*="col"] {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}