/* realestate.triadicsoftware.com  ·  theme triadic-real-estate-demo-blocks (0.4.6.1+)
   Values from the live theme :root (style.css ver 0.4.5) + the search-bar spec
   (/workspace/clavo/searchbar-review/searchbar-fix.css --clv-* tokens). */
body.wp-theme-triadic-real-estate-demo-blocks {
  --tre-card-font: Poppins, Arial, sans-serif;
  --tre-card-bg: #fff;
  --tre-card-border: 1px solid rgba(11, 99, 246, .10);
  --tre-card-radius: 18px;
  --tre-card-shadow: 0 10px 32px rgba(8, 28, 68, .08);      /* = live .property-card */
  --tre-card-shadow-hover: 0 18px 44px rgba(8, 28, 68, .16), 0 0 0 1px rgba(47, 168, 255, .55); /* cyan hairline = futuristic edge */
  --tre-card-lift: -4px;
  --tre-card-max: 360px;
  --tre-card-ratio: 4 / 3;
  --tre-card-ratio-community: 3 / 2;
  --tre-cols: 3;
  --tre-gap: 24px;
  --tre-side-pad: 0px;
  --tre-card-body-pad: 16px;
  --tre-card-noimg-bg: linear-gradient(135deg, #0b1f4d, #2f8dff);   /* = live .property-img */
  --tre-card-pad: 18px 20px 20px;
  --tre-card-price-font: Poppins, Arial, sans-serif;
  --tre-card-price-size: 24px;
  --tre-card-price-weight: 800;
  --tre-card-price-color: #0b1633;                          /* --ink, 17.9:1 */
  --tre-card-title-color: #0b1633;
  --tre-card-title-size: 16px;
  --tre-card-title-weight: 600;
  --tre-card-text: #5b6680;                                 /* --clv-muted, 5.7:1 */
  --tre-card-meta-size: 14px;
  --tre-card-divider: #dce6f5;                              /* --line */
  --tre-card-cta-color: #0b63f6;                            /* --blue, 5.1:1 */
  --tre-card-focus: 0 0 0 3px #fff, 0 0 0 5px #0b63f6;      /* = --clv-ring */
  --tre-card-badge-bg: rgba(6, 21, 49, .86);                /* --navy glass */
  --tre-card-badge-fg: #fff;
  --tre-card-dot-active: #8bd23c;                           /* theme --green */
  --tre-card-dot-new: #2fa8ff;                              /* --blue2 */
  --tre-card-dot-soon: #2fa8ff;
  --tre-card-dot-pending: #ffb020;
  --tre-card-dot-sold: #ff6b6b;
  --tre-grid-max: 1200px;          /* decided Nov 9: one container width for both sites */
  --tre-grid-gap: 24px;
  --tre-grid-gap-md: 20px;
  --tre-grid-gap-sm: 16px;
}

@media (min-width: 900px) and (max-width: 1199.98px) {
  body.wp-theme-triadic-real-estate-demo-blocks {
    --tre-cols: 3;
    --tre-gap: 20px;
    --tre-side-pad: 32px;
  }
}

@media (min-width: 640px) and (max-width: 899.98px) {
  body.wp-theme-triadic-real-estate-demo-blocks {
    --tre-cols: 2;
    --tre-gap: 20px;
    --tre-side-pad: 24px;
  }
}

@media (max-width: 639.98px) {
  body.wp-theme-triadic-real-estate-demo-blocks {
    --tre-cols: 1;
    --tre-gap: 16px;
    --tre-side-pad: 16px;
    --tre-card-max: 420px;
    --tre-card-body-pad: 14px;
  }
}