/* 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;
  }

  body.client-theme-casa-magica.casa-home .vb-content {
    isolation: isolate;
  }

  body.client-theme-casa-magica.casa-home .vb-content::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -18px -10px;
    border-radius: 18px;
    background: rgba(14, 10, 6, .18);
    box-shadow: 0 18px 48px rgba(14, 10, 6, .16);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    pointer-events: none;
  }

  body.client-theme-casa-magica.casa-home .vb-eyebrow,
  body.client-theme-casa-magica.casa-home .vb-sub {
    text-shadow: 0 2px 8px rgba(0, 0, 0, .62), 0 0 18px rgba(0, 0, 0, .36) !important;
  }

  body.client-theme-casa-magica.casa-home .vb-title {
    letter-spacing: 0 !important;
    text-shadow: 0 3px 12px rgba(0, 0, 0, .64), 0 0 28px rgba(0, 0, 0, .42) !important;
  }

  body.client-theme-casa-magica.casa-home .vb-title em {
    text-shadow: 0 3px 12px rgba(0, 0, 0, .7), 0 0 20px rgba(0, 0, 0, .5) !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;
  }
}