/* Saffron Loom — RTL overrides */
[dir="rtl"] body {
    font-family: 'Noto Sans Arabic', 'Hanken Grotesk', sans-serif
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
    font-family: 'Noto Naskh Arabic', 'Young Serif', serif
}

[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0
}

[dir="rtl"] .btn i.bi-arrow-right,
[dir="rtl"] .go i,
[dir="rtl"] .footer-links a i {
    transform: scaleX(-1)
}

[dir="rtl"] .footer-links a:hover {
    transform: translateX(-5px)
}

[dir="rtl"] .loom-badge {
    left: auto;
    right: 4%
}

[dir="rtl"] .loom-back.a {
    left: auto;
    right: 0;
    transform: rotate(9deg);
    --rot: 9deg
}

[dir="rtl"] .loom-back.b {
    right: auto;
    left: -2%;
    transform: rotate(-8deg);
    --rot: -8deg
}

[dir="rtl"] .stat-float {
    right: auto;
    left: -22px
}

[dir="rtl"] .steps::before {
    left: auto;
    right: 24px
}

[dir="rtl"] .steps li {
    padding-left: 0;
    padding-right: 70px
}

[dir="rtl"] .steps .n {
    left: auto;
    right: 0
}

[dir="rtl"] .reveal.l {
    transform: translateX(40px)
}

[dir="rtl"] .reveal.r {
    transform: translateX(-40px)
}

[dir="rtl"] .reveal.l.in,
[dir="rtl"] .reveal.r.in {
    transform: none
}

[dir="rtl"] .p-badge {
    left: auto;
    right: 14px
}

[dir="rtl"] .wish {
    right: auto;
    left: 12px
}

[dir="rtl"] .marquee-track {
    animation-direction: reverse
}

[dir="rtl"] input[type=range] {
    direction: ltr
}

[dir="rtl"] .to-top {
    right: auto;
    left: 22px
}

[dir="rtl"] .progress {
    left: auto;
    right: 0
}

[dir="rtl"] .date-input-wrap input[type="date"] {
    padding-right: 15px;
    padding-left: 44px
}

[dir="rtl"] .date-input-wrap .date-ico {
    right: auto;
    left: 15px
}

@media(max-width:1024px) {
    [dir="rtl"] .nav-link {
        text-align: right
    }
}

@media(max-width:768px) {
    [dir="rtl"] .steps li {
        padding-right: 62px;
        padding-left: 0
    }
    [dir="rtl"] .steps::before {
        right: 21px;
        left: auto
    }
    [dir="rtl"] .stat-float {
        right: auto;
        left: 12px
    }
}

@media(max-width:480px) {
    [dir="rtl"] .steps li {
        padding-right: 54px;
        padding-left: 0
    }
    [dir="rtl"] .steps::before {
        right: 18px;
        left: auto
    }
    [dir="rtl"] .to-top {
        right: auto;
        left: 14px
    }
    [dir="rtl"] .loom-badge {
        left: auto;
        right: 2%
    }
}

/* ── Home 2 ── */
[dir="rtl"] .h2-stage-badge.top {
    left: auto;
    right: 16px
}

[dir="rtl"] .h2-stage-arrow i,
[dir="rtl"] .h2-hero .btn i,
[dir="rtl"] .h2-room-panel .btn i,
[dir="rtl"] .h2-result .btn i,
[dir="rtl"] .h2-quickfind .btn i {
    transform: scaleX(-1)
}

[dir="rtl"] .h2-texture-card {
    right: auto;
    left: -16px
}

[dir="rtl"] .h2-floating-badge {
    left: auto;
    right: -20px
}

[dir="rtl"] .h2-room-tag {
    left: auto;
    right: 16px
}

[dir="rtl"] .h2-card-tag {
    left: auto;
    right: 14px
}

[dir="rtl"] .h2-wish {
    right: auto;
    left: 12px
}

[dir="rtl"] .h2-track {
    direction: rtl
}

[dir="rtl"] .h2-finder-progress span {
    margin-left: auto
}

@media(max-width:820px) {
    [dir="rtl"] .h2-texture-card {
        left: 0;
        right: auto
    }

    [dir="rtl"] .h2-floating-badge {
        right: 0;
        left: auto
    }
}

/* ── About ── */
[dir="rtl"] .ab-crumb i,
[dir="rtl"] .ab-hero .btn i,
[dir="rtl"] .ab-hero-copy .btn i,
[dir="rtl"] .ab-cta .btn i,
[dir="rtl"] .ab-story-copy .btn i {
    transform: scaleX(-1)
}

[dir="rtl"] .ab-hero-sub {
    right: auto;
    left: -18px
}

[dir="rtl"] .ab-hero-badge {
    left: auto;
    right: -16px
}

[dir="rtl"] .ab-story-media {
    margin: 0 0 22px 22px
}

[dir="rtl"] .ab-story-mini {
    right: auto;
    left: -24px
}

[dir="rtl"] .ab-quote i {
    right: auto;
    left: 18px
}

[dir="rtl"] .ab-value .no {
    right: auto;
    left: 22px
}

