/* JCS theme - extras beyond Tailwind */

/* Tailwind doesn't generate the variants we use for the FAQ details/summary marker */
details summary::-webkit-details-marker { display: none; }
details summary { -webkit-tap-highlight-color: transparent; }

/* Legacy body normalization extends */
.legacy-body :where(p, h1, h2, h3, h4, ul, ol):first-child { margin-top: 0; }
.legacy-body img { display: block; max-width: 100%; height: auto; margin: 1rem 0; }
.legacy-body table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.9rem; }
.legacy-body table th, .legacy-body table td { padding: 0.6rem 0.8rem; border-bottom: 1px solid #e4e4e4; text-align: left; }

/* Make sure submenus on desktop appear under their parent */
.jcs-submenu li { display: block; padding: 0; }
.jcs-submenu li a { padding: 0.5rem 1rem; display: block; }

/* IDX widget container */
.idx-wrap { width: 100%; min-height: 600px; }
.idx-wrap iframe, .idx-wrap div[id*="idxw"] { width: 100% !important; }

/* AppFolio listing container */
.appfolio-listing { width: 100%; min-height: 600px; }

/* Source pages used Bootstrap .badge pills next to headings — without Bootstrap,
   they render at heading-size text. Each heading already links to the same place,
   so hide the redundant inline pill. */
.legacy-body h1 .badge,
.legacy-body h2 .badge,
.legacy-body h3 .badge,
.legacy-body h4 .badge,
.legacy-body h5 .badge { display: none; }

/* Source editors sometimes baked inline font-size on links (e.g. style="font-size: 19px").
   Normalize so inline links match surrounding paragraph text. */
.legacy-body p a,
.legacy-body li a,
.legacy-body span a {
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
}
.legacy-body span[style*="font-size"],
.legacy-body p span[style] {
  font-size: inherit !important;
}

/* Pages with embedded IDX / AppFolio widgets — force iframes & containers to full width */
.is-widget-page { width: 100%; }
.is-widget-page p { margin: 0; }
.is-widget-page iframe,
.is-widget-page div[id*="dsBlock"],
.is-widget-page div[id*="idxwidget"],
.is-widget-page div[id*="idx-"],
.is-widget-page div.appfolio_listing,
.is-widget-page div[id*="appfolio"] {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 800px;
  border: 0;
}
/* The Diverse Solutions Remote-Frame injects a fixed-width iframe — override */
.is-widget-page iframe[src*="diversesolutions"] { min-height: 2000px; }