/* rtl.css — Arabic RTL mirror stylesheet (2026-10-18).
 * Loaded ONLY on the /ar/ language tree (lang-page.php injects it).
 * Mirrors layout: nav order, product grids, side margins, carousel arrows.
 * Does NOT touch the main shop CSS (shared by all languages). */

html[dir="rtl"] body {
    direction: rtl;
}

/* ---- text alignment: everything right by default ---- */
html[dir="rtl"] body .kb-shell,
html[dir="rtl"] body .kb-promo-top,
html[dir="rtl"] body .kb-footer-bottom-inner,
html[dir="rtl"] body .kb-hero-season-copy {
    text-align: right;
}

/* ---- product grid: reverse flow ---- */
html[dir="rtl"] body .kb-rail-cards,
html[dir="rtl"] body .kb-team-grid,
html[dir="rtl"] body .product-grid,
html[dir="rtl"] body .kb-league-icons,
html[dir="rtl"] body .kb-home-teams-strip,
html[dir="rtl"] body .kb-shop-your-teams-inner,
html[dir="rtl"] body .kb-mega-grid {
    direction: rtl;
}

/* ---- product cards: keep text right, image left ---- */
html[dir="rtl"] body .kb-rail-card,
html[dir="rtl"] body .kb-team-card,
html[dir="rtl"] body .kb-pl-team-card,
html[dir="rtl"] body .kb-league-icon,
html[dir="rtl"] body .kb-mega-team {
    text-align: right;
}

/* ---- breadcrumbs & inline separators ---- */
html[dir="rtl"] body .breadcrumbs,
html[dir="rtl"] body .kb-breadcrumbs {
    direction: rtl;
}

/* ---- carousel buttons: flip sides ---- */
html[dir="rtl"] body .kb-carousel-btn.kb-prev {
    left: auto;
    right: -6px;
}
html[dir="rtl"] body .kb-carousel-btn.kb-next {
    right: auto;
    left: -6px;
}
html[dir="rtl"] body .kb-carousel-btn .kb-carousel-icon {
    transform: scaleX(-1);
}

/* ---- back button arrow ---- */
html[dir="rtl"] body .kb-mobile-back {
    direction: rtl;
}

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

/* ---- promo bar & top strip ---- */
html[dir="rtl"] body .kb-promo-rotate {
    direction: rtl;
}

/* ---- footer link columns ---- */
html[dir="rtl"] body .kb-footer-grid {
    direction: rtl;
}
html[dir="rtl"] body .kb-footer-col {
    text-align: right;
}

/* ---- spec table on product pages ---- */
html[dir="rtl"] body table,
html[dir="rtl"] body .spec-table,
html[dir="rtl"] body .cart-table {
    direction: rtl;
}

/* ---- keep flag icons & product images LTR (visual assets must NOT mirror) ---- */
html[dir="rtl"] body img,
html[dir="rtl"] body .kb-crest,
html[dir="rtl"] body .kb-flag-icon,
html[dir="rtl"] body .kb-team-logo,
html[dir="rtl"] body .kb-league-icon-circle,
html[dir="rtl"] body .kb-rail-image {
    direction: ltr;
}

/* ---- chat widget: move to left so it doesn't cover the mirrored nav ---- */
html[dir="rtl"] body #chat-widget-launcher,
html[dir="rtl"] body .kb-chat-widget,
html[dir="rtl"] body [class*="chat-widget"]:not([class*="css"]):not([class*="js"]) {
    left: 18px;
    right: auto;
}

/* ---- WhatsApp float button: mirror ---- */
html[dir="rtl"] body .wa-float,
html[dir="rtl"] body [class*="whatsapp"] {
    left: 18px;
    right: auto;
}

/* ---- header top row: sign in + cart stay right side in RTL ---- */
html[dir="rtl"] body .kb-header-tools {
    direction: rtl;
}
html[dir="rtl"] body .kb-language-switcher {
    direction: ltr; /* flag + code list must stay LTR */
}