.w2dc-popup-passthrough a,
.w2dc-popup-passthrough button,
.w2dc-popup-passthrough input,
.w2dc-popup-passthrough textarea,
.w2dc-popup-passthrough select,
.w2dc-popup-passthrough label,
.w2dc-popup-passthrough [role="button"],
.w2dc-popup-passthrough .MuiIconButton-root,
.w2dc-popup-passthrough form,
.w2dc-popup-passthrough .w2dc-popup__slider-btn,
.w2dc-popup-passthrough .w2dc-popup__directions-btn,
.w2dc-popup-passthrough .w2dc-popup__images--slider,
.w2dc-popup-passthrough .w2dc-popup__slider-track,
.w2dc-popup-passthrough .w2dc-react-infowindow-content--has-scroll {
pointer-events: auto;
} .w2dc-listing-content,
.w2dc-listing-content * {
cursor: default;
} .w2dc-listing-content {
display: flex;
flex-direction: column;
gap: 8px;
}
.w2dc-listing-content a,
.w2dc-listing-content button,
.w2dc-listing-content [role="button"] {
cursor: pointer;
}
.w2dc-listing-content input,
.w2dc-listing-content textarea,
.w2dc-listing-content select {
cursor: text;
}
.w2dc-listing-content input[type="checkbox"],
.w2dc-listing-content input[type="radio"] {
cursor: pointer;
} .w2dc-react-infowindow-content {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.25) transparent; }
.w2dc-react-infowindow-content::-webkit-scrollbar { width: 14px; height: 14px; }
.w2dc-react-infowindow-content::-webkit-scrollbar-track,
.w2dc-react-infowindow-content::-webkit-scrollbar-corner { background: transparent; }
.w2dc-react-infowindow-content::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
border: 5px solid transparent;
border-radius: 7px;
-webkit-transition: border-width 0.18s ease, background-color 0.18s ease;
transition: border-width 0.18s ease, background-color 0.18s ease;
}
.w2dc-react-infowindow-content:hover::-webkit-scrollbar-thumb {
border-width: 3px;
background-color: rgba(0, 0, 0, 0.32);
}
.w2dc-react-infowindow-content::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
border-width: 2px;
}
.w2dc-listing-content .w2dc-popup {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 13px;
color: #1f2937;
}
.w2dc-listing-content .w2dc-popup__title { font-size: 16px;
font-weight: 600;
margin: 0;
line-height: 1.3;
color: #111827;
} .w2dc-listing-content .w2dc-popup__edit-link {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 6px;
padding: 2px;
color: #6b7280;
border-radius: 3px;
vertical-align: baseline;
text-decoration: none;
transition: color 0.12s, background 0.12s;
cursor: pointer;
}
.w2dc-listing-content .w2dc-popup__edit-link:hover,
.w2dc-listing-content .w2dc-popup__edit-link:focus {
color: var(--w2dc-primary, #2563eb);
background: #eff6ff;
outline: none;
} .w2dc-listing-content .w2dc-popup__edit-link,
.w2dc-listing-content .w2dc-popup__edit-link * {
cursor: pointer;
}
.w2dc-listing-content .w2dc-popup__edit-link svg {
display: block;
pointer-events: none;
}
.w2dc-listing-content .w2dc-popup__field {
display: grid;
grid-template-columns: 18px 1fr;
gap: 8px;
align-items: start;
margin: 0;
} .w2dc-listing-content .w2dc-popup__field::before {
font-family: 'FontAwesome';
font-weight: 400;
font-style: normal;
font-size: 14px;
color: var(--w2dc-primary, #2563eb);
line-height: 1.4;
text-align: center;
}
.w2dc-listing-content .w2dc-popup__field--content::before    { content: '\f15c'; } .w2dc-listing-content .w2dc-popup__field--excerpt::before    { content: '\f036'; } .w2dc-listing-content .w2dc-popup__field--address::before    { content: '\f041'; } .w2dc-listing-content .w2dc-popup__field--categories::before { content: '\f02c'; } .w2dc-listing-content .w2dc-popup__field--tags::before       { content: '\f02b'; } .w2dc-listing-content .w2dc-popup__field--hours::before      { content: '\f017'; } .w2dc-listing-content .w2dc-popup__field--datetime::before   { content: '\f073'; } .w2dc-listing-content .w2dc-popup__field--price::before      { content: '\f155'; } .w2dc-listing-content .w2dc-popup__field--number::before     { content: '\f292'; } .w2dc-listing-content .w2dc-popup__field--phone::before      { content: '\f095'; } .w2dc-listing-content .w2dc-popup__field--email::before      { content: '\f0e0'; } .w2dc-listing-content .w2dc-popup__field--website::before    { content: '\f0c1'; } .w2dc-listing-content .w2dc-popup__field--fileupload::before { content: '\f0c6'; } .w2dc-listing-content .w2dc-popup__field--list::before,
.w2dc-listing-content .w2dc-popup__field--select::before,
.w2dc-listing-content .w2dc-popup__field--radio::before,
.w2dc-listing-content .w2dc-popup__field--checkbox::before   { content: '\f00b'; } .w2dc-listing-content .w2dc-popup__field--text::before,
.w2dc-listing-content .w2dc-popup__field--string::before,
.w2dc-listing-content .w2dc-popup__field--textarea::before   { content: '\f031'; }  .w2dc-listing-content .w2dc-popup__field--price {
font-size: 15px;
} .w2dc-popup__field.w2dc-popup__field--rating {
margin-bottom: 10px;
} .w2dc-listing-content .w2dc-popup__field--has-custom-icon::before {
content: none;
}
.w2dc-listing-content .w2dc-popup__icon {
font-size: 14px;
color: var(--w2dc-primary, #2563eb);
line-height: 1.4;
text-align: center;
} .w2dc-listing-content .w2dc-popup__field--no-icon {
grid-template-columns: 1fr;
} .w2dc-listing-content .w2dc-popup__field--no-icon::before {
content: none !important;
}
.w2dc-listing-content .w2dc-popup__field--no-icon .w2dc-popup__icon {
display: none;
} .w2dc-listing-content .w2dc-popup__title {
margin-bottom: 4px;
}
.w2dc-listing-content .w2dc-popup__label {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: #6b7280;
letter-spacing: 0.4px;
margin-bottom: 2px;
}
.w2dc-listing-content .w2dc-popup__value {
line-height: 1.4;
min-width: 0; word-wrap: break-word;
overflow-wrap: anywhere;
}
.w2dc-listing-content .w2dc-popup__value p { margin: 0; }
.w2dc-listing-content .w2dc-popup__value p + p { margin-top: 4px; } .w2dc-listing-content .w2dc-popup__field--content .w2dc-popup__value,
.w2dc-listing-content .w2dc-popup__field--excerpt .w2dc-popup__value,
.w2dc-listing-content .w2dc-popup__field--textarea .w2dc-popup__value,
.w2dc-listing-content .w2dc-popup__field--text .w2dc-popup__value,
.w2dc-listing-content .w2dc-popup__field--string .w2dc-popup__value {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.w2dc-listing-content .w2dc-popup__field--content .w2dc-popup__value p,
.w2dc-listing-content .w2dc-popup__field--excerpt .w2dc-popup__value p,
.w2dc-listing-content .w2dc-popup__field--textarea .w2dc-popup__value p,
.w2dc-listing-content .w2dc-popup__field--text .w2dc-popup__value p,
.w2dc-listing-content .w2dc-popup__field--string .w2dc-popup__value p {
display: inline;
} .w2dc-listing-content .w2dc-popup__field--phone .w2dc-popup__value,
.w2dc-listing-content .w2dc-popup__field--website .w2dc-popup__value,
.w2dc-listing-content .w2dc-popup__field--email .w2dc-popup__value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.w2dc-listing-content .w2dc-popup__field--phone .w2dc-popup__value p,
.w2dc-listing-content .w2dc-popup__field--website .w2dc-popup__value p,
.w2dc-listing-content .w2dc-popup__field--email .w2dc-popup__value p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.w2dc-listing-content .w2dc-popup__field--website .w2dc-popup__value a {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
} .w2dc-listing-content .w2dc-popup__images {
grid-column: 1 / -1;
} .w2dc-listing-content .w2dc-popup__images--single {
display: flex;
justify-content: center;
} .w2dc-listing-content .w2dc-popup__images--single .sp-gallery__item {
aspect-ratio: auto;
background: none;
overflow: visible;
width: 100%;
}
.w2dc-listing-content .w2dc-popup__images--single .sp-gallery__item > img {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.w2dc-listing-content .w2dc-popup__images--single img {
width: 100%;
height: auto;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 4px;
display: block;
} .w2dc-listing-content .w2dc-popup__images--slider {
position: relative;
}
.w2dc-listing-content .w2dc-popup__slider-track {
display: flex;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; touch-action: pan-x pan-y;
}
.w2dc-listing-content .w2dc-popup__slider-track::-webkit-scrollbar { display: none; }
.w2dc-listing-content .w2dc-popup__slide {
flex: 0 0 100%;
scroll-snap-align: start;
display: flex;
justify-content: center;
}
.w2dc-listing-content .w2dc-popup__slide img {
width: 100%;
height: auto;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 4px;
display: block;
} .w2dc-react-infowindow-content .w2dc-popup__slide {
aspect-ratio: 4 / 3;
}
.w2dc-react-infowindow-content .w2dc-popup__slide img {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
max-width: none;
-o-object-fit: cover;
object-fit: cover;
} .w2dc-react-infowindow-content .w2dc-popup__images--fill .w2dc-popup__slide {
position: relative;
overflow: hidden;
}
.w2dc-react-infowindow-content .w2dc-popup__images--fill .w2dc-popup__slide::before {
content: '';
position: absolute;
inset: 0;
background-image: var(--w2dc-slide-bg);
background-size: cover;
background-position: center;
filter: blur(14px);
transform: scale(1.15);
z-index: 0;
}
.w2dc-react-infowindow-content .w2dc-popup__images--fill .w2dc-popup__slide img {
position: relative;
z-index: 1;
-o-object-fit: contain;
object-fit: contain;
} .w2dc-listing-content .w2dc-popup__slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
border: none;
background: rgba(0, 0, 0, 0.55);
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: background 0.15s;
padding: 0;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
.w2dc-listing-content .w2dc-popup__slider-btn:hover { background: rgba(0, 0, 0, 0.78); }
.w2dc-listing-content .w2dc-popup__slider-btn > .w2dc-fa {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 900; font-size: 16px;
line-height: 1;
}
.w2dc-listing-content .w2dc-popup__slider-prev { left: 8px; }
.w2dc-listing-content .w2dc-popup__slider-next { right: 8px; } @media (hover: none) and (pointer: coarse) {
.w2dc-listing-content .w2dc-popup__slider-btn {
width: 40px;
height: 40px;
}
.w2dc-listing-content .w2dc-popup__slider-btn::before {
content: '';
position: absolute;
inset: -8px;
}
} .w2dc-listing-content .w2dc-popup__chips {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.w2dc-listing-content .w2dc-popup__chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 3px 10px;
background: #f3f4f6;
border-radius: 12px;
font-size: 12px;
color: #374151;
line-height: 1.3;
}
.w2dc-listing-content .w2dc-popup__chip > .w2dc-fa {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 1;
color: var(--w2dc-primary, #2563eb);
display: inline-block;
} .w2dc-listing-content .w2dc-popup__distance {
display: inline-block;
margin-left: 6px;
padding: 1px 8px;
background: var(--w2dc-button-primary, var(--w2dc-primary, #2563eb));
color: #ffffff;
border-radius: 10px;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
white-space: nowrap;
cursor: help;
vertical-align: baseline;
} .w2dc-listing-content .w2dc-popup__hours,
.w2dc-listing-content .w2dc-popup__hours tr,
.w2dc-listing-content .w2dc-popup__hours td {
border: 0;
background: transparent;
box-shadow: none;
}
.w2dc-listing-content .w2dc-popup__hours {
width: 100%;
border-collapse: collapse;
font-size: 12px;
}
.w2dc-listing-content .w2dc-popup__hours tr + tr td {
border-top: 1px solid #f3f4f6; }
.w2dc-listing-content .w2dc-popup__hours td {
padding: 2px 6px;
}
.w2dc-listing-content .w2dc-popup__hours td:first-child {
color: #6b7280;
width: 48px;
}
.w2dc-listing-content .w2dc-popup__hours tr.is-today td {
font-weight: 600;
color: #111827;
}
.w2dc-listing-content .w2dc-popup__hours tr.is-today td:first-child {
color: #374151;
} .w2dc-listing-content .w2dc-popup__hours-status {
display: inline-block;
padding: 1px 8px;
margin: 0 0 4px 0;
font-size: 11px;
font-weight: 600;
border-radius: 999px;
line-height: 18px;
}
.w2dc-listing-content .w2dc-popup__hours-status--open {
background: #dcfce7;
color: #166534;
}
.w2dc-listing-content .w2dc-popup__hours-status--closed {
background: #fee2e2;
color: #991b1b;
} .w2dc-listing-content .w2dc-popup__contact-btn {
display: flex;
width: 100%;
box-sizing: border-box;
align-items: center;
justify-content: center;
gap: 6px;
height: 30px;
min-height: 0;
padding: 0 12px;
font-size: 12px;
font-weight: 600;
line-height: 1;
color: #fff;
background: var(--w2dc-primary, #2563eb);
border: 0;
border-radius: 4px;
cursor: pointer;
}
.w2dc-listing-content .w2dc-popup__contact-btn:hover { filter: brightness(1.05); } .w2dc-listing-content .w2dc-popup__contact-btn.is-active {
background: var(--w2dc-button-secondary, var(--w2dc-secondary, #1d4ed8));
}
.w2dc-listing-content .w2dc-popup__contact-btn.is-active:hover { filter: brightness(1.05); }
.w2dc-listing-content .w2dc-popup__contact-btn .w2dc-fa {
font-family: 'FontAwesome';
font-style: normal;
font-size: 12px;
} .w2dc-listing-content .w2dc-popup__contact-listing {
font-size: 12px;
font-weight: 600;
color: var(--w2dc-primary, #2563eb);
background: color-mix(in srgb, var(--w2dc-primary, #2563eb) 8%, transparent);
padding: 6px 10px;
border-radius: 6px;
border-left: 3px solid var(--w2dc-primary, #2563eb);
line-height: 1.3;
margin: 0 0 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .w2dc-listing-content .wpcf7-form-control.wpcf7-textarea {
height: 126px !important;
min-height: 126px;
resize: vertical;
} .w2dc-listing-content .w2dc-popup__contact-form {
display: flex;
flex-direction: column;
gap: 6px; background: transparent !important;
border: 0 !important;
color: inherit !important;
text-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
} .w2dc-listing-content .no-js,
.w2dc-listing-content .wpcf7-form.no-js,
.w2dc-listing-content form.no-js {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
color: inherit !important;
text-shadow: none !important;
padding: 0 !important;
}
.w2dc-listing-content .no-js input,
.w2dc-listing-content .no-js textarea,
.w2dc-listing-content .wpcf7-form input,
.w2dc-listing-content .wpcf7-form textarea {
text-shadow: none !important;
}
.w2dc-listing-content .w2dc-popup__contact-form input[type="text"],
.w2dc-listing-content .w2dc-popup__contact-form input[type="email"],
.w2dc-listing-content .w2dc-popup__contact-form textarea {
width: 100%;
box-sizing: border-box;
padding: 0 8px;
font-size: 12px;
line-height: 1;
border: 1px solid #d1d5db;
border-radius: 4px;
background: #fff;
color: #1f2937;
font-family: inherit;
resize: vertical; text-shadow: none !important;
} .w2dc-listing-content .w2dc-popup__contact-form input[type="text"],
.w2dc-listing-content .w2dc-popup__contact-form input[type="email"] {
height: 30px;
min-height: 0;
}
.w2dc-listing-content .w2dc-popup__contact-form textarea {
padding: 6px 8px;
line-height: 1.4;
min-height: 60px;
max-height: 160px;
}
.w2dc-listing-content .w2dc-popup__contact-actions {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 8px;
}
.w2dc-listing-content .w2dc-popup__contact-submit {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box; height: 30px;
min-height: 0;
padding: 0 14px;
font-size: 12px;
font-weight: 600;
line-height: 1;
color: #fff;
background: var(--w2dc-primary, #2563eb);
border: none;
border-radius: 4px;
cursor: pointer;
text-align: center;
}
.w2dc-listing-content .w2dc-popup__contact-submit:hover { filter: brightness(1.05); }
.w2dc-listing-content .w2dc-popup__contact-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.w2dc-listing-content .w2dc-popup__contact-status {
font-size: 11px;
color: #6b7280;
}
.w2dc-listing-content .w2dc-popup__contact-status[data-state="ok"]  { color: #15803d; }
.w2dc-listing-content .w2dc-popup__contact-status[data-state="err"] { color: #b91c1c; } .w2dc-listing-content .w2dc-popup__field--contact_form::before { content: '\f0e0'; } .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form p {
margin: 0 !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: #374151;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="text"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="email"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="tel"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="url"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="number"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="date"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form select,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form textarea {
width: 100%;
box-sizing: border-box;
padding: 0 8px;
font-size: 12px;
line-height: 1;
border: 1px solid #d1d5db;
border-radius: 4px;
background: #fff;
color: #1f2937;
font-family: inherit;
resize: vertical;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="text"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="email"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="tel"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="url"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="number"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="date"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form select {
height: 30px;
min-height: 0;
}
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form textarea {
padding: 6px 8px;
line-height: 1.4;
min-height: 60px;
max-height: 160px;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form label {
display: block;
font-size: 12px;
line-height: 1.4;
color: #374151;
margin: 0;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form .wpcf7-submit,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="submit"],
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form button[type="submit"] {
display: flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
box-sizing: border-box;
height: 30px !important;
min-height: 0 !important;
padding: 0 14px !important;
font-size: 12px;
font-weight: 600;
line-height: 1;
color: #fff !important;
background: var(--w2dc-primary, #2563eb) !important;
border: 0 !important;
border-radius: 4px !important;
cursor: pointer;
text-align: center;
text-transform: none;
}
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form .wpcf7-submit:hover,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="submit"]:hover,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form button[type="submit"]:hover {
filter: brightness(1.05);
}
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form .wpcf7-submit:disabled,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-form input[type="submit"]:disabled {
opacity: 0.6;
cursor: not-allowed;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-response-output {
margin: 6px 0 0 !important;
padding: 6px 8px !important;
font-size: 11px;
border-radius: 4px;
border: 1px solid transparent !important;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-response-output:empty {
display: none !important;
}
.w2dc-listing-content .w2dc-popup__field--cf7 form.sent .wpcf7-response-output,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-mail-sent-ok {
color: #15803d !important;
background: #f0fdf4;
border-color: #bbf7d0 !important;
}
.w2dc-listing-content .w2dc-popup__field--cf7 form.invalid .wpcf7-response-output,
.w2dc-listing-content .w2dc-popup__field--cf7 form.failed .wpcf7-response-output,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-validation-errors,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-mail-sent-ng,
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-spam-blocked {
color: #b91c1c !important;
background: #fef2f2;
border-color: #fecaca !important;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-not-valid-tip {
font-size: 11px;
color: #b91c1c;
margin-top: 2px;
}
.w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-not-valid {
border-color: #fca5a5 !important;
} .w2dc-listing-content .w2dc-popup__field--cf7 .wpcf7-spinner {
width: 18px;
height: 18px;
margin: 0 0 0 6px;
} .w2dc-listing-content .w2dc-popup__files {
margin: 0;
padding-left: 18px;
}
.w2dc-listing-content .w2dc-popup__files a {
color: var(--w2dc-primary, #2563eb);
text-decoration: none;
}
.w2dc-listing-content .w2dc-popup__files a:hover { text-decoration: underline; }  .w2dc-react-infowindow-content.w2dc-react-infowindow-content--has-scroll {
padding-right: 4px;
}
.w2dc-react-infowindow-content .w2dc-popup {
gap: 5px;
}
.w2dc-react-infowindow-content .w2dc-popup__title {
font-size: 14px;
} .w2dc-react-infowindow-content .w2dc-popup__title {
margin-bottom: 2px;
}
.w2dc-react-infowindow-content .w2dc-popup__edit-link {
margin-left: 3px;
padding: 1px;
}
.w2dc-react-infowindow-content .w2dc-popup__field {
gap: 4px;
}
.w2dc-react-infowindow-content .w2dc-popup__label {
margin-bottom: 1px;
}
.w2dc-react-infowindow-content .w2dc-popup__value {
font-size: 11px;
}
.w2dc-react-infowindow-content .w2dc-popup__value p + p {
margin-top: 2px;
}
.w2dc-react-infowindow-content .w2dc-popup__chips {
gap: 2px;
}
.w2dc-react-infowindow-content .w2dc-popup__chip {
font-size: 11px;
gap: 3px;
padding: 2px 5px;
}
.w2dc-react-infowindow-content .w2dc-popup__hours td {
padding: 1px 3px;
}
.w2dc-react-infowindow-content .w2dc-popup__hours-status {
padding: 1px 4px;
margin: 0 0 2px 0;
}
.w2dc-react-infowindow-content .w2dc-popup__contact-form {
gap: 3px;
}
.w2dc-react-infowindow-content .w2dc-popup__contact-form input[type="text"],
.w2dc-react-infowindow-content .w2dc-popup__contact-form input[type="email"],
.w2dc-react-infowindow-content .w2dc-popup__contact-form textarea {
padding: 3px 4px;
}
.w2dc-react-infowindow-content .w2dc-popup__contact-actions {
gap: 4px;
}
.w2dc-react-infowindow-content .w2dc-popup__contact-submit {
padding: 0 7px;
}
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form {
gap: 3px;
}
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form input[type="text"],
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form input[type="email"],
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form input[type="tel"],
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form input[type="url"],
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form input[type="number"],
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form input[type="date"],
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form select,
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form textarea {
padding: 3px 4px;
}
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form .wpcf7-submit,
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form input[type="submit"],
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-form button[type="submit"] {
padding: 0 7px !important;
}
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-response-output {
margin: 3px 0 0 !important;
padding: 3px 4px !important;
}
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-not-valid-tip {
margin-top: 1px;
}
.w2dc-react-infowindow-content .w2dc-popup__field--cf7 .wpcf7-spinner {
margin: 0 0 0 3px;
}
.w2dc-react-infowindow-content .w2dc-popup__files {
padding-left: 9px;
} .w2dc-popup__title-link {
color: var(--w2dc-links, #2271b1);
text-decoration: none;
}
.w2dc-popup__title-link:hover,
.w2dc-popup__title-link:focus {
color: var(--w2dc-links-hover, #135e96);
text-decoration: underline;
} [data-post-id] .w2dc-popup__field--address {
cursor: pointer;
}  .pac-container {
z-index: 100000 !important;
}
.w2dc-listing-content .w2dc-popup__directions-btn {
display: flex;
width: 100%;
box-sizing: border-box;
align-items: center;
justify-content: center;
gap: 6px; height: 30px;
min-height: 0;
padding: 0 12px;
font-size: 12px;
font-weight: 600;
line-height: 1;
color: #fff;
background: var(--w2dc-primary, #2563eb);
border: 0;
border-radius: 4px;
cursor: pointer;
}
.w2dc-listing-content .w2dc-popup__directions-btn:hover { filter: brightness(1.05); } .w2dc-listing-content .w2dc-popup__directions-btn.is-active {
background: var(--w2dc-button-secondary, var(--w2dc-secondary, #1d4ed8));
}
.w2dc-listing-content .w2dc-popup__directions-btn.is-active:hover { filter: brightness(1.05); }
.w2dc-listing-content .w2dc-popup__directions-btn .w2dc-fa {
font-family: 'FontAwesome';
font-style: normal;
font-size: 12px;
}
.w2dc-listing-content .w2dc-popup__field--directions::before { content: '\f124'; }  .w2dc-react-directions-sidebar {
position: absolute;
top: 0;
left: 0;
bottom: 0;
max-width: calc(100% - 36px);
background: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
box-sizing: border-box;
display: flex;
flex-direction: column; z-index: 1620;
transform: translateX(0);
transition: transform 0.25s ease, opacity 0.25s ease;
will-change: transform, opacity;
opacity: 1;
color: #1f2937;
}
.w2dc-react-directions-sidebar.is-collapsed,
.w2dc-react-directions-sidebar.is-collapsed-up {
transform: translateX(-100%);
}  .w2dc-react-directions-sidebar__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 12px 14px;
border-bottom: 1px solid #e5e7eb;
background: #f9fafb;
flex: 0 0 auto;
}
.w2dc-react-directions-sidebar__title {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
color: #111827;
}
.w2dc-react-directions-sidebar__title .w2dc-fa {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
font-size: 14px;
color: var(--w2dc-primary, #2563eb);
line-height: 1;
}
.w2dc-react-directions-sidebar__close,
.w2dc-react-directions-sidebar__close:hover,
.w2dc-react-directions-sidebar__close:focus,
.w2dc-react-directions-sidebar__close:active {
border: 0;
background: none;
background-color: transparent;
font-size: 22px;
line-height: 1;
color: #6b7280;
cursor: pointer;
padding: 0 4px;
box-shadow: none;
outline: none;
}
.w2dc-react-directions-sidebar__close:hover { color: #111827; } .w2dc-react-directions-sidebar__body {
flex: 1 1 auto;
overflow-y: auto;
overflow-x: hidden;
padding: 14px;
box-sizing: border-box; scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}
.w2dc-react-directions-sidebar__body::-webkit-scrollbar {
width: 14px;
height: 14px;
}
.w2dc-react-directions-sidebar__body::-webkit-scrollbar-track,
.w2dc-react-directions-sidebar__body::-webkit-scrollbar-corner {
background: transparent;
}
.w2dc-react-directions-sidebar__body::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
border: 5px solid transparent;
border-radius: 7px;
-webkit-transition: border-width 0.18s ease, background-color 0.18s ease;
transition: border-width 0.18s ease, background-color 0.18s ease;
}
.w2dc-react-directions-sidebar__body:hover::-webkit-scrollbar-thumb {
border-width: 3px;
background-color: rgba(0, 0, 0, 0.32);
}
.w2dc-react-directions-sidebar__body::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
border-width: 2px;
} .w2dc-react-directions-sidebar__dest {
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px 10px;
margin-bottom: 12px;
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 6px;
}
.w2dc-react-directions-sidebar__dest-value {
display: flex;
align-items: flex-start;
gap: 6px;
font-size: 13px;
color: #1f2937;
line-height: 1.4;
overflow-wrap: anywhere;
}
.w2dc-react-directions-sidebar__dest-value .w2dc-fa {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
color: var(--w2dc-primary, #2563eb);
font-size: 13px;
line-height: 1.4;
flex: 0 0 auto;
}
.w2dc-react-directions-sidebar__dest-value .w2dc-fa-map-marker::before {
content: '\f041';
} .w2dc-react-directions-sidebar__form {
display: flex;
flex-direction: column;
gap: 8px;
}
.w2dc-react-directions-sidebar__field {
display: flex;
flex-direction: column;
gap: 4px;
}
.w2dc-react-directions-sidebar__label {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.4px;
color: #6b7280;
}
.w2dc-react-directions-sidebar__input-row {
display: flex;
align-items: center;
gap: 6px;
border: 1px solid #d1d5db;
border-radius: 6px;
background: #fff;
padding: 0 6px;
transition: border-color 0.12s, box-shadow 0.12s;
}
.w2dc-react-directions-sidebar__input-row:focus-within {
border-color: var(--w2dc-primary, #2563eb);
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
}
.w2dc-react-directions-sidebar__input {
flex: 1 1 auto;
min-width: 0;
height: 32px;
border: 0;
outline: none;
font-size: 13px;
background: transparent;
color: #1f2937;
padding: 0 2px;
font-family: inherit;
}
.w2dc-react-directions-sidebar__input::-moz-placeholder { color: #9ca3af; }
.w2dc-react-directions-sidebar__input::placeholder { color: #9ca3af; }
.w2dc-react-directions-sidebar__input:disabled { color: #6b7280; }
.w2dc-react-directions-sidebar__find {
border: 0;
background: transparent;
color: #9ca3af;
cursor: pointer;
width: 26px;
height: 26px;
padding: 0;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
transition: background 0.12s, color 0.12s;
}
.w2dc-react-directions-sidebar__find:hover {
background: #f3f4f6;
color: #4b5563;
}
.w2dc-react-directions-sidebar__find:focus {
outline: none;
background: #f3f4f6;
color: #4b5563;
box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
}
.w2dc-react-directions-sidebar__find:disabled {
opacity: 0.6;
cursor: progress;
}
.w2dc-react-directions-sidebar__go {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
height: 32px;
min-height: 0;
padding: 0 14px;
font-size: 13px;
font-weight: 600;
line-height: 1;
color: #fff;
background: var(--w2dc-primary, #2563eb);
border: 0;
border-radius: 6px;
cursor: pointer;
font-family: inherit;
}
.w2dc-react-directions-sidebar__go:hover:not(:disabled) {
filter: brightness(1.05);
}
.w2dc-react-directions-sidebar__go:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.w2dc-react-directions-sidebar__error {
background: #fee2e2;
color: #b91c1c;
font-size: 12px;
padding: 6px 10px;
border-radius: 4px;
border: 1px solid #fecaca;
} .w2dc-react-directions-sidebar__loading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
padding: 24px 12px;
color: #6b7280;
font-size: 13px;
} .w2dc-react-directions-sidebar__route {
margin-top: 14px;
border-top: 1px solid #e5e7eb;
padding-top: 12px;
}
.w2dc-react-directions-sidebar__stats {
display: flex;
gap: 14px;
font-size: 13px;
color: #1f2937;
margin-bottom: 10px;
}
.w2dc-react-directions-sidebar__stats > span {
display: inline-flex;
align-items: center;
gap: 5px;
}
.w2dc-react-directions-sidebar__stats .w2dc-fa {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
color: var(--w2dc-primary, #2563eb);
font-size: 13px;
line-height: 1;
}
.w2dc-react-directions-sidebar__steps {
margin: 0;
padding-left: 22px;
font-size: 12px;
color: #374151;
}
.w2dc-react-directions-sidebar__steps li {
padding: 6px 6px 6px 4px;
margin: 2px 0;
border-radius: 4px;
cursor: pointer;
transition: background 0.12s;
line-height: 1.45;
}
.w2dc-react-directions-sidebar__steps li:hover {
background: #fef3c7; } .w2dc-react-directions-sidebar__steps li.is-selected,
.w2dc-react-directions-sidebar__steps li.is-selected:hover {
background: #fde68a;
color: #1f2937;
font-weight: 600;
}
.w2dc-react-directions-sidebar__step-dist {
color: #6b7280;
} @media (max-width: 768px) {
.w2dc-react-directions-sidebar {
position: fixed !important;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 100% !important;
max-width: 100%;
height: 60dvh;
max-height: 60dvh;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.16);
} .w2dc-react-directions-sidebar.is-open {
transform: translateY(0);
opacity: 1;
}
.w2dc-react-directions-sidebar.is-collapsed {
transform: translateY(101%);
opacity: 0;
}
.w2dc-react-directions-sidebar.is-collapsed-up {
transform: translateY(-101%);
opacity: 0;
}
} .w2dc-react-contact-sidebar {
position: absolute;
top: 0;
left: 0;
bottom: 0;
max-width: calc(100% - 36px);
background: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
box-sizing: border-box;
display: flex;
flex-direction: column; z-index: 1620;
transform: translateX(0);
transition: transform 0.25s ease, opacity 0.25s ease;
will-change: transform, opacity;
opacity: 1;
color: #1f2937;
}
.w2dc-react-contact-sidebar.is-collapsed,
.w2dc-react-contact-sidebar.is-collapsed-up {
transform: translateX(-100%);
}  .w2dc-react-contact-sidebar__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 12px 14px;
border-bottom: 1px solid #e5e7eb;
background: #f9fafb;
flex: 0 0 auto;
}
.w2dc-react-contact-sidebar__title {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
color: #111827;
}
.w2dc-react-contact-sidebar__title .w2dc-fa {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
font-size: 14px;
color: var(--w2dc-primary, #2563eb);
line-height: 1;
}
.w2dc-react-contact-sidebar__title .w2dc-fa-envelope::before { content: '\f0e0'; }
.w2dc-react-contact-sidebar__close,
.w2dc-react-contact-sidebar__close:hover,
.w2dc-react-contact-sidebar__close:focus,
.w2dc-react-contact-sidebar__close:active {
border: 0;
background: none;
background-color: transparent;
font-size: 22px;
line-height: 1;
color: #6b7280;
cursor: pointer;
padding: 0 4px;
box-shadow: none;
outline: none;
}
.w2dc-react-contact-sidebar__close:hover { color: #111827; } .w2dc-react-contact-sidebar__body {
flex: 1 1 auto;
overflow-y: auto;
overflow-x: hidden;
padding: 14px;
box-sizing: border-box;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}
.w2dc-react-contact-sidebar__body::-webkit-scrollbar {
width: 14px;
height: 14px;
}
.w2dc-react-contact-sidebar__body::-webkit-scrollbar-track,
.w2dc-react-contact-sidebar__body::-webkit-scrollbar-corner {
background: transparent;
}
.w2dc-react-contact-sidebar__body::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
border: 5px solid transparent;
border-radius: 7px;
-webkit-transition: border-width 0.18s ease, background-color 0.18s ease;
transition: border-width 0.18s ease, background-color 0.18s ease;
}
.w2dc-react-contact-sidebar__body:hover::-webkit-scrollbar-thumb {
border-width: 3px;
background-color: rgba(0, 0, 0, 0.32);
}
.w2dc-react-contact-sidebar__body::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
border-width: 2px;
} .w2dc-react-contact-sidebar__body.w2dc-listing-content {
display: block;
gap: 0;
}  .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form,
.w2dc-react-contact-sidebar__body .wpcf7-form {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
background: transparent !important;
border: 0 !important;
color: inherit !important;
text-shadow: none !important;
padding: 0 !important;
} .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form label,
.w2dc-react-contact-sidebar__body .wpcf7-form p,
.w2dc-react-contact-sidebar__body .wpcf7-form label {
font-size: 12px !important;
line-height: 1.4 !important;
color: #374151;
margin: 0 !important;
display: block;
} .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form input[type="text"],
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-form input[type="email"],
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-form textarea,
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="text"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="email"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="tel"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="url"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="number"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="date"],
.w2dc-react-contact-sidebar__body .wpcf7-form select,
.w2dc-react-contact-sidebar__body .wpcf7-form textarea {
width: 100%;
box-sizing: border-box;
font-size: 13px;
font-family: inherit;
color: #1f2937;
background: #fff;
border: 1px solid #d1d5db;
border-radius: 6px;
padding: 0 10px;
line-height: 1;
transition: border-color 0.12s, box-shadow 0.12s;
text-shadow: none !important;
} .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form input[type="text"],
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-form input[type="email"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="text"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="email"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="tel"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="url"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="number"],
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="date"],
.w2dc-react-contact-sidebar__body .wpcf7-form select {
height: 32px;
min-height: 0;
} .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form textarea,
.w2dc-react-contact-sidebar__body .wpcf7-form textarea {
padding: 8px 10px;
line-height: 1.4;
min-height: 100px;
max-height: 240px;
resize: vertical;
} .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form input:focus,
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-form textarea:focus,
.w2dc-react-contact-sidebar__body .wpcf7-form input:focus,
.w2dc-react-contact-sidebar__body .wpcf7-form textarea:focus,
.w2dc-react-contact-sidebar__body .wpcf7-form select:focus {
outline: none;
border-color: var(--w2dc-primary, #2563eb);
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
} .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form input::-moz-placeholder, .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form textarea::-moz-placeholder, .w2dc-react-contact-sidebar__body .wpcf7-form input::-moz-placeholder, .w2dc-react-contact-sidebar__body .wpcf7-form textarea::-moz-placeholder {
color: #9ca3af;
}
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-form input::placeholder,
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-form textarea::placeholder,
.w2dc-react-contact-sidebar__body .wpcf7-form input::placeholder,
.w2dc-react-contact-sidebar__body .wpcf7-form textarea::placeholder {
color: #9ca3af;
} .w2dc-react-contact-sidebar__body .w2dc-popup__contact-form .w2dc-popup__contact-submit,
.w2dc-react-contact-sidebar__body .wpcf7-form .wpcf7-submit,
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="submit"],
.w2dc-react-contact-sidebar__body .wpcf7-form button[type="submit"] {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
box-sizing: border-box;
height: 32px !important;
min-height: 0 !important;
padding: 0 14px !important;
margin: 4px 0 0 !important;
font-size: 13px !important;
font-weight: 600;
font-family: inherit;
line-height: 1;
color: #fff !important;
background: var(--w2dc-primary, #2563eb) !important;
border: 0 !important;
border-radius: 6px !important;
cursor: pointer;
text-align: center;
text-transform: none;
text-shadow: none !important;
}
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-form .w2dc-popup__contact-submit:hover:not(:disabled),
.w2dc-react-contact-sidebar__body .wpcf7-form .wpcf7-submit:hover:not(:disabled),
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="submit"]:hover:not(:disabled),
.w2dc-react-contact-sidebar__body .wpcf7-form button[type="submit"]:hover:not(:disabled) {
filter: brightness(1.05);
}
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-form .w2dc-popup__contact-submit:disabled,
.w2dc-react-contact-sidebar__body .wpcf7-form .wpcf7-submit:disabled,
.w2dc-react-contact-sidebar__body .wpcf7-form input[type="submit"]:disabled {
opacity: 0.6;
cursor: not-allowed;
} .w2dc-react-contact-sidebar__body .w2dc-popup__contact-status {
font-size: 12px;
margin-top: 6px;
color: #6b7280;
}
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-status[data-state="ok"]  { color: #15803d; }
.w2dc-react-contact-sidebar__body .w2dc-popup__contact-status[data-state="err"] { color: #b91c1c; } .w2dc-react-contact-sidebar__body .wpcf7-response-output {
margin: 8px 0 0 !important;
padding: 8px 10px !important;
font-size: 12px;
border-radius: 6px;
border: 1px solid transparent !important;
}
.w2dc-react-contact-sidebar__body .wpcf7-response-output:empty {
display: none !important;
}
.w2dc-react-contact-sidebar__body .wpcf7-form.sent .wpcf7-response-output,
.w2dc-react-contact-sidebar__body .wpcf7-mail-sent-ok {
color: #15803d !important;
background: #f0fdf4;
border-color: #bbf7d0 !important;
}
.w2dc-react-contact-sidebar__body .wpcf7-form.invalid .wpcf7-response-output,
.w2dc-react-contact-sidebar__body .wpcf7-form.failed .wpcf7-response-output,
.w2dc-react-contact-sidebar__body .wpcf7-validation-errors,
.w2dc-react-contact-sidebar__body .wpcf7-mail-sent-ng,
.w2dc-react-contact-sidebar__body .wpcf7-spam-blocked {
color: #b91c1c !important;
background: #fef2f2;
border-color: #fecaca !important;
} .w2dc-react-contact-sidebar__body .wpcf7-not-valid-tip {
font-size: 12px;
color: #b91c1c;
margin-top: 3px;
}
.w2dc-react-contact-sidebar__body .wpcf7-not-valid {
border-color: #fca5a5 !important;
}
.w2dc-react-contact-sidebar__body .wpcf7-spinner {
width: 20px;
height: 20px;
margin: 0 0 0 8px;
} @media (max-width: 768px) {
.w2dc-react-contact-sidebar {
position: fixed !important;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 100% !important;
max-width: 100%;
height: 60dvh;
max-height: 60dvh;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.16);
} .w2dc-react-contact-sidebar.is-open {
transform: translateY(0);
opacity: 1;
}
.w2dc-react-contact-sidebar.is-collapsed {
transform: translateY(101%);
opacity: 0;
}
.w2dc-react-contact-sidebar.is-collapsed-up {
transform: translateY(-101%);
opacity: 0;
}
}  @property --w2dc-mobile-drawer-h {
syntax: '<length>';
inherits: true;
initial-value: 0px;
} .w2dc-react-mount,
.w2dc-react-map-wrapper,
.w2dc-react-listings-standalone,
.w2dc-react-search-standalone {
color-scheme: light;
color: #1f2937;
}
.w2dc-react-map-wrapper {
position: relative; overflow: hidden; display: flex;
flex-direction: column;
}
.w2dc-react-map-canvas-host {
position: relative; isolation: isolate; flex: 1 1 auto;
min-height: 0;
width: 100%;
order: 1;
} @media (max-width: 768px) {
.w2dc-react-mount {
height: auto !important;
}
.w2dc-react-map-wrapper {
height: auto !important;
} .w2dc-react-map-wrapper {
--w2dc-mobile-drawer-h: 0px;
transition: --w2dc-mobile-drawer-h 0.25s ease;
}
.w2dc-react-map-wrapper.w2dc-sidebar-open {
--w2dc-mobile-drawer-h: 50vh;
}
.w2dc-react-map-canvas-host {
flex: 0 0 auto;
display: flex !important;
flex-direction: column !important;
height: auto !important;
} .w2dc-react-map-canvas-host .w2dc-react-map-canvas {
flex: 0 0 var(--w2dc-map-fill, var(--w2dc-map-area-height, 400px)) !important;
height: var(--w2dc-map-fill, var(--w2dc-map-area-height, 400px)) !important;
width: 100% !important;
order: 0;
} .w2dc-fs-host .w2dc-react-map-canvas-host {
flex: 1 1 auto !important;
min-height: 0 !important;
}
.w2dc-fs-host .w2dc-react-map-canvas-host .w2dc-react-map-canvas {
flex: 1 1 auto !important;
height: auto !important;
} .w2dc-react-sidebar--left,
.w2dc-react-sidebar--right {
position: relative !important;
top:        auto !important;
bottom:     auto !important;
left:       auto !important;
right:      auto !important;
width:      100% !important;
max-width:  100% !important; height:     var(--w2dc-mobile-drawer-h, 0px) !important;
overflow:   hidden !important;
flex:       0 0 auto !important;
order:      1;
transform:  none !important;
transition: none !important;
} .w2dc-react-sidebar__toggle--left,
.w2dc-react-sidebar__toggle--right {
top:    auto !important;
right:  auto !important;
left:   50%  !important;
bottom: var(--w2dc-mobile-drawer-h, 0px) !important;
transform: translateX(-50%) !important;
width:  80px !important;
height: 36px !important;
border-radius: 8px 8px 0 0 !important;
transition: background-color 0.15s ease !important;
} .w2dc-react-sidebar__toggle--left.is-collapsed .w2dc-react-sidebar__toggle-icon,
.w2dc-react-sidebar__toggle--right.is-collapsed .w2dc-react-sidebar__toggle-icon {
transform: rotate(-90deg) !important;
}
.w2dc-react-sidebar__toggle--left.is-open .w2dc-react-sidebar__toggle-icon,
.w2dc-react-sidebar__toggle--right.is-open .w2dc-react-sidebar__toggle-icon {
transform: rotate(90deg) !important;
} .w2dc-react-sidebar--left  .w2dc-react-sidebar__grid--list,
.w2dc-react-sidebar--right .w2dc-react-sidebar__grid--list {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
} .w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .gm-fullscreen-control,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .gm-bundled-control,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .gm-svpc,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .maplibregl-ctrl-top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .maplibregl-ctrl-top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .maplibregl-ctrl-bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .maplibregl-ctrl-bottom-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .mapboxgl-ctrl-top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .mapboxgl-ctrl-top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .mapboxgl-ctrl-bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .mapboxgl-ctrl-bottom-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .w2dc-map-counter,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .w2dc-search-form,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .gm-fullscreen-control,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .gm-bundled-control,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .gm-svpc,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .maplibregl-ctrl-top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .maplibregl-ctrl-top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .maplibregl-ctrl-bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .maplibregl-ctrl-bottom-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .mapboxgl-ctrl-top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .mapboxgl-ctrl-top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .mapboxgl-ctrl-bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .mapboxgl-ctrl-bottom-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .w2dc-map-counter,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .w2dc-search-form {
transform: none !important;
}
} .w2dc-map-frontend-actions {
display: flex;
justify-content: flex-end;
margin-top: 8px;
}
.w2dc-map-frontend-edit-link {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 5px 12px;
font-size: 12px;
font-weight: 500;
background: #fff;
color: var(--w2dc-button-primary, #2563eb);
border: 1px solid var(--w2dc-button-primary, #2563eb);
border-radius: 4px;
text-decoration: none;
line-height: 1.2;
} .w2dc-map-frontend-edit-link:hover {
background: var(--w2dc-button-primary, #2563eb);
color: var(--w2dc-button-text, #fff);
text-decoration: none;
}
.w2dc-map-frontend-edit-link:focus-visible {
outline: 2px solid var(--w2dc-button-primary, #2563eb);
outline-offset: 2px;
}
.w2dc-map-frontend-edit-link::before {
content: "\270E";
font-size: 14px;
line-height: 1;
}
.w2dc-react-map-wrapper > .w2dc-search-form--top-left,
.w2dc-react-map-wrapper > .w2dc-search-form--top-right    { order: 0; }
.w2dc-react-map-wrapper > .w2dc-search-form--bottom-left,
.w2dc-react-map-wrapper > .w2dc-search-form--bottom-right { order: 2; } @media (max-width: 768px) {
.w2dc-react-map-wrapper:not(.has-sidebar--top) > .w2dc-search-form--bottom-left,
.w2dc-react-map-wrapper:not(.has-sidebar--top) > .w2dc-search-form--bottom-right {
order: 0 !important;
transform: none !important;
}
}
.w2dc-react-sidebar {
position: absolute;
background: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
overflow: visible; box-sizing: border-box; z-index: 1600;
transition: transform 0.25s ease;
will-change: transform;
} .w2dc-react-map-wrapper .gm-fullscreen-control,
.w2dc-react-map-wrapper .gm-bundled-control,
.w2dc-react-map-wrapper .gm-svpc,
.w2dc-react-map-wrapper .maplibregl-ctrl-top-right,
.w2dc-react-map-wrapper .maplibregl-ctrl-bottom-right,
.w2dc-react-map-wrapper .maplibregl-ctrl-top-left,
.w2dc-react-map-wrapper .maplibregl-ctrl-bottom-left,
.w2dc-react-map-wrapper .mapboxgl-ctrl-top-right,
.w2dc-react-map-wrapper .mapboxgl-ctrl-bottom-right,
.w2dc-react-map-wrapper .mapboxgl-ctrl-top-left,
.w2dc-react-map-wrapper .mapboxgl-ctrl-bottom-left,
.w2dc-react-map-wrapper .w2dc-map-counter,
.w2dc-react-map-wrapper .w2dc-search-form,
.w2dc-react-map-wrapper .w2dc-directions-bar {
transition: transform 0.25s ease;
} .w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .gm-fullscreen-control,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .gm-bundled-control,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .maplibregl-ctrl-top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .maplibregl-ctrl-bottom-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .mapboxgl-ctrl-top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .mapboxgl-ctrl-bottom-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .w2dc-map-counter,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .w2dc-search-form--top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--right .w2dc-search-form--bottom-right {
transform: translateX(calc(var(--w2dc-sidebar-open-size, 0px) * -1));
} .w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .maplibregl-ctrl-top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .maplibregl-ctrl-bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .mapboxgl-ctrl-top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .mapboxgl-ctrl-bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .w2dc-search-form--top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--left .w2dc-search-form--bottom-left {
transform: translateX(var(--w2dc-sidebar-open-size, 0px));
} .w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--top .gm-fullscreen-control,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--top .maplibregl-ctrl-top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--top .maplibregl-ctrl-top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--top .mapboxgl-ctrl-top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--top .mapboxgl-ctrl-top-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--top .w2dc-search-form--top-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--top .w2dc-search-form--top-right {
transform: translateY(var(--w2dc-sidebar-open-size, 0px));
} .w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--bottom .gm-bundled-control,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--bottom .maplibregl-ctrl-bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--bottom .maplibregl-ctrl-bottom-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--bottom .mapboxgl-ctrl-bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--bottom .mapboxgl-ctrl-bottom-right,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--bottom .w2dc-map-counter,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--bottom .w2dc-search-form--bottom-left,
.w2dc-react-map-wrapper.w2dc-sidebar-open.has-sidebar--bottom .w2dc-search-form--bottom-right {
transform: translateY(calc(var(--w2dc-sidebar-open-size, 0px) * -1));
}
.w2dc-react-sidebar__scroll {
width: 100%;
height: 100%;
overflow: auto;
box-sizing: border-box;
padding: 10px;
} .w2dc-react-sidebar__scroll {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}
.w2dc-react-sidebar__scroll::-webkit-scrollbar { width: 14px; height: 14px; }
.w2dc-react-sidebar__scroll::-webkit-scrollbar-track,
.w2dc-react-sidebar__scroll::-webkit-scrollbar-corner { background: transparent; }
.w2dc-react-sidebar__scroll::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
border: 5px solid transparent;
border-radius: 7px;
-webkit-transition: border-width 0.18s ease, background-color 0.18s ease;
transition: border-width 0.18s ease, background-color 0.18s ease;
}
.w2dc-react-sidebar__scroll:hover::-webkit-scrollbar-thumb {
border-width: 3px;
background-color: rgba(0, 0, 0, 0.32);
}
.w2dc-react-sidebar__scroll::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
border-width: 2px;
} .w2dc-react-sidebar--left,
.w2dc-react-sidebar--right { max-width:  calc(100% - 36px); }
.w2dc-react-sidebar--top,
.w2dc-react-sidebar--bottom { max-height: calc(100% - 36px); }
.w2dc-react-sidebar--left   { top: 0;    left: 0;   bottom: 0; }
.w2dc-react-sidebar--right  { top: 0;    right: 0;  bottom: 0; }
.w2dc-react-sidebar--top    { top: 0;    left: 0;   right: 0;  }
.w2dc-react-sidebar--bottom { bottom: 0; left: 0;   right: 0;  } .w2dc-react-sidebar--left.is-collapsed   { transform: translateX(-100%); }
.w2dc-react-sidebar--right.is-collapsed  { transform: translateX(100%); }
.w2dc-react-sidebar--top.is-collapsed    { transform: translateY(-100%); }
.w2dc-react-sidebar--bottom.is-collapsed { transform: translateY(100%); } .w2dc-react-sidebar__toggle {
position: absolute;
width: 36px;
height: 80px;
background: var(--w2dc-button-primary, var(--w2dc-primary, #2563eb));
border: none;
color: var(--w2dc-button-text, #fff);
cursor: pointer; z-index: 1601;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
transition:
left 0.25s ease, right 0.25s ease, top 0.25s ease, bottom 0.25s ease,
background-color 0.15s ease; will-change: transform;
transform: translateZ(0);
}
.w2dc-react-sidebar__toggle:hover { background: var(
--w2dc-button-secondary,
color-mix(in srgb, var(--w2dc-button-primary, var(--w2dc-primary, #2563eb)) 85%, #000)
);
}
.w2dc-react-sidebar__toggle-icon { display: block; } .w2dc-react-sidebar__toggle--left,
.w2dc-react-sidebar__toggle--right {
top: 50%;
transform: translateY(-50%);
}
.w2dc-react-sidebar__toggle--left   { border-radius: 0 8px 8px 0; }
.w2dc-react-sidebar__toggle--right  { border-radius: 8px 0 0 8px; }
.w2dc-react-sidebar__toggle--top,
.w2dc-react-sidebar__toggle--bottom {
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 36px;
}
.w2dc-react-sidebar__toggle--top    { border-radius: 0 0 8px 8px; }
.w2dc-react-sidebar__toggle--bottom { border-radius: 8px 8px 0 0; } @media (hover: none) and (pointer: coarse) {
.w2dc-react-sidebar__toggle--left,
.w2dc-react-sidebar__toggle--right { width: 44px; height: 88px; }
.w2dc-react-sidebar__toggle--top,
.w2dc-react-sidebar__toggle--bottom { width: 88px; height: 44px; }
} .w2dc-react-sidebar__grid {
display: grid;
gap: 10px;
}
.w2dc-react-sidebar__grid--list { grid-template-columns: 1fr; }
.w2dc-react-sidebar__grid--grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .w2dc-react-sidebar__grid--grid .w2dc-listing-content .w2dc-popup__images--single img,
.w2dc-react-sidebar__grid--grid .w2dc-listing-content .w2dc-popup__slide img {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
-o-object-fit: cover;
object-fit: cover;
max-width: none;
}
.w2dc-react-sidebar__grid--grid .w2dc-listing-content .w2dc-popup__slide {
aspect-ratio: 4 / 3;
}
.w2dc-react-sidebar__card {
border: 1px solid #e5e7eb;
border-radius: 6px;
padding: 8px 10px;
background: #fff;
transition: border-color 0.12s, box-shadow 0.12s;
} .w2dc-react-sidebar__card.is-clickable,
.w2dc-react-sidebar__card.is-clickable .w2dc-listing-content,
.w2dc-react-sidebar__card.is-clickable .w2dc-listing-content * {
cursor: pointer;
}
.w2dc-react-sidebar__card:hover {
border-color: var(--w2dc-primary, #2563eb);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.w2dc-react-sidebar__empty {
text-align: center;
color: #6b7280;
font-size: 13px;
padding: 24px 12px;
}
.w2dc-react-sidebar__overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.7);
z-index: 4;
}
.w2dc-react-sidebar__tail-loader {
display: flex;
justify-content: center;
padding: 12px;
} .w2dc-react-listings-standalone {
width: 100%;
}
.w2dc-react-listings-standalone .w2dc-react-sidebar {
position: static !important;  max-width: 100% !important;
max-height: none !important;
width: 100% !important;
height: auto !important;
top: auto;
left: auto;
right: auto;
bottom: auto;
transform: none !important; background: transparent; }
.w2dc-react-listings-standalone .w2dc-react-sidebar__toggle {
display: none;
}
.w2dc-react-listings-standalone .w2dc-react-sidebar__scroll {
max-height: 80vh;
overflow-y: auto;
} .w2dc-react-listings-standalone .w2dc-react-sidebar__grid,
.w2dc-react-listings-standalone .w2dc-react-sidebar__grid--list {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
} .maplibregl-ctrl-top-left,
.maplibregl-ctrl-top-right,
.maplibregl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
z-index: 6;
} .w2dc-search-form {
position: absolute; z-index: 700;
width: 400px;
max-width: calc(100% - 100px);
display: flex;
flex-direction: column;
gap: 8px;
padding: 14px 16px;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(2px);
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
box-sizing: border-box;
font-size: 13px;
}
.w2dc-search-form.is-submitting { opacity: 0.7; pointer-events: none; } @media (min-width: 769px) { .w2dc-react-map-wrapper.has-overlay-panel .w2dc-search-form {
opacity: 0;
pointer-events: none;
}
} .w2dc-search-form__drag {
position: absolute;
width: 22px;
height: 22px;
border: 0;
background: transparent;
color: #9ca3af;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: grab;
-webkit-tap-highlight-color: transparent;
touch-action: none; transition: color 0.12s, background-color 0.12s;
border-radius: 8px;
z-index: 1;
}
.w2dc-search-form__drag:hover {
color: var(--w2dc-primary, #2563eb);
background: rgba(0, 0, 0, 0.05);
}
.w2dc-search-form__drag:active { cursor: grabbing; }
.w2dc-search-form--top-left    > .w2dc-search-form__drag { top: 4px; right: 4px; }
.w2dc-search-form--top-right   > .w2dc-search-form__drag { top: 4px; left:  4px; }
.w2dc-search-form--bottom-left > .w2dc-search-form__drag { bottom: 4px; right: 4px; }
.w2dc-search-form--bottom-right > .w2dc-search-form__drag { bottom: 4px; left:  4px; } .w2dc-search-form.is-positioned > .w2dc-search-form__drag {
top: 4px; right: 4px;
bottom: auto; left: auto;
} @media (max-width: 768px) {
.w2dc-search-form__drag { display: none; }
}
.w2dc-search-form--top-left      { top: 50px;    left: 50px; }
.w2dc-search-form--top-right     { top: 50px;    right: 50px; }
.w2dc-search-form--bottom-left   { bottom: 50px; left: 50px; }
.w2dc-search-form--bottom-right  { bottom: 50px; right: 50px; } @media (max-width: 768px) {
.w2dc-search-form {
position: relative;
top:    auto !important;
left:   auto !important;
right:  auto !important;
bottom: auto !important;
width: 100% !important;
max-width: none;
border-radius: 0;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
flex: 0 0 auto;
} :fullscreen {
display: flex !important;
flex-direction: column !important;
}
:fullscreen > * {
order: 1;
flex: 1 1 auto;
min-height: 0;
}
:fullscreen > .w2dc-search-form {
order: 0;
flex: 0 0 auto !important;
width: 100% !important;
max-width: none !important;
border-radius: 0 !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) !important;
}
:-webkit-full-screen {
display: flex !important;
flex-direction: column !important;
}
:-webkit-full-screen > * {
order: 1;
flex: 1 1 auto;
min-height: 0;
}
:-webkit-full-screen > .w2dc-search-form {
order: 0;
flex: 0 0 auto !important;
width: 100% !important;
max-width: none !important;
border-radius: 0 !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) !important;
}
:-moz-full-screen {
display: flex !important;
flex-direction: column !important;
}
:-moz-full-screen > * {
order: 1;
flex: 1 1 auto;
min-height: 0;
}
:-moz-full-screen > .w2dc-search-form {
order: 0;
flex: 0 0 auto !important;
width: 100% !important;
max-width: none !important;
border-radius: 0 !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) !important;
} .w2dc-fs-host {
display: flex !important;
flex-direction: column !important;
}
.w2dc-fs-host > * {
order: 1;
flex: 1 1 auto;
min-height: 0;
}
.w2dc-fs-host > .w2dc-search-form {
order: 0;
flex: 0 0 auto !important;
width: 100% !important;
max-width: none !important;
border-radius: 0 !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) !important;
}
} .w2dc-search-form__row {
display: flex;
gap: 8px;
}
.w2dc-search-form__slot { flex: 0 0 auto;
min-width: 0;
display: flex;
align-items: stretch;
}
.w2dc-search-form__slot--cols-1 { flex-basis: 100%; } .w2dc-search-form__slot--cols-2 { flex-basis: calc(50% - 4px); }
.w2dc-search-form__slot--cols-3 { flex-basis: calc(33.333% - 5.333px); } .w2dc-search-form__slot--w-2of3 { flex-basis: calc(66.666% - 5.333px); }
.w2dc-search-form__slot--w-1of3 { flex-basis: calc(33.333% - 2.666px); }
.w2dc-search-form__slot.is-empty { visibility: hidden; }
.w2dc-search-form__slot > * { width: 100%; } .w2dc-search-form__input {
border: 1px solid #e5e7eb;
background: #fff;
border-radius: 8px;
padding: 8px 14px;
font-size: 13px;
color: #1f2937;
outline: none;
transition: border-color 0.12s, box-shadow 0.12s;
}
.w2dc-search-form__input::-moz-placeholder { color: #9ca3af; }
.w2dc-search-form__input::placeholder { color: #9ca3af; }
.w2dc-search-form__input:focus {
border-color: var(--w2dc-primary, #2563eb);
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
} .w2dc-search-form input[type="checkbox"],
.w2dc-search-form input[type="radio"] {
appearance: auto !important;
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
background: initial;
border: initial;
border-radius: initial;
box-shadow: none;
accent-color: var(--w2dc-primary, #2563eb);
vertical-align: middle;
}
.w2dc-search-form input[type="checkbox"]::before,
.w2dc-search-form input[type="radio"]::before {
content: none !important;
} .w2dc-search-form__input.is-placeholder {
color: #9ca3af;
}
.w2dc-search-form__input option[value=""] {
color: #9ca3af;
font-style: italic;
} .w2dc-search-form__input.is-placeholder option:not([value=""]) {
color: #1f2937;
font-style: normal;
} .w2dc-search-form__input-wrap {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
}
.w2dc-search-form__input-wrap > .w2dc-search-form__input {
flex: 1 0 auto;
width: 100%;
}  .w2dc-search-form__input-wrap .w2dc-search-form__input,
.w2dc-search-form__autocomplete .w2dc-search-form__input {
padding-right: 30px;
} .w2dc-search-form__clear {
position: absolute;
top: 50%;
right: 6px;
transform: translateY(-50%);
width: 20px;
height: 20px;
padding: 0;
border: 0;
background: transparent;
color: #9ca3af;
cursor: pointer;
border-radius: 50%;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.12s, color 0.12s;
}
.w2dc-search-form__clear:hover {
background: #f3f4f6;
color: #4b5563;
}
.w2dc-search-form__clear:focus {
outline: none;
background: #f3f4f6;
color: #4b5563;
box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
} .w2dc-search-form__autocomplete {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
}
.w2dc-search-form__autocomplete > .w2dc-search-form__input {
flex: 1 0 auto;
width: 100%;
}
.w2dc-search-form__autocomplete-list {
position: absolute;
top: calc(100% + 2px);
left: 0;
right: 0;
z-index: 20;
margin: 0;
padding: 4px 0;
list-style: none;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
max-height: 280px;
overflow-y: auto;
font-size: 13px;
}
.w2dc-search-form__autocomplete-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 7px 12px; margin: 0;
cursor: pointer;
color: #1f2937;
transition: background-color 0.08s;
}
.w2dc-search-form__autocomplete-item.is-active,
.w2dc-search-form__autocomplete-item:hover {
background: rgba(37, 99, 235, 0.08);
}
.w2dc-search-form__autocomplete-label {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.w2dc-search-form__autocomplete-count {
flex: 0 0 auto;
font-size: 11px;
color: #6b7280;
background: #f3f4f6;
padding: 1px 6px;
border-radius: 10px;
} .w2dc-search-form__autocomplete-spinner {
position: absolute;
top: 50%;
right: 10px;
width: 12px;
height: 12px;
margin-top: -6px;
border: 2px solid rgba(37, 99, 235, 0.25);
border-top-color: var(--w2dc-primary, #2563eb);
border-radius: 50%;
animation: w2dc-search-form-spin 0.7s linear infinite;
pointer-events: none;
}
@keyframes w2dc-search-form-spin {
to { transform: rotate(360deg); }
} .w2dc-search-form__range {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 12px;
color: #4b5563;
padding: 4px 8px;
}
.w2dc-search-form__range > span { font-weight: 500; }
.w2dc-search-form__range > input[type="range"] {
width: 100%;
accent-color: var(--w2dc-primary, #2563eb);
} .w2dc-search-form__btn {
border: 1px solid #e5e7eb !important;
background-color: #fff !important;
color: #1f2937 !important;
font-weight: 500;
font-size: 13px;
padding: 7px 16px;
border-radius: 8px;
cursor: pointer;
transition: box-shadow 0.12s, border-color 0.12s;
text-decoration: none;
box-shadow: none;
}
.w2dc-search-form__btn:hover {
background-color: #fff !important;
color: #1f2937 !important;
border-color: #cbd5e1 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.w2dc-search-form__btn:active {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}
.w2dc-search-form__btn--primary {
background-color: var(--w2dc-primary, #2563eb) !important;
color: #fff !important;
border-color: var(--w2dc-primary, #2563eb) !important;
}
.w2dc-search-form__btn--primary:hover {
background-color: var(--w2dc-secondary, var(--w2dc-primary, #1f82a5)) !important;
color: #fff !important;
border-color: var(--w2dc-secondary, var(--w2dc-primary, #1f82a5)) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.w2dc-search-form__btn:disabled,
.w2dc-search-form__btn:disabled:hover {
opacity: 0.5;
cursor: not-allowed;
box-shadow: none;
} .w2dc-search-form__separator {
display: flex;
margin: 4px 0;
}
.w2dc-search-form__separator-btn {
width: 100%;
border: 1px solid #e5e7eb !important;
background-color: #fff !important;
color: var(--w2dc-primary, #2563eb) !important;
font-size: 13px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 7px 16px;
border-radius: 8px;
box-shadow: none;
text-decoration: none;
transition: box-shadow 0.12s, border-color 0.12s;
}
.w2dc-search-form__separator-btn:hover {
background-color: #fff !important;
color: var(--w2dc-primary, #2563eb) !important;
border-color: #cbd5e1 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.w2dc-search-form__separator-btn:active {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}
.w2dc-search-form__separator-btn .w2dc-fa { transition: transform 0.18s ease; }
.w2dc-search-form__separator-btn.is-open .w2dc-fa { transform: rotate(90deg); } .w2dc-search-form__pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
min-width: 0;
}
.w2dc-search-form__pair > .w2dc-search-form__input {
min-width: 0;
} .w2dc-search-form__rangepair {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 12px;
color: #4b5563;
padding: 4px 8px;
}
.w2dc-search-form__rangepair-label { font-weight: 500; } .w2dc-search-form__rangepair-track {
position: relative;
height: 28px;
}
.w2dc-search-form__rangepair-track::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 4px;
transform: translateY(-50%);
background: linear-gradient(
to right,
#e5e7eb 0%,
#e5e7eb var(--w2dc-rp-lo, 0%),
var(--w2dc-primary, #2563eb) var(--w2dc-rp-lo, 0%),
var(--w2dc-primary, #2563eb) var(--w2dc-rp-hi, 100%),
#e5e7eb var(--w2dc-rp-hi, 100%)
);
border-radius: 2px;
pointer-events: none;
}
.w2dc-search-form__rangepair-track > input[type="range"] {
position: absolute;
inset: 0;
width: 100%;
margin: 0;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; pointer-events: none;
} .w2dc-search-form__rangepair-track > input[type="range"]::-webkit-slider-runnable-track {
background: transparent;
border: none;
height: 4px;
}
.w2dc-search-form__rangepair-track > input[type="range"]::-moz-range-track {
background: transparent;
border: none;
height: 4px;
}
.w2dc-search-form__rangepair-track > input[type="range"]::-moz-range-progress {
background: transparent;
} .w2dc-search-form__rangepair-track > input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
pointer-events: auto;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--w2dc-primary, #2563eb);
border: 2px solid #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
cursor: pointer;
margin-top: -6px; }
.w2dc-search-form__rangepair-track > input[type="range"]::-moz-range-thumb {
pointer-events: auto;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--w2dc-primary, #2563eb);
border: 2px solid #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
cursor: pointer;
} .w2dc-search-form__optgrid {
display: grid;
gap: 4px 10px;
}
.w2dc-search-form__opt {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12.5px;
cursor: pointer;
}
.w2dc-search-form__opt input { margin: 0; } .w2dc-search-form__checkbox {
display: inline-flex;
align-items: center;
gap: 8px; padding: 6px 0;
font-size: 12.5px;
cursor: pointer;
}
.w2dc-search-form__checkbox input { margin: 0; } .w2dc-search-form__checklist {
display: flex;
flex-direction: column;
gap: 2px;
max-height: 180px;
overflow-y: auto;
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #fff;
padding: 6px 4px;
font-size: 12.5px;
} .w2dc-search-form__checklist {
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
}
.w2dc-search-form__checklist::-webkit-scrollbar { width: 10px; }
.w2dc-search-form__checklist::-webkit-scrollbar-track { background: transparent; }
.w2dc-search-form__checklist::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 8px;
border: 2px solid #fff;
background-clip: padding-box;
}
.w2dc-search-form__checklist::-webkit-scrollbar-thumb:hover { background: #94a3b8; background-clip: padding-box; }
.w2dc-search-form__checklist-item {
display: flex;
align-items: center;
gap: 6px;
padding: 3px 6px;
border-radius: 4px;
cursor: pointer;
}
.w2dc-search-form__checklist-item:hover { background: #f3f4f6; }
.w2dc-search-form__checklist-item input[type="checkbox"] { margin: 0; }
.w2dc-search-form__checklist-item span { flex: 1 1 auto; min-width: 0; } .w2dc-search-form__slot.is-span { position: relative; }
.w2dc-search-form__slot.is-span .w2dc-search-form__checklist {
position: absolute;
inset: 0;
max-height: none;
box-sizing: border-box;
} .w2dc-search-form__placeholder {
font-size: 12px;
color: #9ca3af;
font-style: italic;
padding: 6px 10px;
background: #f9fafb;
border: 1px dashed #d1d5db;
border-radius: 6px;
text-align: center;
} .w2dc-react-search-standalone {
width: 100%;
}
.w2dc-react-search-standalone .w2dc-search-form { position: relative;
z-index: 5;
top: auto;
left: auto;
right: auto;
bottom: auto;
max-width: 100%;
}
.w2dc-react-search-standalone .w2dc-search-form__drag {
display: none;
} .w2dc-search-form__taxdd { position: relative; width: 100%; display: flex; }
.w2dc-search-form__taxdd,
.w2dc-search-form__taxdd * { box-sizing: border-box; }
.w2dc-search-form__taxdd-trigger {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
cursor: pointer;
text-align: left;
font-family: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; background-color: #fff !important;
color: #1f2937 !important;
}
.w2dc-search-form__taxdd-trigger.is-placeholder { color: #9ca3af !important; } .w2dc-search-form__taxdd-trigger:hover { border: 1px solid #e5e7eb; }
.w2dc-search-form__taxdd-value {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.w2dc-search-form__taxdd-caret {
flex: 0 0 auto;
color: #9ca3af;
font-size: 10px;
line-height: 1;
} .w2dc-search-form__taxdd-clear {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 50%;
color: #9ca3af;
font-size: 14px;
line-height: 1;
cursor: pointer;
transition: background-color 0.12s, color 0.12s;
}
.w2dc-search-form__taxdd-clear:hover {
background: #f3f4f6;
color: #4b5563;
}
.w2dc-search-form__taxdd-panel {
position: absolute;
top: calc(100% + 2px);
left: 0;
right: 0;
z-index: 20;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
overflow: hidden;
}
.w2dc-search-form__taxdd-search {
width: 100%;
border: 0;
border-bottom: 1px solid #e5e7eb;
padding: 8px 12px;
font-size: 13px;
font-family: inherit;
color: #1f2937;
outline: none;
}
.w2dc-search-form__taxdd-search::-moz-placeholder { color: #9ca3af; }
.w2dc-search-form__taxdd-search::placeholder { color: #9ca3af; }
.w2dc-search-form__taxdd-list {
max-height: 260px;
overflow-y: auto;
font-size: 13px;
} .w2dc-search-form__taxdd-spacer {
position: relative;
width: 100%;
}
.w2dc-search-form__taxdd-option {
position: absolute;
left: 0;
right: 0;
height: 32px;
line-height: 32px;
padding: 0 12px;
cursor: pointer;
color: #1f2937;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: background-color 0.08s;
}
.w2dc-search-form__taxdd-option:hover { background: rgba(37, 99, 235, 0.08); }
.w2dc-search-form__taxdd-option.is-selected {
background: rgba(37, 99, 235, 0.12);
font-weight: 600;
}
.w2dc-search-form__taxdd-empty {
padding: 10px 12px;
color: #9ca3af;
font-style: italic;
text-align: center;
} .w2dc-search-form__ratings {
display: flex;
align-items: center;
gap: 2px;
}
.w2dc-search-form__ratings-label {
margin-right: 6px;
line-height: 1.2;
white-space: nowrap;
}
.w2dc-search-form__ratings-star {
background: none;
border: 0;
padding: 0;
margin: 0;
font-size: 16px; line-height: 1;
cursor: pointer;
transition: transform .1s ease;
}
.w2dc-search-form__ratings-star:hover { transform: scale(1.15); } .w2dc-search-form__ratings-star.is-active { transform: scale(1.25); }
.w2dc-search-form__ratings-star:focus-visible {
outline: 2px solid currentColor;
outline-offset: 1px;
border-radius: 2px;
} .w2dc-autopopups-layer {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;  z-index: 600;
} .w2dc-autopopup-group {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
pointer-events: none;
filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.25));
} .w2dc-autopopup-tail {
position: absolute;
left: 0;
top: 0;
width: 14px;
height: 8px;
background: #ffffff; clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
opacity: 0;
pointer-events: none;
transform-origin: 50% 50%;
will-change: transform, opacity; z-index: 4;
}