.listeo-ai-chat-wrapper.dark-mode {
--chat-bg: #111;
--chat-bg-secondary: #222;
--chat-bg-tertiary: #222;
--chat-border: #333;
--chat-border-light: #444;
--chat-text: #e5e5e5;
--chat-text-secondary: #ccc;
--chat-text-muted: #888;
--chat-shadow: rgba(0, 0, 0, 0.4);
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-container {
background: var(--chat-bg) !important;
border-color: var(--chat-border) !important;
box-shadow: 0 5px 20px var(--chat-shadow);
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-header {
background: var(--chat-bg-secondary) !important;
border-bottom-color: var(--chat-border) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-title {
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-status-dot {
border-color: var(--chat-bg-secondary) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-trigger {
color: var(--chat-text-muted) !important;
}
.elementor-chat-style .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-trigger,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-trigger:hover,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-trigger[aria-expanded="true"] {
background: var(--chat-bg-tertiary) !important;
color: var(--chat-text) !important;
}
.elementor-chat-style .listeo-ai-chat-wrapper.dark-mode.expanded .listeo-ai-chat-quick-buttons {
padding-bottom: 20px;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-header,
.elementor-chat-style .listeo-ai-chat-wrapper.dark-mode.expanded .listeo-ai-chat-messages { border-radius: 5px 5px 0 0; }
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-dropdown {
background: var(--chat-bg-secondary) !important;
border-color: var(--chat-border) !important;
box-shadow: 0 4px 16px var(--chat-shadow);
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-item {
color: var(--chat-text-secondary) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-item:hover {
background: var(--chat-bg-tertiary) !important;
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-item svg {
color: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-menu-item:hover svg {
color: var(--chat-text) !important;
} .listeo-ai-chat-wrapper.dark-mode button.listeo-ai-chat-clear-btn {
color: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode button.listeo-ai-chat-clear-btn:hover {
color: var(--chat-text) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-messages {
background: var(--chat-bg) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-user {
background: var(--ai-chat-primary-color, #0073ee) !important;
color: #fff !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-assistant,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message.listeo-ai-chat-message-system {
background: #222 !important;
color: var(--chat-text) !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-assistant.chat-message-results {
background: transparent !important;
box-shadow: none !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-system {
color: var(--chat-text-muted) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-content {
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-content strong {
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-content a,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-content a strong {
color: var(--ai-chat-primary-color, #5fa8ff) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-content a:hover {
color: #fff !important;
} .listeo-ai-chat-wrapper.dark-mode div.listeo-ai-chat-message.listeo-ai-chat-message-assistant[id^="loading"] {
background: transparent !important;
box-shadow: none !important;
color: var(--chat-text-muted) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-typing-dots span {
background: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-shimmer-text {
background: linear-gradient(90deg,
#888 0%,
#888 40%,
#bbb 48%,
#eee 52%,
#bbb 56%,
#888 62%,
#888 100%
) !important;
background-size: 300px 100% !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-loading::before {
background: var(--chat-bg-secondary) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-input-wrapper {
background: var(--chat-bg-secondary) !important;
border-top-color: var(--chat-border) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-input,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-input:not(.elementor-chat-style .listeo-ai-chat-input) {
background: #303030 !important;
color: var(--chat-text) !important;
border-color: var(--chat-border) !important;
box-shadow: none !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-input::placeholder {
color: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-input:focus {
border-color: var(--ai-chat-primary-color, #0073ee) !important;
box-shadow: 0 0 0 2px rgba(0, 115, 238, 0.25) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-send-btn {
background: var(--ai-chat-primary-color, #0073ee) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-send-btn:disabled {
background: var(--chat-border-light) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-image-btn {
background: #242424 !important;
color: #ccc !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-image-btn:hover {
background: var(--ai-chat-primary-color, #0073ee) !important;
color: #fff !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-image-btn:hover svg {
stroke: #fff !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-image-btn.has-image {
background: var(--ai-chat-primary-color-light, rgba(0, 115, 238, 0.2)) !important;
color: var(--ai-chat-primary-color, #5fa8ff) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-quick-buttons {
background: var(--chat-bg) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-quick-btn {
background: var(--chat-bg-tertiary) !important;
color: var(--chat-text-secondary) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-quick-btn:hover {
background: var(--ai-chat-primary-color, #0073ee) !important;
color: #fff !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-quick-btn:hover .listeo-ai-btn-icon {
stroke: #fff !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-listing-item {
background: var(--chat-bg-secondary) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-listing-item:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-listing-title {
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode p.listeo-ai-listing-excerpt {
color: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-listing-meta {
color: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-listing-meta i {
color: var(--chat-border-light) !important;
} .listeo-ai-chat-wrapper.dark-mode .product-price {
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .product-price .regular-price {
color: var(--chat-text-muted) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-show-more-btn {
background: var(--ai-chat-primary-color, #0073ee) !important;
color: #fff !important;
} .listeo-ai-chat-wrapper.dark-mode .match-badge.best {
background: rgba(39, 174, 96, 0.2) !important;
color: #5cd690 !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-listing-context-title,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-product-context-title {
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-load-listing-btn,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-load-product-btn {
background: var(--chat-bg-tertiary) !important;
color: var(--chat-text) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-load-listing-btn:hover,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-load-product-btn:hover {
background: var(--chat-border) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
.listeo-ai-chat-wrapper.dark-mode .context-loaded-icon {
color: var(--chat-text) !important;
} .listeo-ai-chat-wrapper.dark-mode .popular-searches-header {
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .popular-search-tag {
background: var(--chat-bg-tertiary) !important;
color: var(--chat-text-secondary) !important;
}
.listeo-ai-chat-wrapper.dark-mode .popular-search-tag:hover {
background: var(--ai-chat-primary-color, #0073ee) !important;
color: #fff !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-disabled {
background: rgba(255, 193, 7, 0.15) !important;
color: #ffc107 !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-powered-by {
color: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-powered-by a {
color: var(--ai-chat-primary-color, #5fa8ff) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-powered-by a:hover {
color: var(--chat-text) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-terms-notice {
color: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-terms-notice a {
color: var(--ai-chat-primary-color, #5fa8ff) !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-overlay {
background: rgba(0, 0, 0, 0.5) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form {
background: var(--chat-bg-secondary) !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-header h3 {
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-close {
background: var(--chat-bg-tertiary) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-close svg {
stroke: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-close:hover {
background: var(--chat-border) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-close:hover svg {
stroke: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-field label {
color: var(--chat-text-secondary) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-field input,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-field textarea {
background: #303030 !important;
border-color: var(--chat-border) !important;
color: var(--chat-text) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-field input::placeholder,
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-field textarea::placeholder {
color: var(--chat-text-muted) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-message.success {
background: rgba(39, 174, 96, 0.2) !important;
color: #5cd690 !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-contact-form-message.error {
background: rgba(239, 68, 68, 0.2) !important;
color: #f87171 !important;
} .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-messages::-webkit-scrollbar-track {
background: var(--chat-bg) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-messages::-webkit-scrollbar-thumb {
background: var(--chat-border) !important;
}
.listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-messages::-webkit-scrollbar-thumb:hover {
background: var(--chat-border-light) !important;
} .elementor-chat-style .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message-assistant,
.elementor-chat-style .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-message.listeo-ai-chat-message-system {
background: transparent !important;
box-shadow: none !important;
}
.elementor-chat-style .listeo-ai-chat-wrapper.dark-mode .listeo-ai-quick-btn {
background: var(--chat-bg-tertiary) !important;
}
.elementor-chat-style .listeo-ai-chat-wrapper.dark-mode .listeo-ai-listing-item {
border: 1px solid var(--chat-border) !important;
}
.elementor-chat-style .listeo-ai-chat-wrapper.dark-mode .listeo-ai-listing-item:hover {
border-color: var(--chat-border-light) !important;
}  .listeo-floating-chat-widget.dark-mode .listeo-floating-welcome-bubble {
background: #1a1a1a;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}
.listeo-floating-chat-widget.dark-mode .listeo-floating-welcome-bubble-content {
color: #e5e5e5;
}
.listeo-floating-chat-widget.dark-mode .listeo-floating-welcome-bubble-arrow {
background: #1a1a1a;
} .listeo-floating-chat-popup .listeo-ai-chat-wrapper.dark-mode .listeo-ai-chat-container {
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
}.listeo-floating-chat-widget {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999999;
} .listeo-floating-chat-button {
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
min-height: 60px !important;
max-width: 60px !important;
max-height: 60px !important;
border-radius: 100px !important;
background: #222;
border: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease !important;
position: absolute !important;
z-index: 2;
right: 0;
bottom: 0;
padding: 0;
}
.listeo-floating-chat-button:hover {
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
} .listeo-floating-chat-button i {
color: white;
font-size: 24px;
transition: all 0.2s ease;
}
.listeo-floating-chat-button i.sl-icon-arrow-down { font-size: 18px; } .listeo-floating-custom-icon {
max-width: 32px;
max-height: 32px;
width: auto;
height: auto;
object-fit: contain;
transition: all 0.2s ease;
} .listeo-floating-icon-open,
.listeo-floating-icon-close {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
} .listeo-floating-welcome-bubble {
right: 0;
background: white;
border-radius: 8px;
padding: 12px 16px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); animation: bubbleFadeIn 0.3s ease;
z-index: 1;
text-align: center;
width: auto;
margin-bottom: 75px;
position: relative;
}
.listeo-floating-welcome-bubble-content {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #555;
}
.listeo-floating-welcome-bubble-arrow {
position: absolute;
bottom: -6px;
right: 20px;
width: 12px;
height: 12px;
background: white;
transform: rotate(45deg);
} .listeo-floating-welcome-bubble.hidden {
display: none;
}
@keyframes bubbleFadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .listeo-floating-chat-popup {
position: absolute;
bottom: 75px;
right: 0; background: white;
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
overflow: hidden;
animation: popupSlideIn 0.3s ease;
}
@keyframes popupSlideIn {
from {
opacity: 0;
transform: translateY(20px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
} .listeo-floating-chat-popup .listeo-ai-chat-wrapper {
height: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.listeo-floating-chat-popup .listeo-ai-chat-container {
height: 100%;
border: none;
border-radius: 0;
box-shadow: none;
}
.listeo-floating-chat-popup { max-height: 75vh; }
@media (max-width: 768px) {
.listeo-floating-chat-widget {
bottom: 0;
right: 0;
width: 100%;
}
.listeo-floating-chat-popup {
width: calc(100% - 30px) ! Important;
height: calc(100vh - 100px) ! Important;
bottom: 80px ! Important;
right: 15px ! Important;
}
.listeo-floating-chat-button {
bottom: 20px;
right: 20px;
position: absolute;
zoom: 0.8;
}
.listeo-floating-welcome-bubble {
right: 15px;
width: fit-content;
float: right;
}
} .listeo-ai-chat-terms-notice {
padding: 16px;
padding-top: 0;
font-size: 13px;
line-height: 19px;
text-align: center;
margin-top: -5px;
color: #666;
}
.listeo-ai-chat-terms-notice a {
color: var(--ai-chat-primary-color);
text-decoration: none;
}
.listeo-ai-chat-terms-notice a:hover {
text-decoration: underline;
}.ai-chat-search-container {
max-width: 900px;
margin: 0 auto;
padding: 0px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
overflow: visible;
position: relative;
} .ai-search-form-wrapper {
position: relative;
margin-bottom: 0;
overflow: visible;
}
.fs-content .ai-search-form-wrapper,
.sidebar .ai-search-form-wrapper{
position: relative;
height: 51px;
padding: 0 20px;
margin: 0;
outline: none;
font-size: 15px;
color: #888;
max-width: 100%;
width: 100%;
box-sizing: border-box;
font-weight: 500;
opacity: 1;
border-radius: 4px;
transition: 0.2s;
background-color: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
margin-bottom: 18px;
display: flex;
align-items: center;
}
.ai-chat-search-form {
margin: 0;
}
.search-input-wrapper {
display: flex;
align-items: center;
position: relative; border-radius: 4px;
overflow: visible; justify-content: space-between;
width: 100%;
} .search-input-icon {
padding: 0 7px 0 0;
display: flex;
align-items: center;
}
.search-stars {
font-size: 18px;
opacity: 0.9;
width: 20px;
}
.ai-btn-container {
position: relative;
}
.ai-btn-container.ai-btn-error .ai-search-button {
opacity: 0;
visibility: hidden;
} .ai-search-button {
padding: 1px 12px;
background: linear-gradient(135deg, #a98fe5, #7c3aed);
color: white;
border: none;
border-radius: 50px;
cursor: pointer;
font-size: 13px;
font-weight: 600;
display: flex;
align-items: center;
gap: 0;
justify-content: center;
position: relative;
overflow: hidden;
white-space: nowrap;
line-height: 24px;
transition: all 0.3s ease;
background:linear-gradient(292deg, #8b5cf6, #ec4899, #f59e0b);
}
.ai-search-button:hover:not(:disabled) {  }
.ai-search-button:disabled {
opacity: 0.7;
cursor: not-allowed;
transform: none;
}
.ai-search-button.loading-ai {
background: linear-gradient(135deg, #6d28d9, #5b21b6);
}
.ai-search-button.tooltip-visible .button-text {
opacity: 0.3;
}
.ai-search-button .ai-button-icon {
font-size: 12px;
margin-right: 4px;
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
} .ai-search-form-wrapper {
container-type: inline-size;
}
@container (max-width: 400px) {
.ai-btn-container {
position: absolute;
right: 0;
top: 0;
}
.ai-search-button {
width: 24px;
height: 24px;
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 100;
}
.ai-search-button .ai-button-icon {
flex-shrink: 0;
margin-right: 0;
font-size: 11px;
}
body .listing-item-ai .listing-meta-ai span.address {
max-width: 95%
}
.ai-search-button .button-text {
max-width: 0;
opacity: 0;
overflow: hidden;
transition: max-width 0.3s ease, opacity 0.3s ease;
white-space: nowrap;
font-size: 13px;
line-height: 24px;
}
.ai-search-button:hover {
width: auto;
padding: 3px 12px;
z-index: 1000;
}
.ai-search-button:hover .ai-button-icon {
margin-right: 4px;
}
.ai-search-button:hover .button-text {
max-width: 120px;
opacity: 1;
}
body .validation-popup {
line-height: 25px;
padding: 0 13px;
font-size: 13px;
height: 25px;
} body .match-badge.best {
font-weight: 600;
text-transform: none;
letter-spacing: 0;
font-size: 11px;
padding: 0px 6px;
height: 18px;
}
} @container (max-width: 400px) {
.search-results-container {
padding: 15px !important;
}
.listing-thumbnail-ai {
width: 60px !important;
height: 60px !important;
padding: 5px !important;
display: none !important;
}
.listing-item-ai .listing-title-ai {
font-size: 14px !important; margin: 0 !important;
line-height: 20px !important;
}
.listing-item-ai {
flex-direction: column;
}
.listing-item-ai .listing-excerpt-ai {
display: none !important; }
.listing-details-ai {
padding: 10px 13px !important; flex-direction: column;
}
.listing-sidebar-ai { justify-content: flex-start}
.listing-sidebar-ai {
min-width: 80px !important;
align-items: flex-start !important;
display: none !important;
} .listing-title-ai .match-badge.compact {
}
.listing-item-ai .listing-meta-ai {
flex-direction: column;
align-items: flex-start !important;
gap: 0 !important;
margin-top: 2px !important;
font-size: 13px !important;
}
.listing-item-ai .listing-meta-ai span {
font-size: 13px !important;
}
.ai-results-header {
margin-bottom: 16px !important;
}
.ai-header-title {
font-size: 16px !important;
}
.ai-header-subtitle {
font-size: 12px !important;
}
}
.ai-search-button.loading-ai {
background: linear-gradient(135deg, #6d28d9, #5b21b6);
}
.loading-spinner {
display: inline-block;
}
.loading-spinner i {
font-size: 14px;
} .search-suggestions {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0; width: 100%;
background: white;
border: 1px solid #e0e0e0;
border-radius: 4px;
padding: 20px;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%);
z-index: 9999;
display: none;  opacity: 0;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} .ai-search-visible {
opacity: 1 !important;
transform: translateY(0) !important;
display: block !important;
}
.search-suggestions h4 {
margin: 0 0 12px 0;
font-size: 14px;
color: #6b7280;
font-weight: 500;
}
.suggestion-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.suggestion-tag {
display: inline-block;
padding: 5px 10px;
background: #f4f4f4;
border-radius: 65px;
font-size: 13px;
color: #333;
cursor: pointer;
transition: all 0.2s ease;
font-weight: 500;
line-height: 17px;
}
.suggestion-tag:hover {
background: #222;
color: white;
} .ai-chat-search-container .ai-processing-status {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0; width: 100%;
background: white;
border: 1px solid #e0e0e0;
border-radius: 4px;
padding: 15px 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
display: none; z-index: 10000;  opacity: 0;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.processing-step {
display: flex;
align-items: center;
gap: 6px;
padding: 0;
opacity: 0.5;
transition: opacity 0.3s ease;
position: relative;
min-height: 28px;
margin: 0 2px;
}
.processing-step.active {
opacity: 1;
position: relative;
overflow: hidden;
border-radius: 74px;
min-height: 28px;
}
.processing-step.active .step-icon,
.processing-step.active .step-text {
color: #8b5cf6;
}
.processing-step .step-timing {
margin-left: auto;
font-size: 13px;
color: #8b5cf6;
background: #f3f0fd;
border-radius: 4px;
padding: 2px 8px;
font-weight: 500;
opacity: 0.85;
min-width: 48px;
text-align: right;
box-shadow: 0 1px 2px rgba(139,92,246,0.07);
transition: background 0.2s, color 0.2s;
margin-right: 2px;
display: none;
}
.processing-step.completed .step-timing,
.processing-step.active .step-timing {
display: inline-block;
}
.processing-step.active::before {
content: '';
position: absolute;
top: 0;
left: -50%;
width: 50%;
height: 100%;
background: linear-gradient(90deg, 
transparent, 
rgba(139, 92, 246, 0.1), 
rgba(168, 85, 247, 0.1), 
rgba(139, 92, 246, 0.1), 
transparent
);
animation: lightning 2s infinite;
z-index: 1;
border-radius: 4px;
}
.processing-step.active .step-icon,
.processing-step.active .step-text {
position: relative;
z-index: 2;
}
@keyframes lightning {
0% {
left: -50%;
}
100% {
left: 100%;
}
}
.processing-step.completed {
opacity: 1;
}
.step-icon {
font-size: 15px;
width: 24px;
text-align: center;
}
.step-text {
font-size: 14px;
color: #374151;
font-weight: 500;
line-height: 18px;
} .search-results-container {
position: absolute;
top: calc(100% + 5px);
left: 0px;
right: 0; width: 100%;
min-height: auto;
max-height: 400px;
overflow-y: auto;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 6%);
padding: 20px;
border: 1px solid #e0e0e0;
border-radius: 4px;
background: white;
z-index: 9999;
display: none; container-type: inline-size; opacity: 0;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 480px) {
.main-search-inner .search-results-container {min-width: 320px; }
}
.results-header {
margin-bottom: 20px;
padding: 20px;
background: linear-gradient(135deg, #f8faff, #eef2ff);
border: 1px solid #e0e7ff;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.results-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(135deg, #667eea, #764ba2);
} .ai-results-header {
margin-bottom: 20px;
}
.ai-header-gradient {
background: white; border-radius: 16px; color: #1f2937;
display: flex;
align-items: center;
gap: 16px; }
.ai-header-icon {
font-size: 28px;
opacity: 0.8;
}
.ai-header-content {
flex: 1;
}
.widget .ai-header-title,
.ai-header-title {
font-size: 20px;
font-weight: 700;
margin: 0;
line-height: 1.2;
background: linear-gradient(135deg, #8b5cf6, #ec4899, #f59e0b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.ai-header-subtitle {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #6b7280;
}
.query-highlight {
font-weight: 600;
background: linear-gradient(135deg, #8b5cf6, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.results-count {
font-size: 20px;
color: #4c51bf;
margin-bottom: 8px;
font-weight: 600;
}
.search-explanation {
font-size: 14px;
color: #6b7280;
font-style: italic;
line-height: 1.5;
}
.fallback-notice {
padding: 12px 16px;
margin-bottom: 15px;
background: #d1ecf1;
border: 1px solid #bee5eb;
border-radius: 5px;
color: #0c5460;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
}
.ai-search-input {
height: 30px !important;
background: transparent;
box-shadow: none !Important;
margin-left: 0 !important;
width: 100%;
padding-left: 0 !important;
width: 100%;
flex: 1;
flex-grow: 1;
padding: 0;
border: none !important;
outline: none;
font-size: 16px;
background: transparent;
margin: 0 !important;
font-weight: 500;
line-height: 20px !important;
}
.ai-search-input::placeholder {
color: #808080;
font-weight: 500;
font-size: 15px;
} .results-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 24px;
margin-bottom: 30px;
} .results-list-ai {
display: flex !important;
flex-direction: column !important;
gap: 12px;
margin-bottom: 0;
} .listing-item-ai {
background: white !important;
border-radius: 5px !important;  transition: all 0.2s ease;
border: 1px solid #e0e0e0 !important;
display: flex !important;
align-items: stretch !important;
min-height: 80px !important;
position: relative;
width: 100% !important;
box-shadow: none; text-decoration: none !important;
color: inherit !important; overflow: hidden;
}
.listing-item-ai:hover {
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
} .listing-thumbnail-ai {
position: relative;
height: 100px;
flex-shrink: 0;
overflow: hidden;
max-height: 100px;
width: 100px;
padding: 10px;  }
.listing-thumbnail-ai img {
width: 100%;
height: 100% !important;
object-fit: cover;
transition: transform 0.2s ease;
border-radius: 5px !important;
} .listing-item-ai.no-thumbnail .listing-details-ai {
padding-left: 16px;
}
.listeo-ai-listing-item.no-thumbnail .listeo-ai-listing-details {
padding-left: 16px;
} .listing-details-ai {
display: flex;
flex: 1;
align-items: stretch;
padding: 12px 16px;
gap: 0;
padding-left: 7px;
}
.listing-main-ai {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0; }
.listing-sidebar-ai {
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
gap: 4px;
min-width: 100px;
} .listing-item-ai .listing-title-ai {
margin: 0 0 4px 0;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #222;
transition: 0.2s;
} .listing-item-ai .listing-excerpt-ai {
color: #6b7280;
font-size: 14px;
line-height: 1.4;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 1; line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 90%;
}
.listing-item-ai .listing-meta-ai {
display: flex;
gap: 12px;
font-size: 14px;
color: #888;
flex-wrap: nowrap;
align-items: center;
margin-top: 5px;
}
.listing-item-ai .listing-meta-ai span {
display: flex;
align-items: center;
gap: 4px;
white-space: nowrap;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 20px;
}
.listing-item-ai .listing-meta-ai span.address {      overflow: hidden; color: #888;
font-size: 13px;
line-height: 1.4; display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 70%;
}
.listing-item-ai .listing-meta-ai i {
width: 10px;
text-align: center;
color: #b4b4b4;
font-size: 12px;
} .listing-item-ai .listing-meta-ai .rating-ai {
color: #f59e0b;
font-weight: 500;
}
.listing-item-ai .listing-meta-ai .rating-ai i {
color: #f59e0b !important;
font-size: 10px;
} .listing-sidebar-ai .price {
font-size: 14px;
font-weight: 600;
color: #059669;
text-align: right;
} .listing-sidebar-ai:empty {
display: none;
} .listing-sidebar-ai:empty {
display: none;
} .listing-sidebar-ai:empty {
display: none;
} .listing-sidebar-ai {
min-width: 100px;
}
.listing-sidebar-ai { display: none !important;} .match-badge.best {
font-weight: 600;
font-size: 12px;
padding: 0px 8px;
line-height: 16px;
text-shadow: none;
border-radius: 50px;
background: #00b54d21;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
color: #27ae60;
height: 21px;
position: relative;
top: -1px;
display: inline-block;
margin-top: 4px;
} .no-results {
position: absolute;
top: calc(100% + 8px);
left: 0px;
right: 0;
max-width: 100%;
width: 100%;
text-align: center;
padding: 20px;
background: #f8f9fa;
border-radius: 4px;
z-index: 9999;
display: none; border: 1px solid #e0e0e0;
background: #fff;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%); opacity: 0;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.no-results h3 {
margin: 0 !important;
color: #222;
font-size: 18px!important;
font-weight: 500;
}
.no-results p {
color: #808080;
font-size: 16px;
margin: 0;
line-height: 22px;
margin-top: 5px;
} .search-error {
position: absolute;
top: calc(100% + 0px);
left: 0px;
right: 0;
max-width: 100%;
width: 100%;
padding: 12px 16px;
background: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 4px;
color: #721c24;
font-size: 14px;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%);
z-index: 9999;
display: none;  opacity: 0;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} .search-debug-panel {
margin-top: 20px;
padding: 15px;
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 5px;
font-family: 'Courier New', monospace;
font-size: 12px;
}
.search-debug-panel h4 {
margin: 0 0 15px 0;
color: #495057;
font-family: inherit;
font-size: 14px;
font-weight: bold;
}
.debug-section {
margin-bottom: 8px;
display: flex;
align-items: flex-start;
}
.debug-section strong {
min-width: 140px;
color: #495057;
margin-right: 10px;
}
.debug-section span,
.debug-section pre {
color: #212529;
word-break: break-word;
}
.debug-raw {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
.debug-raw-data {
background: #ffffff;
border: 1px solid #ced4da;
border-radius: 5px;
padding: 10px;
font-size: 11px;
max-height: 300px;
overflow-y: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
.debug-toggle-raw {
background: #6c757d;
color: white;
border: none;
padding: 4px 8px;
border-radius: 5px;
cursor: pointer;
font-size: 11px;
}
.debug-toggle-raw:hover {
background: #5a6268;
} .listing-item-ai {
opacity: 0;
transform: translateY(0px);
animation: fadeInUp 0.4s ease-out forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(0px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .results-header {
opacity: 0;
transform: translateY(0px);
animation: fadeInUp 0.4s ease-out forwards;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(0px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .ai-btn-container {position: absolute;right: 0;top: 50%;transform: translateY(-52%);}
.validation-popup {
position: absolute;
top: 50%;
right: 100%;
background: #dc3545;
color: white;
line-height: 20px;
padding: 1px 13px;
border-radius: 55px;
font-size: 13px;
height: 24px;
font-weight: 500;
white-space: nowrap;
opacity: 0;
transform: translateY(-50%) translateX(-10px);
transition: all 0.3s ease;
z-index: 101;
pointer-events: none;
right: 0;
}
.validation-popup.show {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
.main-search-input .search-input-wrapper {
height: 44px;
}
.main-search-inner .ai-search-input::placeholder,
.main-search-inner .ai-search-input { font-size: 16px !important;}
body .main-search-inner .search-suggestions h4 {
line-height: 20px;
font-size: 14px;
color: #666 !important;
font-weight: 500;
opacity: 1;
}
.main-search-inner .no-results,
.main-search-inner .ai-processing-status,
.main-search-inner .search-suggestions,
.main-search-inner .search-results-container {
border: none;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08);
padding-top: 10px;
}
.widget .no-results,
.widget .ai-processing-status,
.widget .search-suggestions,
.widget .search-results-container {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
top: calc(100% - 2px);
border-top: none;
border-radius: 0 0 4px 4px;
left: -1px;
width: calc(100% + 2px);
padding-top: 10px;
}
.widget .search-results-container { left: 0;}
@media (max-width: 992px) {
.main-search-inner .ai-search-form-wrapper {     background: #fff;
padding: 5px 14px;
border-radius: 5px;}
.main-search-inner .no-results,
.main-search-inner .ai-processing-status,
.main-search-inner .search-suggestions,
.main-search-inner .search-results-container {
padding-top: 20px;
}
body .header-search-container  .ai-search-form-wrapper {     background: #fff;
padding: 5px 14px;
border-radius: 5px;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
}
body .header-search-container .search-input-wrapper {
}
} #dark-mode .fs-content .ai-search-form-wrapper,
#dark-mode .sidebar .ai-search-form-wrapper {
background-color: #333;
border: 1px solid #555;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.3);
}
#dark-mode .ai-search-input {
color: #ddd;
}
#dark-mode .ai-search-input::placeholder {
color: #999;
}
#dark-mode .search-suggestions {
background: #333;
border: 1px solid #555;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 25%);
}
#dark-mode .search-suggestions h4 {
color: #999;
}
#dark-mode .suggestion-tag {
background: #444;
color: #ddd;
}
#dark-mode .suggestion-tag:hover {
background: #555;
color: white;
}
#dark-mode .ai-processing-status {
background: #333;
border: 1px solid #555;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
#dark-mode .step-text {
color: #ddd;
}
#dark-mode .processing-step .step-timing {
background: #444;
color: #8b5cf6;
}
#dark-mode .search-results-container {
background: #333;
border: 1px solid #555;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 25%);
}
#dark-mode .ai-header-gradient {
background: #333;
}
#dark-mode .ai-header-subtitle {
color: #999;
}
#dark-mode .listing-item-ai {
background: #444 !important;
border: 1px solid #666 !important;
}
#dark-mode .listing-item-ai:hover {
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
#dark-mode .listing-item-ai .listing-title-ai {
color: #ddd;
}
#dark-mode .listing-item-ai .listing-excerpt-ai {
color: #999;
}
#dark-mode .listing-item-ai .listing-meta-ai {
color: #999;
}
#dark-mode .listing-item-ai .listing-meta-ai span.address {
color: #999;
}
#dark-mode .listing-item-ai .listing-meta-ai i {
color: #777;
}
#dark-mode .no-results {
background: #333;
border: 1px solid #555;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 25%);
}
#dark-mode .no-results h3 {
color: #ddd !important;
}
#dark-mode .no-results p {
color: #999;
}
#dark-mode .search-error {
background: #5a1a1a;
border: 1px solid #7a2222;
color: #ffb3b3;
}
#dark-mode .validation-popup {
background: #dc2626;
}
#dark-mode .main-search-inner .search-suggestions h4 {
color: #999 !important;
}
#dark-mode .main-search-inner .no-results,
#dark-mode .main-search-inner .ai-processing-status,
#dark-mode .main-search-inner .search-suggestions,
#dark-mode .main-search-inner .search-results-container {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
}
#dark-mode .widget .no-results,
#dark-mode .widget .ai-processing-status,
#dark-mode .widget .search-suggestions,
#dark-mode .widget .search-results-container {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
@media (max-width: 992px) {
#dark-mode .main-search-inner .ai-search-form-wrapper {
background: #333;
border: 1px solid #555;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.25);
}
#dark-mode .header-search-container .ai-search-form-wrapper {
background: #333;
border: 1px solid #555;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.25);
}
}
@media (max-width: 992px) {.home-search-carousel .ai-search-form-wrapper {  background: #fff; padding: 3px 10px; border-radius: 5px; }}  .results-list-ai .listeo-ai-listing-item {
background: white;
border-radius: 5px;
border: 1px solid #e0e0e0;
display: flex;
align-items: stretch;
min-height: 90px;
text-decoration: none !important;
color: inherit;
box-shadow: none;
transition: box-shadow 0.2s, border-color 0.2s;
}
.results-list-ai .listeo-ai-listing-item:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}
.results-list-ai .listeo-ai-listing-thumbnail {
width: 90px;
height: 90px;
flex-shrink: 0;
overflow: hidden;
padding: 12px;
margin-top: 5px;
margin-left: 3px;
}
.results-list-ai .listeo-ai-listing-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.results-list-ai .listeo-ai-listing-details {
flex: 1;
display: flex;
padding: 12px 16px;
padding-left: 0;
align-items: stretch;
gap: 0;
text-decoration: none;
word-break: break-word;
}
.results-list-ai .listeo-ai-listing-main {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.results-list-ai .listeo-ai-listing-title {
margin: 0 0 4px 0;
font-size: 15px;
font-weight: 600;
line-height: 20px;
color: #333;
}
.results-list-ai p.listeo-ai-listing-excerpt {
color: #666;
font-size: 13px;
line-height: 1.4;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.results-list-ai .listeo-ai-listing-meta {
display: flex;
gap: 0;
font-size: 13px;
color: #888;
flex-wrap: wrap;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.results-list-ai .listeo-ai-listing-meta span {
display: flex;
align-items: baseline;
gap: 4px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.results-list-ai .listeo-ai-listing-meta i {
width: 12px;
text-align: center;
font-size: 11px;
color: #b4b4b4;
}
.results-list-ai .listeo-ai-listing-rating {
color: #f59e0b;
font-weight: 500;
}
.results-list-ai .listeo-ai-listing-rating i {
color: #f59e0b !important;
} .results-list-ai .product-price {
font-weight: 600;
color: #333;
font-size: 14px;
display: flex !important;
}
.results-list-ai .product-price .regular-price {
text-decoration: line-through;
color: #888;
font-weight: 400;
margin-right: 6px;
}
.results-list-ai .product-price .sale-price {
color: #27ae60;
font-weight: 600;
background-color: #fbf2d1;
color: #8a803e;
padding: 0px 4px;
border-radius: 50px;
}
.results-list-ai .stock-status {
font-size: 13px;
font-weight: 500;
padding: 0;
border-radius: 54px;
display: inline-flex;
align-items: center;
gap: 4px;
display: inline-block !important;
margin-bottom: -8px;
}
.results-list-ai .stock-status.in-stock {
color: #27ae60;
}
.results-list-ai .stock-status.in-stock i {
color: #27ae60 !important;
}
.results-list-ai .stock-status.out-of-stock {
color: #e74c3c;
}
.results-list-ai .stock-status.out-of-stock i {
color: #e74c3c !important;
} .ai-search-submit-btn {
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
background: #f0f0f0;
border: none;
color: #888;
width: 36px;
height: 36px;
border-radius: 6px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
}
.ai-search-submit-btn:hover {
background: #222;
color: #fff; 
}
.ai-search-submit-btn i {
font-size: 14px;
transition: 0.3s;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}