/* ============================================================
   wcag-s0076-jackson-square.css
   WCAG 2.1 Level AA override for the S0076-Jackson-Square Kentico template
   (TemplateId 1389, DefaultCssFileName: RPcssMaster_S0076-Jackson-Square).

   Selectors verified against the live base CSS pulled from
   livesommery.com (cross-fetched) on 2026-05-12.

   This template does NOT use a .template-* wrapper.
   No top-bar sticky header in master CSS â sticky header comes
   from shared resources.
   ============================================================ */


/* ------------------------------------------------------------
   WCAG 2.4.7 Focus Visible
   ------------------------------------------------------------ */
.navbar-toggle:focus-visible,
.dropdown-toggle:focus-visible,
.btn:focus-visible,
.form-control:focus-visible,
header a:focus-visible,
nav a:focus-visible,
#hamburgerNavMenuContainer a:focus-visible,
.contact-us-enhanced .form-control:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
.footer-widget footer a:focus-visible {
  /* Webkit-style two-ring halo: blue inner ring + white outer ring
     gives focus visibility on both light AND dark backgrounds.
     The `outline` declaration is intentionally omitted — outline
     paints on top of box-shadow and would cover the white ring. */
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #005fcc, 0 0 0 3px #fff;
}


/* ------------------------------------------------------------
   WCAG 2.4.11 Focus Not Obscured
   ------------------------------------------------------------ */
html {
  scroll-padding-top: 100px;
}

:focus-visible {
  scroll-margin-top: 100px;
}


/* ------------------------------------------------------------
   WCAG 1.4.11 Non-text Contrast (UI components)
   Base failures:
     border-bottom:2px solid #efefef on menu hover/dividers
       (lines 1766, 1770, 1774) â 1.18:1 â fails 3:1.
     border-bottom:solid 2px #ddd (line 2871) â 1.59:1 â fails.
   ------------------------------------------------------------ */
#menuDesktop #menuElem li a:hover,
#menuMobile li a:hover {
  border-bottom-color: #595959;
}

body #contactUsEnhancedContainer .form-control {
  border-bottom: 1px solid #595959 !important;
}


/* ------------------------------------------------------------
   WCAG 1.4.3 Contrast Minimum (text)
   Base failures:
     #7e7e7e text-color rules â 4.4:1 â fails 4.5:1.
     Shared footer-disclosure opacity 0.6 â 0.85.
   ------------------------------------------------------------ */
/* SCOPE NOTE: removed `.FloorPlansV3 .specification` /
   `.FloorPlansV2 .specification` color override. Verified across
   53 prod + 7 SAT Jackson-Square domains (any PMC): the
   `.FloorPlansV2 .specification strong` color varies per property
   with 28+ distinct brand values, including #964c44 (Gorman default,
   14 properties), #babd34 (Greystar's themckenzieapts), #40c1f1
   (cyan), #03700e (green), #c2072e (red), and many others. Forcing
   `#595959` would replace per-property brand accents with generic
   gray on every site. Brand-color contrast failures belong at the
   property-CSS level. See per-property-base-css memory. */

.footer-widget footer .footer-disclosure {
  opacity: 0.85;
}


/* ------------------------------------------------------------
   WCAG 1.4.1 Use of Color (inline links)
   Scope: content containers only. Bare `p a` / `li a` / `dd a`
   selectors were dropped (same Balcony/Aurora/Bliss bleed bug)
   — they would underline footer nav, header nav, sidebar lists,
   and disclosure paragraphs unintentionally.
   ------------------------------------------------------------ */
.main-content-text a,
.inner-page-main a,
.main-content-wrapper a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

a.btn,
a.button,
.btn,
.btn-primary,
header a,
nav a,
#hamburgerNavMenuContainer a,
.cta-header-btn,
.header-CTA-button,
.footer-CTA-Button,
a.more-link,
a.less-link,
.footer-widget footer a {
  text-decoration: none;
}
