/* Accessibility fixes — torontodentaloffice.com (a11y rollout 2026-10-09). Loaded after the Divi styles. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* /appointment/ hides its theme title with display:none; keep it for screen readers */
#left-area h1.entry-title.sr-only{display:block!important}

/* Body links: Divi's default #2ea3f2 is 2.75:1 on white -> closest darker shade at 4.5:1.
   :where() keeps specificity at 0 so every link colour the page sets itself still wins. */
:where(#main-content) a{color:#0c7bc6}
/* links inside running text need more than colour to stand out (WCAG 1.4.1) */
:where(#main-content) :is(p,li,td) a{text-decoration:underline}

/* Footer credit (CLAUDE.md standard: Designed By + monitor SVG, wraps, never nowrap) */
.ft-credit-blurb.et_pb_blurb{background-image:none!important;padding-left:0!important}
.ft-credit{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}
.ft-credit svg{flex:none}
.ft-sep{margin:0 2px}

/* Visible keyboard focus everywhere (navy ring + white halo so it shows on light and dark bands) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:3px solid #253670!important;outline-offset:2px;box-shadow:0 0 0 2px #fff}
#main-footer a:focus-visible,.ico a:focus-visible{outline-color:#fff!important;box-shadow:0 0 0 2px #253670}
#main-content[tabindex="-1"]:focus{outline:none}

/* Skip link: hidden until focused */
.skip-link{position:absolute;left:8px;top:-60px;z-index:100000;background:#253670;color:#fff!important;padding:10px 16px;font-size:16px;text-decoration:none;border-radius:0 0 4px 4px}
.skip-link:focus{top:0}

/* Legal / statement contents list: 24px minimum touch targets (WCAG 2.5.8) */
.lg-page .lg-toc a{display:inline-block;min-height:24px}
.lg-page .lg-toc > summary{min-height:24px}

/* Current-page nav item: #2ea3f2 is 2.75:1 on the white header and 1.59:1 on the light-blue (#a1ccd5) header/menu state -> #095589 passes 4.5:1 on both */
#top-menu li.current-menu-item>a,#top-menu li.current-menu-ancestor>a{color:#095589!important}
#main-header .et_mobile_menu li.current-menu-item>a{color:#095589!important}
/* Sidebar "Directions" link: 2.75:1 -> closest darker shade */
#sidebar a.acolor{color:#0c74bb}
/* Footer "Get Directions" over the aerial photo: lighter shade so it holds 4.5:1 on the brightest buildings */
#main-footer .et_pb_blurb_description a[href*="goo.gl"]{color:#6abef6}
/* Homepage "Meet Dr. Yolanda Cruz" text over the light-blue gradient photo band */
.home .et_pb_text_0.et_pb_text,.home .et_pb_text_2.et_pb_text{color:#0b67b2!important}
.home .et_pb_text_1 .et_pb_text_inner,.home .et_pb_text_3 .et_pb_text_inner{color:#525252}
/* Legal-page eyebrow: 11px accent text over the tinted band measured 4.4:1 -> darker shade of the accent */
.lg-page .lg-eyebrow{color:#0b67b2}
/* Footer social icons are floated <img>s inside inline links -> the links had a 0x0 box, so the
   keyboard focus ring was invisible. Float the link instead (it shrink-wraps the icon; look unchanged). */
#main-footer .footers.middle .et_pb_text_inner a{float:left}
/* Mobile header logo: its <img> is floated, so the link itself has a 0x0 box; draw the focus ring
   on the logo image instead (layout unchanged) */
.mobile_cmenu #et-top-navigation > a:focus-visible{outline:none!important;box-shadow:none}
.mobile_cmenu #et-top-navigation > a:focus-visible img{outline:3px solid #253670;outline-offset:2px}
/* The fixed accessibility launcher (bottom-left) and chat bubble (bottom-right) covered the last footer
   links at the end of the page (WCAG 2.4.11): leave room under the footer bar so they scroll clear. */
#main-footer .et_pb_section.columnbottom{padding-bottom:84px!important}
/* Accordion title buttons (added by a11y-fixes.js) look exactly like the old title text */
.et_pb_toggle_title .a11y-toggle-btn{all:unset;display:block;width:100%;cursor:pointer;font:inherit;color:inherit;text-align:inherit;letter-spacing:inherit;text-transform:inherit}