/**
 * Claue V2 — RTL (Right-to-Left) overrides
 * porto.css is loaded globally via default.xml — no @import needed here.
 */

/* ── Document Direction ── */
html[dir="rtl"] {
    direction: rtl;
}

/* ── Global Text Alignment ── */
html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] .cl-text-left {
    text-align: right;
}

html[dir="rtl"] .cl-text-right {
    text-align: left;
}

/* ── Topbar ── */
html[dir="rtl"] .cl-topbar__left {
    float: right;
    text-align: right;
}

html[dir="rtl"] .cl-topbar__right {
    float: left;
    text-align: left;
}

/* ── Header ── */
html[dir="rtl"] .cl-header__inner {
    flex-direction: row-reverse;
}

html[dir="rtl"] .cl-nav {
    text-align: right;
}

html[dir="rtl"] .cl-nav__item {
    float: right;
}

html[dir="rtl"] .cl-nav__item--has-children > .cl-nav__link::after {
    margin-left: 0;
    margin-right: var(--cl-space-xs);
}

/* ── Header Actions ── */
html[dir="rtl"] .cl-header__actions {
    flex-direction: row-reverse;
}

/* ── Hero ── */
html[dir="rtl"] .cl-hero__content {
    text-align: right;
}

/* ── Category Banners ── */
html[dir="rtl"] .cl-category-banner {
    float: right;
}

/* ── Footer ── */
html[dir="rtl"] .cl-footer__grid {
    direction: rtl;
}

html[dir="rtl"] .cl-footer__social {
    justify-content: flex-end;
}

html[dir="rtl"] .cl-footer__newsletter-form input {
    border-radius: 0 var(--cl-radius-sm) var(--cl-radius-sm) 0;
}

html[dir="rtl"] .cl-footer__newsletter-form button {
    border-radius: var(--cl-radius-sm) 0 0 var(--cl-radius-sm);
}

html[dir="rtl"] .cl-footer__bottom {
    flex-direction: row-reverse;
}

/* ── Product Card ── */
html[dir="rtl"] .cl-product-card {
    text-align: right;
}

html[dir="rtl"] .cl-product-card__label {
    left: auto;
    right: 10px;
}

/* ── Blog ── */
html[dir="rtl"] .cl-blog-card__meta {
    text-align: right;
}

/* ── Lookbook ── */
html[dir="rtl"] .cl-lookbook__content {
    left: auto;
    right: 40px;
    text-align: right;
}

/* ── Mega Menu ── */
html[dir="rtl"] .cl-nav__dropdown {
    left: auto;
    right: 0;
    text-align: right;
}

html[dir="rtl"] .cl-nav__dropdown li a:hover {
    padding-left: 20px;
    padding-right: 25px;
}

/* ── Quickview ── */
html[dir="rtl"] .cl-quickview__close {
    right: auto;
    left: var(--cl-space-md);
}

/* ── Features Bar ── */
html[dir="rtl"] .cl-feature {
    text-align: right;
}

/* ── Section Headings ── */
html[dir="rtl"] .cl-section-heading {
    text-align: right;
}

/* ── Forms ── */
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    text-align: right;
    direction: rtl;
}

/* ── Lists ── */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-left: 0;
    padding-right: 20px;
}

/* ── Margins / Paddings Flip ── */
html[dir="rtl"] .cl-product-card__swatch {
    margin-right: 0;
    margin-left: var(--cl-space-xs);
}

html[dir="rtl"] .cl-product-card__action-btn {
    margin-left: 0;
    margin-right: var(--cl-space-xs);
}

@media (max-width: 992px) {
    html[dir="rtl"] .cl-nav__list {
        text-align: right;
    }
}

@media (max-width: 768px) {
    html[dir="rtl"] .cl-lookbook__content {
        left: auto;
        right: 20px;
    }
}
html[dir="rtl"] .cl-topbar__left{float:right}html[dir="rtl"] .cl-topbar__right{float:left}html[dir="rtl"] .cl-nav__link{text-align:right}html[dir="rtl"] .cl-product-card__actions{flex-direction:row-reverse}html[dir="rtl"] .cl-footer__social a{margin-left:0;margin-right:8px}