/* ==========================================================================
   EstatePrime — Main Stylesheet
   Partial files are linked directly from index.html for performance.
   This file holds document-level refinements only.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Base document
   Font loaded via <link> in index.html for performance
   -------------------------------------------------------------------------- */
body {
  font-family: var(--font-family);
}

/* Main landmark spacing */
#main {
  outline: none;
}

/* Section divider rhythm */
.section + .section {
  border-block-start: var(--border-thin);
}

/* Ensure images have rounded corners where intended */
.rounded-img {
  border-radius: var(--radius-image);
}

/* Print styles */
@media print {
  .site-header,
  .cta-banner,
  .skip-link,
  .mobile-nav-toggle,
  .mobile-drawer {
    display: none !important;
  }

  body {
    color: #000;
    background: #fff;
  }

  a {
    text-decoration: underline;
  }
}

/* Ultra-wide refinement */
@media (min-width: 1920px) {
  :root {
    --gutter: 2.5rem;
  }
}

/* Improve contrast for meta icons using currentColor */
.property-card__location img,
.property-card__meta-item img,
.article-card__link img,
.btn img {
  opacity: 0.85;
}

/* Ensure collection/property images clip to radius */
.property-card__media img,
.collection-card__media img,
.article-card__media img {
  border-radius: 0;
}

.property-card,
.collection-card,
.article-card {
  isolation: isolate;
}