/* Static replacements for behaviour the original theme did with JavaScript. */

/* page loader overlay and script-opened modals/overlays */
#plcover, .al-modals, #close-sidebar-overlay, .auto-listings-spinner { display: none !important; }

/* entrance animations: content starts invisible until a script animates it in */
.builder-invisible { visibility: visible !important; }

/* sliders (home hero, blog featured posts, testimonials): one slide at a time, static.js switches them */
.corify-slider, .featured-slider, .corify-testimonial-slider { position: relative; overflow: hidden; }
.corify-slider > .corify-slide, .featured-slider > article, .corify-testimonial-slider > .corify-testimonial-slide { display: none; }
.corify-slider > .is-active, .featured-slider > .is-active, .corify-testimonial-slider > .is-active,
.corify-slider:not(.is-ready) > :first-child, .featured-slider:not(.is-ready) > :first-child,
.corify-testimonial-slider:not(.is-ready) > :first-child { display: block; }
.corify-builder-slider-arrows { cursor: pointer; }
.static-arrow {
  position: absolute; top: 50%; z-index: 5; width: 38px; height: 38px; margin-top: -19px;
  border: 0; border-radius: 3px; background: #fff; color: #222; font-size: 18px; line-height: 38px;
  text-align: center; cursor: pointer; opacity: .85;
}
.static-arrow:hover { opacity: 1; }
.static-arrow--prev { left: 30px; }
.static-arrow--next { right: 30px; }

/* listings carousel: the first two rows as a grid */
.al-listings__slider.grid-view { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 0; }
.al-listings__slider.grid-view > article:nth-child(n+9) { display: none; }
@media (max-width: 1024px) { .al-listings__slider.grid-view { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .al-listings__slider.grid-view { grid-template-columns: 1fr; } }

/* listing photo gallery: one photo + thumbnail strip (static.js builds the strip) */
.image-gallery .gallery-wrap > ul { list-style: none; margin: 0; padding: 0; }
.image-gallery .gallery-wrap > ul > li { display: none; text-align: center; }
.image-gallery .gallery-wrap > ul > li.is-active,
.image-gallery:not(.is-ready) .gallery-wrap > ul > li:first-child { display: block; }
.image-gallery .gallery-wrap > ul > li img { max-width: 100%; max-height: 552px; width: auto; height: auto; }
.static-thumbs { display: flex; gap: 5px; margin-top: 5px; overflow-x: auto; scrollbar-width: thin; }
.static-thumbs img { flex: 0 0 auto; height: 130px; width: auto; cursor: pointer; opacity: .7; transition: opacity .2s; }
.static-thumbs img.is-active, .static-thumbs img:hover { opacity: 1; }

/* search fields: native dropdowns styled like the original widget (small label on top, value below) */
.als-field select {
  width: 100%; height: 60px; padding: 23px 13px 5px; border: 1px solid #d7dce6; border-radius: 0;
  background-color: #f9f9f9; color: #293957; font-size: 14px; line-height: 26px; cursor: pointer;
}