/*
 * HCA Register — Bullet list styling (indent, bullet colour, hanging indent)
 * ================================================================================
 * Scoped to .wp-editor-content and .pf-body — the two wrappers actual content
 * bullet lists render inside on this site (WP Editor rich-text fields like
 * Qualifications/Specialties/About My Practice, and plain field display
 * blocks). Deliberately NOT applied to every  site-wide, since many
 * (nav menus, UI layout lists) use list-style:none on purpose and would
 * wrongly sprout bullets if targeted broadly.
 *
 * THREE THINGS THIS DOES:
 * 1. 20px left indent on the list itself.
 * 2. Bullet colour forced to 50% black (rgba, not a flat grey hex, so it
 *    stays "50% black" regardless of what background it sits on) via the
 *    ::marker pseudo-element — this styles just the bullet, not the text.
 * 3. Fixes hanging indent for wrapped multi-line items: the theme's own
 *    CSS (frontend.css) sets list-style-position: inside on these lists,
 *    which makes the bullet part of the first line's inline content —
 *    so a wrapped second line snaps back to the far-left edge instead of
 *    lining up under the first line's text. Switching to outside fixes
 *    this as a side effect, since outside markers sit in the indent
 *    space and every line (wrapped or not) starts at the same left edge.
 *
 * !important used since the theme's own rule targets the exact same
 * selector with matching specificity and would otherwise win.
 * — CJP
 */
.wp-editor-content ul,
.pf-body ul {
  padding-left: 50px !important;
}

.wp-editor-content ul li,
.pf-body ul li {
  list-style-position: outside !important;
}

.wp-editor-content ul li::marker,
.pf-body ul li::marker {
  color: rgba(0, 0, 0, 0.2);
}

/*
 * HCA Register — Footer widget title & link colours
 * ======================================================
 * Titles (e.g. "Site Menu", "HCA", "Member Associations") -> white.
 * General footer text (non-link) -> white.
 * Links inside footer widgets -> mid grey by default, orange on hover
 * (unchanged from the first version of this file).
 * !important used throughout since the theme's own footer widget CSS
 * (ml-wp-widgets.css) is loaded with matching or higher specificity and
 * would otherwise win.
 *
 * BACKGROUND FIX (Aug 2026): the single listing page template renders the
 * footer with an INLINE style="background:#ffffff" directly on the
 *  element (confirmed via Inspector — not from any stylesheet,
 * likely a per-template override somewhere in MyListing's single-listing
 * template). Regular pages correctly show the site's near-black footer
 * (#222222). Forced back to #222222 with !important, which DOES override
 * a plain (non-!important) inline style in the CSS cascade.
 * — CJP
 */
footer.footer,
.footer {
  background: #222222 !important;
}

.footer .c_widget_title h5 {
  color: #ffffff !important;
}

.footer .c_widget {
  color: #ffffff !important;
}

.footer .c_widget a {
  color: #565d62 !important;
  transition: color 0.2s ease;
}

.footer .c_widget a:hover {
  color: #ffa943 !important;
}

/*
 * HCA Register — Footer widget title & link colours
 * ======================================================
 * Titles (e.g. "Site Menu", "HCA", "Member Associations") -> white.
 * General footer text (non-link) -> white.
 * Links inside footer widgets -> mid grey by default, orange on hover
 * (unchanged from the first version of this file).
 * !important used throughout since the theme's own footer widget CSS
 * (ml-wp-widgets.css) is loaded with matching or higher specificity and
 * would otherwise win.
 * — CJP
 */
.footer .c_widget_title h5 {
  color: #ffffff !important;
}

.footer .c_widget {
  color: #ffffff !important;
}

.footer .c_widget a {
  color: #565d62 !important;
  transition: color 0.2s ease;
}

.footer .c_widget a:hover {
  color: #ffa943 !important;
}

/*
 * HCA Register — Explore page listing title, orange on hover
 * ==============================================================
 * Base title style stays dark grey (#242429), bold. On hover, the whole
 * card link (a.lf-item.lf-item-list-view) triggers the h4 inside it to
 * turn orange (#FF6B35), with a smooth colour transition rather than an
 * instant switch.
 * — CJP
 */
.lf-item.lf-item-list-view .lf-item-info > h4 {
  font-size: 14px;
  color: #242429;
  font-weight: 700 !important;
}
a.lf-item.lf-item-list-view:hover .lf-item-info > h4 {
  color: #FF6B35 !important;
  transition: color 0.2s ease;
}


/*
 * HCA Register — Force consistent font size across all listing detail fields
 * — CJP
 */
.pf-body,
.pf-body p,
.pf-body span,
.pf-body li,
.pf-body a,
.pf-body .wp-editor-content {
  font-size: 18px !important;
  font-weight: 300 !important;
}