/* ============================================================
   PM-PROJECT.CSS — ported from the demo (allpages-2/assets/css/pages/project-college-station-ford.css).
   Every class has the pm- prefix and every rule is scoped to
   Parkmatic widgets:  .elementor-widget[class*="elementor-widget-pm-"]
   Generated by tools/port_css.py from the demo file — keep changes small;
   WordPress-only fixes go in pm-wp.css.
   ============================================================ */
.elementor-widget[class*="elementor-widget-pm-"] .pm-pdetail-top {
  padding-block: var(--pm-space-40) var(--pm-space-8);
}
@media (min-width: 1024px) {
.elementor-widget[class*="elementor-widget-pm-"] .pm-pdetail-top {
    padding-block: var(--pm-space-48) var(--pm-space-8);
  }
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-pdetail-top .pm-breadcrumb li {
  color: var(--pm-color-text-muted);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-pdetail-top .pm-breadcrumb a {
  color: var(--pm-color-text-muted);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-pdetail-top .pm-breadcrumb a:hover {
  color: var(--pm-color-green-deep);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-pdetail-top .pm-breadcrumb li + li::before {
  color: var(--pm-color-grey);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case {
  display: grid;
  gap: var(--pm-space-32);
  align-items: start;
}
@media (min-width: 1024px) {
.elementor-widget[class*="elementor-widget-pm-"] .pm-case {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: var(--pm-space-64);
  }
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__subtitle {
  margin-top: var(--pm-space-24);
  margin-bottom: var(--pm-space-8);
  font-size: var(--pm-fs-h5);
  color: var(--pm-color-green-deep);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__body {
  color: var(--pm-color-text-muted);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__facts {
  display: grid;
  gap: var(--pm-space-16);
  margin: 0;
  padding-top: var(--pm-space-24);
  border-top: 1px solid var(--pm-color-border);
}
@media (min-width: 640px) {
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--pm-space-24);
  }
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__fact dd {
  margin: var(--pm-space-4) 0 0;
  font-family: var(--pm-font-heading);
  font-size: var(--pm-fs-h6);
  font-weight: var(--pm-fw-medium);
  color: var(--pm-color-graphite);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__media {
  display: grid;
  gap: var(--pm-space-16);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__figure {
  margin: 0;
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__figure img {
  width: 100%;
  height: auto;
  border-radius: var(--pm-radius-md);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__figure figcaption {
  margin-top: var(--pm-space-8);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-pdetail-cta {
  min-height: 40px;
  margin-top: var(--pm-space-32);
  padding: var(--pm-space-8) var(--pm-space-24);
  font-size: var(--pm-fs-caption);
}
.elementor-widget[class*="elementor-widget-pm-"] .pm-case__text .pm-tag {
  padding: 0;
  background-color: transparent;
  color: var(--pm-color-yellow);
}
