/**
 * OGD Property for Sale single template styles.
 * Loaded only on single properties_for_sale pages.
 */

.single-properties_for_sale {
  --ogd-forest: #16271a;
  --ogd-sage: #5d8745;
  --ogd-cream: #f7f5ef;
  --ogd-border: #e2ded3;
  --ogd-text: #2f3131;
}



/**
 * OGD Properties for Sale — actual sidebar wrapper fix.
 * Inspector confirmed the duplicate outer wrapper is Elementor element 000d6db.
 * Remove the old Elementor wrapper card styling and let the shortcode card handle the design.
 */
.elementor-30584 .elementor-element.elementor-element-000d6db,
.elementor-33225 .elementor-element.elementor-element-000d6db,
.elementor-element.elementor-element-000d6db {
  border-style: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;

  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Keep the actual shortcode sidebar card filling the cleaned wrapper */
.elementor-30584 .elementor-element.elementor-element-000d6db > .e-con-inner,
.elementor-33225 .elementor-element.elementor-element-000d6db > .e-con-inner,
.elementor-element.elementor-element-000d6db > .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-30584 .elementor-element.elementor-element-000d6db .elementor-widget-shortcode,
.elementor-30584 .elementor-element.elementor-element-000d6db .elementor-widget-container,
.elementor-30584 .elementor-element.elementor-element-000d6db .elementor-shortcode,
.elementor-30584 .elementor-element.elementor-element-000d6db .ogd-pfs-sidebar-clean,
.elementor-33225 .elementor-element.elementor-element-000d6db .elementor-widget-shortcode,
.elementor-33225 .elementor-element.elementor-element-000d6db .elementor-widget-container,
.elementor-33225 .elementor-element.elementor-element-000d6db .elementor-shortcode,
.elementor-33225 .elementor-element.elementor-element-000d6db .ogd-pfs-sidebar-clean,
.elementor-element.elementor-element-000d6db .elementor-widget-shortcode,
.elementor-element.elementor-element-000d6db .elementor-widget-container,
.elementor-element.elementor-element-000d6db .elementor-shortcode,
.elementor-element.elementor-element-000d6db .ogd-pfs-sidebar-clean {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}


/**
 * OGD Properties for Sale — hero stats container-width fix.
 *
 * Goal:
 * Make the stats bar fill the actual hero/template container consistently,
 * without breaking out to 100vw and without depending on title length.
 *
 * Template structure confirmed:
 * faacf5c = Elementor container holding [ogd_property_sale_hero_clean]
 * b6e4745 = shortcode widget for [ogd_property_sale_hero_clean]
 */
.single-properties_for_sale .elementor-element-faacf5c,
.single-properties_for_sale .elementor-element-faacf5c > .e-con-inner,
.single-properties_for_sale .elementor-element-b6e4745,
.single-properties_for_sale .elementor-element-b6e4745 > .elementor-widget-container,
.single-properties_for_sale .ogd-pfs-hero-clean {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.single-properties_for_sale .ogd-pfs-stats {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  box-sizing: border-box !important;
}

.single-properties_for_sale .ogd-pfs-stat {
  min-width: 0 !important;
  box-sizing: border-box !important;
}







/**
 * OGD Properties for Sale — final clean responsive hero stats.
 * Desktop full-width fix stays intact.
 * This only controls tablet/mobile column layout and borders.
 */

/* Tablet: 3 columns */
@media (min-width: 641px) and (max-width: 1024px) {
  .single-properties_for_sale .ogd-pfs-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-top: 1px solid var(--ogd-border) !important;
    border-bottom: 1px solid var(--ogd-border) !important;
  }

  .single-properties_for_sale .ogd-pfs-stat {
    min-width: 0 !important;
    padding: 22px 10px !important;
    border-right: 1px solid var(--ogd-border) !important;
    border-bottom: 1px solid var(--ogd-border) !important;
    box-sizing: border-box !important;
  }

  .single-properties_for_sale .ogd-pfs-stat:nth-child(3n) {
    border-right: 0 !important;
  }

  .single-properties_for_sale .ogd-pfs-stat:nth-child(n+4) {
    border-bottom: 0 !important;
  }
}

/* Mobile: clean 2-column grid */
@media (max-width: 640px) {
  .single-properties_for_sale .ogd-pfs-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-top: 1px solid var(--ogd-border) !important;
    border-bottom: 1px solid var(--ogd-border) !important;
  }

  .single-properties_for_sale .ogd-pfs-stat {
    min-width: 0 !important;
    padding: 20px 8px !important;
    text-align: center !important;
    border-right: 1px solid var(--ogd-border) !important;
    border-bottom: 1px solid var(--ogd-border) !important;
    box-sizing: border-box !important;
  }

  .single-properties_for_sale .ogd-pfs-stat:nth-child(2n) {
    border-right: 0 !important;
  }

  .single-properties_for_sale .ogd-pfs-stat:nth-child(n+5) {
    border-bottom: 0 !important;
  }

  .single-properties_for_sale .ogd-pfs-stat strong {
    display: block !important;
    font-size: 21px !important;
    line-height: 1.12 !important;
    margin: 0 0 7px !important;
    white-space: normal !important;
  }

  .single-properties_for_sale .ogd-pfs-stat span {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    letter-spacing: .075em !important;
    white-space: normal !important;
  }
}