/* ------------------------------------------------------------------
   2026-07-27 (r-hoq66s) - property gallery arrows on the main photo.
   Melanie: "the arrows are on a separate line below the actual photos,
   one has to move the page down to get to the arrows".
   The parent theme hides the MAIN slider prev/next (style.css:7681) and
   leaves only the thumbnail-strip arrows, so changing photo means
   reaching down to the thumbnail row. Show the main slider own
   prev/next overlaid on the photo, vertically centred, always visible.
   Glyphs (Linearicons e943 / e944) are already styled by the parent for
   .tz-property-slider .flex-direction-nav a:before, so they inherit.
   ------------------------------------------------------------------ */
.tz-property-single .tz-property-content .tz-property-slider #tz-img-single .flex-direction-nav {
    display: block;
}
.tz-property-single .tz-property-content .tz-property-slider #tz-img-single .flex-direction-nav a {
    width: 44px;
    height: 44px;
    margin: -22px 0 0;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    opacity: 1;
    z-index: 10;
}
.tz-property-single .tz-property-content .tz-property-slider #tz-img-single .flex-direction-nav a:hover {
    background: #fff;
}
/* Override flexslider.css, which parks the arrows 50px outside the frame and
   only slides them in on :hover. Keep them in view at all times. */
.tz-property-single .tz-property-content .tz-property-slider #tz-img-single .flex-direction-nav a.flex-prev,
.tz-property-single .tz-property-content .tz-property-slider #tz-img-single:hover .flex-direction-nav a.flex-prev {
    left: 15px;
    right: auto;
}
.tz-property-single .tz-property-content .tz-property-slider #tz-img-single .flex-direction-nav a.flex-next,
.tz-property-single .tz-property-content .tz-property-slider #tz-img-single:hover .flex-direction-nav a.flex-next {
    right: 15px;
    left: auto;
}
/* First/last slide: dim rather than send behind the photo (parent sets z-index:-1). */
.tz-property-single .tz-property-content .tz-property-slider #tz-img-single .flex-direction-nav a.flex-disabled {
    opacity: 0.35;
    z-index: 10;
}