.hcs-locations-map {
height: 450px;
width: 100%;
z-index: 1;
overflow: hidden;
}
.hcs-locations-map .leaflet-popup-content-wrapper {
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.hcs-locations-map .leaflet-popup-content {
margin: 10px 14px;
font-size: 14px;
line-height: 1.5;
}
.hcs-locations-map__directions {
display: inline-block;
margin-top: 6px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.hcs-locations-map__directions:hover {
text-decoration: underline;
}.gallery {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin: 1em 0;
}
.gallery .gallery-item {
margin: 0;
text-align: center;
}
.gallery .gallery-item img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
.gallery .gallery-caption {
font-size: 0.85em;
color: #666;
margin-top: 0.4em;
} .gallery-columns-2 .gallery-item { width: calc(50% - 0.5em); }
.gallery-columns-3 .gallery-item { width: calc(33.333% - 0.667em); }
.gallery-columns-4 .gallery-item { width: calc(25% - 0.75em); }
.gallery-columns-5 .gallery-item { width: calc(20% - 0.8em); }
.gallery-columns-6 .gallery-item { width: calc(16.666% - 0.833em); }
.gallery-columns-1 .gallery-item { width: 100%; }
@media (max-width: 600px) {
.gallery .gallery-item { width: 100% !important; }
}  .with_frm_style .frm_form_field .frm_primary_label {
margin-bottom: 6px !important;
} .with_frm_style input.frm_date[readonly] {
color: #000 !important;
border-color: #000 !important;
background-color: var(--bg-color) !important;
}  .flatpickr-time { display: none !important; } .frm-step-time .flatpickr-months,
.frm-step-time .flatpickr-innerContainer { display: none !important; }
.frm-step-date .frm-time-slots { display: none !important; } .frm-time-slots {
padding: 8px;
background: #fff;
}
.frm-time-slots__header {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 8px;
}
.frm-time-slots__back {
background: none;
border: none;
cursor: pointer;
font-size: 18px;
padding: 0 8px 0 0;
color: #555;
line-height: 1;
}
.frm-time-slots__back:hover { color: #000; }
.frm-time-slots__title {
font-size: 13px;
font-weight: 600;
color: #333;
}
.frm-time-slots__label {
display: block;
font-size: 10px;
font-weight: 600;
color: #666;
text-transform: uppercase;
letter-spacing: .5px;
margin: 6px 0 4px 2px;
}
.frm-time-slots__label:first-child { margin-top: 0; }
.frm-time-slots__grid {
display: flex;
flex-wrap: wrap;
gap: 2px;
justify-content: center;
margin-bottom: 4px;
} .flatpickr-calendar .frm-time-slots__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18%;
height: 30px;
border: 1px solid transparent !important;
border-radius: 50px !important;
background: transparent !important;
color: #333 !important;
font-size: 13px !important;
text-align: center;
cursor: pointer;
transition: all .15s;
line-height: 1;
padding: 0;
margin: 0;
box-shadow: none !important;
}
.flatpickr-calendar .frm-time-slots__btn:hover {
background: #e6e6e6 !important;
color: #333 !important;
}
.flatpickr-calendar .frm-time-slots__btn.frm-time-slots__btn--active {
background-color: var(--date-band-color) !important;
border-color: var(--date-band-color) !important;
color: #fff !important;
}
.flatpickr-calendar .frm-time-slots__btn.frm-time-slots__btn--active:hover {
background-color: var(--date-band-color) !important;
border-color: var(--date-band-color) !important;
color: #fff !important;
opacity: .85;
}