#toplevel_page_essential-blocks .wp-menu-image img{margin-top:-2px;width:21px}#toplevel_page_essential-blocks.current .wp-menu-image img{opacity:1}.eb-menu-notice{background:red;background-color:#d63638;border-radius:9px;bottom:24px;box-sizing:border-box;color:#fff;display:inline-block;display:none;font-size:11px;height:18px;line-height:1.6;margin:1px 0 -1px 2px;min-width:18px;padding:0 5px;position:absolute;right:0;text-align:center;vertical-align:top;z-index:26}.eb-whats-new{border-radius:4px;box-shadow:3px 0 5px 1px #d8d8d8;left:100%;margin:0;min-width:300px;padding:0;text-align:left;top:15px;z-index:99999}.eb-whats-new,.eb-whats-new:before{background:#fff;position:absolute;transform:translateY(-50%)}.eb-whats-new:before{aspect-ratio:1/2;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";left:-10px;top:50%;width:10px}.eb-whats-new .eb-hn-title{align-items:center;background-color:#3a6fac;color:#fff;display:flex;font-size:14px;gap:5px;padding:10px 10px 10px 15px}.eb-whats-new .eb-hn-title .dashicons{background-color:#fff;border-radius:50%;color:#3a6fac;padding:5px}.eb-whats-new .eb-hn-content{padding:10px 10px 10px 15px}.eb-whats-new .eb-hn-content p{color:#222;font-size:13px;font-weight:400;margin:0}.eb-whats-new .eb-hn-content button{display:block;margin-top:15px;padding:0}.eb-whats-new .eb-hn-content button a{line-height:1;padding:6px 12px!important}.eb-whats-new .eb-hn-content button.button-dismiss{align-items:center;background-color:transparent;border:0;box-shadow:unset;display:flex;gap:3px;margin:0 0 0 auto}.eb-whats-new .eb-hn-content button.button-dismiss .dashicons{color:#7f8386}.triangle{aspect-ratio:1/2;background:linear-gradient(45deg,#fa6900,#c02942);clip-path:polygon(100% 0,0 50%,100% 100%);width:100px} /* Focus Management Styles - WCAG 2.1 Compliance */ /* Added for keyboard accessibility and screen reader support */ /* Button Focus Styles */ .hvac-button:focus, .hvac-content .button:focus, .hvac-content button:focus, .hvac-content input[type="submit"]:focus, .hvac-email-submit:focus, .hvac-filter-submit:focus, .hvac-certificate-actions button:focus, .hvac-certificate-actions a:focus { outline: 2px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); border-radius: 4px; } /* Input Focus Styles */ .hvac-form-input:focus, .hvac-content input[type="text"]:focus, .hvac-content input[type="email"]:focus, .hvac-content input[type="password"]:focus, .hvac-content input[type="url"]:focus, .hvac-content textarea:focus, .hvac-content select:focus, .hvac-email-form-row input:focus, .hvac-email-form-row textarea:focus, .hvac-filter-group input:focus, .hvac-filter-group select:focus { outline: 2px solid #005fcc; outline-offset: 2px; border-color: #005fcc; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); } /* Link Focus Styles */ .hvac-content a:focus, .hvac-event-link:focus, .hvac-certificate-link:focus, .hvac-attendee-profile-icon:focus, .hvac-dashboard-nav a:focus, .hvac-email-navigation a:focus { outline: 2px solid #005fcc; outline-offset: 2px; text-decoration: underline; background-color: rgba(0, 95, 204, 0.1); border-radius: 2px; } /* Interactive Element Focus Styles */ .hvac-attendee-checkbox:focus, .hvac-select-all-container input[type="checkbox"]:focus, .hvac-modal-close:focus, .hvac-certificate-table tr:focus { outline: 2px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); } /* High Contrast Mode Support */ @media (prefers-contrast: high) { .hvac-content *:focus { outline: 3px solid #000000; outline-offset: 2px; background-color: #ffff00; color: #000000; } } /* Focus-visible polyfill support */ /* Reset focus for mouse users while preserving keyboard accessibility */ .js-focus-visible :focus:not(.focus-visible) { outline: none; box-shadow: none; } /* Ensure focus is visible for keyboard users */ .js-focus-visible .focus-visible { outline: 2px solid #005fcc; outline-offset: 2px; }