/* SoutheastFlorida.com homepage listing rail carousel
   Added September 5, 2026. Existing homepage-v3.css remains untouched. */

.v3PropertyRailWrap{
  position:relative;
}

.v3RailArrow{
  appearance:none;
  position:absolute;
  z-index:8;
  top:72px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--v3-navy,#052f52);
  color:#fff;
  box-shadow:0 3px 10px rgba(3,39,68,.24);
  cursor:pointer;
  transition:background .15s ease,transform .15s ease,opacity .15s ease;
}

.v3RailArrow span{
  display:block;
  margin-top:-2px;
  font:700 30px/.8 Georgia,"Times New Roman",serif;
}

.v3RailArrowPrev{left:-18px}
.v3RailArrowNext{right:-18px}

.v3RailArrow:hover,
.v3RailArrow:focus-visible{
  background:var(--v3-orange,#f05b22);
  transform:scale(1.06);
}

.v3RailArrow:focus-visible{
  outline:3px solid rgba(11,93,150,.28);
  outline-offset:2px;
}

.v3RailArrow:disabled,
.v3RailArrow.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.v3PropertyRailWrap.is-loading .v3PropertyGrid{
  opacity:.58;
}

.v3PropertyRailWrap .v3PropertyGrid{
  transition:opacity .15s ease;
}

.v3RailPagerStatus{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}

@media(max-width:820px){
  .v3PropertyRailWrap{
    padding-bottom:46px;
  }

  .v3RailArrow{
    top:auto;
    bottom:1px;
  }

  .v3RailArrowPrev{
    left:calc(50% - 46px);
  }

  .v3RailArrowNext{
    right:calc(50% - 46px);
  }
}

@media(prefers-reduced-motion:reduce){
  .v3RailArrow,
  .v3PropertyRailWrap .v3PropertyGrid{
    transition:none;
  }
}