/* ═══════════════════════════════════════════════════════════════════
   Integration layer between the host theme and the ported design.
   Kept separate from vlad-home.css, which is generated from the design
   stylesheet and is overwritten whenever that is regenerated.
   ═══════════════════════════════════════════════════════════════════ */

/* The host theme nests page content in
   .wrapper-content > div > .container > .row > .col
   which imposes a max-width and Bootstrap-style gutters. The design draws its
   own full-bleed sections and supplies its own inner container, so the host
   chain is flattened here rather than escaped with negative margins — those
   would have to account for the scrollbar gutter and drift on mobile. */
/* The host theme centres .container with `max-width: 95%` and auto margins at
   a specificity we cannot outrank from here, so these four are forced. */
body.home .wrapper-content > div > .container,
body.page-template-page-home-07 .wrapper-content > div > .container {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

.home .wrapper-content .row,
.page-template-page-home-07 .wrapper-content .row {
  margin-left: 0;
  margin-right: 0;
}

.home .wrapper-content .col,
.page-template-page-home-07 .wrapper-content .col {
  padding-left: 0;
  padding-right: 0;
}

.vlad-home {
  overflow-x: clip;
}

/* The design's own gutter, restored inside the full-bleed sections. */
.vlad-home .container {
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 640px) {
  .vlad-home .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ── Featured listing cards are clickable ──────────────────────────────
   The design's card had no link at all. An overlay anchor keeps the markup
   and the swiper untouched while making the whole card a single target. */
.vlad-home .featuredProperties__card {
  position: relative;
}

.vlad-home .featuredProperties__link {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  text-indent: -9999px;
  overflow: hidden;
}

.vlad-home .featuredProperties__card:hover {
  transition: box-shadow .25s ease;
  box-shadow: 0 10px 34px rgba(0, 0, 0, .12);
}