/* ═══════════════════════════════════════════════════════════
   RENMORE HOMES — Reset & Base
   ═══════════════════════════════════════════════════════════ */

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html { scroll-behavior: smooth; }

body {
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    color: var(--navy);
}


/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 600px) {
    .swiper-button-prev,
    .swiper-button-next { display: none; }
}


/* ═══════════════════════════════════════════════════════════
   TAB SCROLL WRAP — universal scroll hint for all tab bars
   ═══════════════════════════════════════════════════════════ */
.rh-tab-wrap {
    position: relative;
}

/* Hide scrollbar on all wrapped tab lists */
.rh-tab-wrap [role="tablist"] {
    overflow-x:                 auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width:            none;
}
.rh-tab-wrap [role="tablist"]::-webkit-scrollbar {
    display: none;
}

/* Right-edge gradient — fades when .is-scrolled-end is added by JS */
.rh-tab-wrap::after {
    content:        '';
    position:       absolute;
    top:            0;
    right:          0;
    bottom:         0;
    width:          56px;
    pointer-events: none;
    transition:     opacity 0.2s ease;
    background:     linear-gradient(to right, transparent, #ffffff);
}

.rh-tab-wrap--cream::after {
    background: linear-gradient(to right, transparent, var(--cream));
}

.rh-tab-wrap--navy::after {
    background: linear-gradient(to right, transparent, var(--navy));
}

.rh-tab-wrap.is-scrolled-end::after {
    opacity: 0;
}