[dir="rtl"] .ab-timeline::before {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

[dir="rtl"] .ab-tl {
    padding: 0 0 40px 44px
}

[dir="rtl"] .ab-tl:nth-child(even) {
    margin-left: 0;
    margin-right: 50%;
    padding: 0 44px 40px 0
}

[dir="rtl"] .ab-tl::after {
    right: auto;
    left: -9px
}

[dir="rtl"] .ab-tl:nth-child(even)::after {
    left: auto;
    right: -9px
}

@media(max-width:820px) {
    [dir="rtl"] .ab-timeline::before {
        left: auto;
        right: 11px;
        transform: none
    }

    [dir="rtl"] .ab-tl,
    [dir="rtl"] .ab-tl:nth-child(even) {
        margin: 0;
        padding: 0 42px 32px 0
    }

    [dir="rtl"] .ab-tl::after,
    [dir="rtl"] .ab-tl:nth-child(even)::after {
        left: auto;
        right: 2px
    }
}

@media(max-width:768px) {
    [dir="rtl"] .ab-hero-sub {
        left: 0;
        right: auto
    }

    [dir="rtl"] .ab-hero-badge {
        right: 0;
        left: auto
    }

    [dir="rtl"] .ab-story-media {
        margin: 0 0 30px
    }
}

@media(max-width:480px) {
    [dir="rtl"] .ab-story-mini {
        left: -12px;
        right: auto
    }
}

/* ── Products ── */
[dir="rtl"] .ps-crumb i,
[dir="rtl"] .ps-hero .btn i,
[dir="rtl"] .ps-feature-copy .btn i,
[dir="rtl"] .ps-advisor .btn i {
    transform: scaleX(-1)
}

[dir="rtl"] .ps-search {
    padding: 8px 20px 8px 8px
}

[dir="rtl"] .ps-tag {
    left: auto;
    right: 14px
}

[dir="rtl"] .ps-wish {
    right: auto;
    left: 12px
}

[dir="rtl"] .ps-budget::after {
    right: auto;
    left: -28px
}

[dir="rtl"] .ps-feature-float {
    left: auto;
    right: 18px
}

[dir="rtl"] .ps-advisor-badge {
    right: auto;
    left: -14px
}

@media(max-width:480px) {
    [dir="rtl"] .ps-advisor-badge {
        left: 0;
        right: auto
    }
}

/* ── Custom Sizing ── */
[dir="rtl"] .cs-dim.side {
    left: auto;
    right: 16px
}

[dir="rtl"] .cs-room-tag.l {
    left: auto;
    right: 12px
}

[dir="rtl"] .cs-quote .end {
    text-align: start
}

[dir="rtl"] .cs-opt .ic {
    margin-right: 0
}

[dir="rtl"] .cs-tips li i,
[dir="rtl"] .cs-perk i,
[dir="rtl"] .cs-cta-perk i {
    transform: none
}

/* ── Gallery ── */
[dir="rtl"] .gl-badge {
    left: auto;
    right: 12px
}

[dir="rtl"] .gl-zoom {
    right: auto;
    left: 12px
}

[dir="rtl"] .gl-spot-float {
    left: auto;
    right: -18px
}

[dir="rtl"] .gl-specs li {
    border-left: 0;
    border-right: 3px solid var(--secondary);
    padding-left: 0;
    padding-right: 14px
}

[dir="rtl"] .gl-lb-prev {
    left: auto;
    right: 22px
}

[dir="rtl"] .gl-lb-next {
    right: auto;
    left: 22px
}

[dir="rtl"] .gl-lb-close {
    right: auto;
    left: 24px
}

@media(max-width:900px) {
    [dir="rtl"] .gl-spot-float {
        left: auto;
        right: 14px
    }
}

@media(max-width:480px) {
    [dir="rtl"] .gl-lb-prev {
        right: 8px;
        left: auto
    }

    [dir="rtl"] .gl-lb-next {
        left: 8px;
        right: auto
    }

    [dir="rtl"] .gl-lb-close {
        left: 12px;
        right: auto
    }
}

/* ── Contact ── */
[dir="rtl"] .ct-ch small i,
[dir="rtl"] .ct-dir li i {
    transform: none
}

[dir="rtl"] .ct-road.v {
    left: auto;
    right: 38%
}

[dir="rtl"] .ct-pin {
    left: auto;
    right: 38%;
    transform: translate(50%, -100%)
}

[dir="rtl"] .ct-map-label {
    left: auto;
    right: 38%;
    transform: translateX(50%)
}

[dir="rtl"] .ct-map-btn {
    right: auto;
    left: 16px
}

@media(max-width:600px) {
    [dir="rtl"] .ct-cta {
        text-align: start
    }
}

/* ── Auth pages ── */
[dir="rtl"] .toggle-pw {
    right: auto;
    left: 14px;
}
[dir="rtl"] .field-wrap input {
    padding: 13px 16px 13px 44px;
}
[dir="rtl"] .auth-back i {
    transform: scaleX(-1);
}