Ben Reed
cdc5ea85f4
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
633 lines
22 KiB
CSS
633 lines
22 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;
|
|
}
|