/* recovery overrides — loaded last so it wins. Two jobs:
   1) neutralize JS-driven reveal states (WOW.js) so content shows without scripts;
   2) reflow Slick carousels on MOBILE (their track/slide widths are frozen at desktop sizes
      from the capture, and slick.js is stripped, so at narrow widths buttons/images render
      clipped/broken). Scoped to max-width:900px so desktop stays pixel-1:1. */

.wow,[data-wow-delay],[data-wow-duration]{visibility:visible!important;animation:none!important;opacity:1!important;transform:none!important;}
.animated{opacity:1!important;}
html{scroll-behavior:auto!important;}

/* dropdown sub-nav open state (JS adds .visible). The original body>div.sidemenu .sub-nav rule
   hides it with higher specificity + !important, so we match with the #id to outrank it. */
#global-sidemenu .sub-nav.visible,.sidemenu .sub-nav.visible,nav#global-navbar .navigation .sub-nav.visible,.sub-nav-container.subnav-open .sub-nav,.sub-nav.visible{
  visibility:visible!important;opacity:1!important;max-height:1000px!important;height:auto!important;display:block!important;overflow:visible!important;
}
/* lightbox affordance on gallery images */
.lp-lightbox__slide img,.property-gallery img,[class*="gallery"] img{cursor:zoom-in;}

@media (max-width: 900px){
  /* unfreeze the carousel: drop the fixed desktop track width + transform, stack real slides */
  .slick-slider .slick-list{overflow:visible!important;height:auto!important;}
  .slick-slider .slick-track{width:auto!important;transform:none!important;display:block!important;height:auto!important;}
  .slick-slider .slick-slide{width:auto!important;float:none!important;display:block!important;height:auto!important;}
  .slick-slider .slick-slide.slick-cloned{display:none!important;}      /* hide duplicate clones */
  .slick-slider .slick-dots,.slick-slider .slick-arrow{display:none!important;}
  .slick-slider .slick-slide img{max-width:100%!important;height:auto!important;}
  /* button carousels: let the CTA buttons sit full-width and spaced when stacked */
  .btn-container.slick-slider .slick-slide{margin:0 0 12px!important;}
  .btn-container .lp-btn{display:flex!important;width:100%!important;justify-content:center!important;}
}
