/* colors.css imported globally via style.css */

/* ==========================================================================
   _typography.css – Typography for IDX and Global Elements
   ========================================================================== */

/* ==========================================================================
   Table of Contents
   ========================================================================== */
/**
 * 1.0 Headings
 * 2.0 Result Labels, Prices, and Fields
 * 3.0 Body Text
 * 4.0 Links
 * 5.0 Dark Mode Overrides
 */

/* ==========================================================================
   1. Headings
   ========================================================================== */

/* Headings inside IDX subheaders (authoritative) */
#IDX-Subheader-Page h1,
#IDX-Subheader-Page h2,
#IDX-Subheader-Page h3,
#IDX-Subheader-Page h4,
#IDX-Subheader-Category h1,
#IDX-Subheader-Category h2,
#IDX-Subheader-Category h3,
#IDX-Subheader-Category h4 {
  color: var(--kaplon-blue);
  /* brand blue */
  font-weight: 700;
  text-shadow: none;
}

/* ==========================================================================
   2. Result labels, prices, and fields
   ========================================================================== */

/* Result labels, prices, and fields */
.IDX-resultsLabel,
.IDX-resultsPrice,
.IDX-resultsField {
  color: var(--color-info-dark);
  font-weight: 600;
}

/* ==========================================================================
   3. Body text
   ========================================================================== */

/* General body text for IDX components */
.IDX-wrapper-standard p,
.IDX-wrapper-standard span:not([class*="listing-card__"]),
.IDX-wrapper-standard .IDX-text {
  color: var(--color-gray-text);
  font-size: 1rem;
  line-height: 1.5;
}

.kaplon-paragraph {
  color: var(--color-gray-text);
  font-size: 1rem;
  line-height: 1.5;
}

/* IDX results typography + rhythm */
.IDX-wrapper-standard .idx-results-wrapper,
.IDX-wrapper-standard .IDX-results,
.IDX-wrapper-standard .IDX-results--wrapper {
  font-family: 'Inter', 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.45;
}

.IDX-wrapper-standard :where(.idx-listing-title, .idx-address, .IDX-resultsAddressLink) {
  font-size: 1.05rem;
}

/* ==========================================================================
   4. Links
   ========================================================================== */

/* Links inside IDX areas */
/* Links handled globally in base.css (dev bundle parity) */

/* ==========================================================================
   5.0 Dark Mode Overrides
   ========================================================================== */
@media (prefers-color-scheme: dark) {

  html[data-kaplon-color-mode=system] #IDX-Subheader-Page h1,html[data-kaplon-color-mode=system] 
  #IDX-Subheader-Page h2,html[data-kaplon-color-mode=system] 
  #IDX-Subheader-Page h3,html[data-kaplon-color-mode=system] 
  #IDX-Subheader-Page h4,html[data-kaplon-color-mode=system] 
  #IDX-Subheader-Category h1,html[data-kaplon-color-mode=system] 
  #IDX-Subheader-Category h2,html[data-kaplon-color-mode=system] 
  #IDX-Subheader-Category h3,html[data-kaplon-color-mode=system] 
  #IDX-Subheader-Category h4 {
    color: var(--white);
  }

  html[data-kaplon-color-mode=system] .IDX-resultsLabel,html[data-kaplon-color-mode=system] 
  .IDX-resultsPrice,html[data-kaplon-color-mode=system] 
  .IDX-resultsField {
    color: var(--text-primary-dark);
  }

  html[data-kaplon-color-mode=system] .IDX-wrapper-standard p,html[data-kaplon-color-mode=system] 
  .IDX-wrapper-standard span:not([class*="listing-card__"]),html[data-kaplon-color-mode=system] 
  .IDX-wrapper-standard .IDX-text {
    color: var(--text-secondary-dark);
  }

  html[data-kaplon-color-mode=system] .IDX-wrapper-standard a {
    color: var(--blue-light);
  }

  html[data-kaplon-color-mode=system] .IDX-wrapper-standard a:hover {
    color: var(--kaplon-red);
  }

  html[data-kaplon-color-mode=system] .kaplon-paragraph {
    color: var(--text-primary-dark);
  }
}
html[data-kaplon-color-mode=dark] #IDX-Subheader-Page h1,html[data-kaplon-color-mode=dark] 
  #IDX-Subheader-Page h2,html[data-kaplon-color-mode=dark] 
  #IDX-Subheader-Page h3,html[data-kaplon-color-mode=dark] 
  #IDX-Subheader-Page h4,html[data-kaplon-color-mode=dark] 
  #IDX-Subheader-Category h1,html[data-kaplon-color-mode=dark] 
  #IDX-Subheader-Category h2,html[data-kaplon-color-mode=dark] 
  #IDX-Subheader-Category h3,html[data-kaplon-color-mode=dark] 
  #IDX-Subheader-Category h4 {
    color: var(--white);
  }
html[data-kaplon-color-mode=dark] .IDX-resultsLabel,html[data-kaplon-color-mode=dark] 
  .IDX-resultsPrice,html[data-kaplon-color-mode=dark] 
  .IDX-resultsField {
    color: var(--text-primary-dark);
  }
html[data-kaplon-color-mode=dark] .IDX-wrapper-standard p,html[data-kaplon-color-mode=dark] 
  .IDX-wrapper-standard span:not([class*="listing-card__"]),html[data-kaplon-color-mode=dark] 
  .IDX-wrapper-standard .IDX-text {
    color: var(--text-secondary-dark);
  }
html[data-kaplon-color-mode=dark] .IDX-wrapper-standard a {
    color: var(--blue-light);
  }
html[data-kaplon-color-mode=dark] .IDX-wrapper-standard a:hover {
    color: var(--kaplon-red);
  }
html[data-kaplon-color-mode=dark] .kaplon-paragraph {
    color: var(--text-primary-dark);
  }