Add massive collection of CSS, JavaScript and theme assets that were previously excluded: **CSS Files (681 total):** - HVAC plugin-specific styles (hvac-*.css): 34 files including dashboard, certificates, registration, mobile nav, accessibility fixes, animations, and welcome popup - Theme framework files (Astra, builder systems, layouts): 200+ files - Plugin compatibility styles (WooCommerce, WPForms, Elementor, Contact Form 7): 150+ files - WordPress core and editor styles: 50+ files - Responsive and RTL language support: 200+ files **JavaScript Files (400+ total):** - HVAC plugin functionality (hvac-*.js): 27 files including menu systems, dashboard enhancements, profile sharing, mobile responsive features, accessibility, and animations - Framework and library files: jQuery plugins, GSAP, AOS, Swiper, Chart.js, Lottie, Isotope - Plugin compatibility scripts: WPForms, WooCommerce, Elementor, Contact Form 7, LifterLMS - WordPress core functionality: customizer, admin, block editor compatibility - Third-party integrations: Stripe, SMTP, analytics, search functionality **Assets:** - Certificate background images and logos - Comprehensive theme styling infrastructure - Mobile-responsive design systems - Cross-browser compatibility assets - Performance-optimized minified versions **Updated .gitignore:** - Fixed asset directory whitelisting patterns to properly include CSS/JS/images - Added proper directory structure recognition (!/assets/css/, !/assets/js/, etc.) - Maintains security by excluding sensitive files while including essential assets This commit provides the complete frontend infrastructure needed for: - Full theme functionality and styling - Plugin feature implementations - Mobile responsiveness and accessibility - Cross-browser compatibility - Performance optimization - Developer workflow support
86 lines
21 KiB
CSS
86 lines
21 KiB
CSS
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate:hover,#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate.selected{box-shadow:0 0 0 2px #5c24a9,0 3px 4px rgba(0,0,0,0.15)}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-thumbnail{background-color:#faf5fe}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap{display:flex;max-height:40px}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-template-name{padding-right:10px}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-badge{box-sizing:border-box;opacity:1;font-size:8px;padding:6px 8px;height:18px;margin-top:20px}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive{color:#ffffff;background-color:#7a30e2;margin:0;pointer-events:all;cursor:default}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:hover{background-color:#7a30e2;color:#ffffff}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:focus{box-shadow:none}#wpforms-panel-ai-form .wpforms-panel-sidebar{z-index:20;overflow:hidden}#wpforms-panel-ai-form .wpforms-panel-sidebar-header{border-bottom:1px solid #ced7e0}#wpforms-panel-ai-form .wpforms-btn-back-to-templates{background-color:transparent;border:none;color:#444444;width:auto;text-align:left;padding:15px 15px 15px 43px;font-size:15px;font-weight:600;cursor:pointer;position:relative}#wpforms-panel-ai-form .wpforms-btn-back-to-templates:hover{text-decoration:underline}#wpforms-panel-ai-form .wpforms-btn-back-to-templates:before{content:'';position:absolute;left:20px;background-image:url("../../../images/integrations/ai/back.svg");background-size:13px 11px;width:13px;height:11px;top:50%;transform:translateY(-50%)}#wpforms-panel-ai-form .wpforms-panel-content-wrap{overflow-x:hidden}#wpforms-panel-ai-form .wpforms-panel-content.wpforms-panel-fields{width:100%;height:auto;padding:15px}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state{min-height:485px;height:calc( 100vh - 200px - var( --wpforms-admin-bar-height ));display:flex;flex-direction:column;justify-content:center;align-items:center}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state::before{background-image:url("../../../images/integrations/ai/ai-form-empty-state.svg");background-position:center center;background-repeat:no-repeat;background-size:568px 284px;content:"";display:block;height:284px;width:100%}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state h4{color:#444444;font-size:24px;font-weight:600;line-height:29px;margin:30px 0 10px}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state p{color:#777777;font-size:16px;font-weight:400;line-height:19px;margin:0;text-align:center;max-width:600px}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-title{font-size:28px;line-height:28px;padding:15px 0 30px 0;margin:0 15px 15px 15px;border-bottom:1px solid #dddddd}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field{margin:0;min-height:128px;position:relative}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field:has(>.placeholder.fade-out){min-height:0}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .placeholder{border-radius:4px;width:calc( 100% - 30px);height:98px;margin:15px;background:linear-gradient(92deg, #fcfcfc 50%, #f8f8f8 100%);position:absolute;top:0;left:0}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .placeholder.fade-out{animation:fade-out .25s ease-in;background:transparent}@keyframes fade-out{0%{opacity:1}100%{opacity:0;background:transparent}}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field{cursor:default;opacity:0}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field.fade-in{animation:fade-in .25s ease-in;background:transparent;opacity:1}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover{border-color:transparent}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-field-divider:not(:empty)::before{display:revert}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-buttons{border-color:transparent}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-divider{background-color:#626262}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-divider span:not(.wpforms-badge){background-color:#626262}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:empty::before{display:none}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field label,#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field input,#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field select,#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field textarea,#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field button{cursor:default}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-pagebreak-normal .wpforms-pagebreak-divider{margin:0 -15px}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-submit{width:fit-content;pointer-events:none;background:#999999;border:none;border-radius:4px;color:#ffffff;cursor:pointer;font-size:17px;font-weight:600;line-height:21px;padding:10px 15px;margin:20px 15px 15px 15px}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-addons-notice{display:flex;align-items:center;margin:20px 15px 15px 15px}#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-addons-notice .wpforms-alert-message a{color:#444444;font-weight:600;text-decoration:underline}wpforms-ai-chat[mode="forms"]{height:calc( 100% - 50px);--wpforms-ai-chat-input-height: 54px}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list{padding:20px 20px 0 20px;height:calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - 40px);max-height:calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - 40px)}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title{font-weight:600}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-header .wpforms-ai-chat-header-description a{display:block;line-height:24px;margin-top:5px}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list.wpforms-scrollbar-compact{padding-right:6px;scrollbar-gutter:stable}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-divider{border-top:none;margin:0 0 40px 0}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-question{width:auto;max-width:320px;font-weight:600}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content{width:320px;max-width:320px}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content h4,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content h4,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content h4{line-height:22px;margin:0}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons{margin-top:10px}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer:before,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-warning:before,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-error:before{background-image:url("../../../images/integrations/ai/icon-sullie.svg")}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child{margin-bottom:20px}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-content{position:relative}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-inactive .wpforms-chat-item-answer:not(.active) .wpforms-chat-item-content{pointer-events:none}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input{padding:20px;height:calc( var( --wpforms-ai-chat-input-height, 54px ) + 40px);max-height:calc( var( --wpforms-ai-chat-input-height, 54px ) + 40px)}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input .wpforms-ai-chat-send,wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input .wpforms-ai-chat-stop{inset-inline-end:20px;bottom:19px}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-restaurant{background-image:url("../../../images/integrations/ai/icon-restaurant.svg")}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-ticket{background-image:url("../../../images/integrations/ai/icon-ticket.svg")}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-design{background-image:url("../../../images/integrations/ai/icon-design.svg")}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-stop{background-image:url("../../../images/integrations/ai/icon-stop-sign.svg")}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-pizza{background-image:url("../../../images/integrations/ai/icon-pizza.svg")}wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-market{background-image:url("../../../images/integrations/ai/icon-market.svg")}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description{font-size:16px;color:#444444;line-height:24px}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a{color:#036aab;font-size:15px}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:hover,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:focus{color:#0399ed}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-question{background-color:#0399ed}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-spinner{background:#dfe8f2}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content{background:#dfe8f2;border:2px solid transparent;cursor:pointer;transition-property:border-color;transition-duration:0.15s;transition-timing-function:ease-out}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content:hover,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content:hover{border-color:#86919e}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content h4,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content h4{font-weight:600}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-ai-chat-answer-buttons button span,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-ai-chat-answer-buttons button span{font-weight:600}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons{border-top:1px solid #ced7e0}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons button,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons button{opacity:0.5;pointer-events:none}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response .wpforms-ai-chat-answer-button.dislike,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response .wpforms-ai-chat-answer-button.dislike{background-image:url("../../../images/integrations/ai/thumbs-down-inactive.svg")}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response button,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response button{opacity:1;color:#b0b6bd}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-action,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-action{background:#86919e;color:#ffffff}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-chat-item-content,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-chat-item-content{background:#ffffff;border-color:#ffffff}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-chat-item-content:hover,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-chat-item-content:hover{cursor:default}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-ai-chat-answer-buttons button,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-ai-chat-answer-buttons button{opacity:1}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content{background:#ffffff}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content h4{font-weight:600}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content span a{color:#444444}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content span a:hover{color:#777777}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer-waiting .wpforms-chat-item-spinner{color:#86919e}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input{border-top:1px solid #ced7e0;background:#dfe8f2}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea{font-size:15px}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea::placeholder{color:#b0b6bd}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea:not(:focus){border-color:#b0b6bd}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea:focus{border:1px solid #036aab;box-shadow:0 2px 2px 0 rgba(0,0,0,0.07),0 0 0 1px #036aab}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop{background-color:#036aab}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send:hover,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send:focus,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop:hover,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop:focus{background-color:#215d8f}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li{border-bottom:1px solid #ced7e0}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li:last-child{border-bottom:none}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li::after{background-image:url("../../../images/integrations/ai/icon-send-blue.svg")}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a{color:#036aab}wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li a:hover,wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li a:focus{color:#036aab;text-decoration:underline}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-install-addons-modal .jconfirm-checkbox{grid-column:1 / -1;margin:5px 0 10px 0;color:#777777;vertical-align:center}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-install-addons-modal .jconfirm-checkbox input[type="checkbox"]{border-color:#a6a6a6;background:#ffffff}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-addons-installed-modal .jconfirm-buttons{margin-top:0}
|
|
|
|
|
|
/* 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;
|
|
}
|