/*
 * Avanam Theme – Comprehensive Arabic RTL Stylesheet
 * Version: 1.0.0
 * Uses [dir="rtl"] selectors for clean, modern RTL support.
 * Requires Google Fonts: Cairo, Tajawal (loaded via PHP enqueue).
 *
 * Table of Contents:
 * 1. Global Direction & Typography
 * 2. Layout & Grid
 * 3. Header & Navigation
 * 4. Mobile Header & Drawer Menu
 * 5. Sidebar
 * 6. Content & Blog
 * 7. Breadcrumbs
 * 8. Icons & Arrows
 * 9. Pagination & Post Navigation
 * 10. Hero Section
 * 11. Forms
 * 12. Buttons & UI Enhancements
 * 13. Comments
 * 14. Footer
 * 15. WooCommerce
 * 16. Widgets
 * 17. Scroll to Top
 * 18. Accessibility & Focus
 */

/* ==========================================================================
   1. Global Direction & Typography
   ========================================================================== */

[dir="rtl"] {
    direction: rtl;
    unicode-bidi: embed;
}

[dir="rtl"] body,
[dir="rtl"] .site {
    font-family: 'Cairo', 'Tajawal', 'IBM Plex Arabic', var(--global-body-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
    text-align: right;
    letter-spacing: 0;
    word-spacing: 0.05em;
}

[dir="rtl"] body {
    line-height: 1.8;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    font-family: 'Cairo', 'Tajawal', var(--global-heading-font-family, inherit);
    letter-spacing: 0;
    line-height: 1.5;
}

[dir="rtl"] p {
    line-height: 1.9;
}

[dir="rtl"] blockquote {
    padding-left: 0;
    padding-right: 1em;
    border-left: 0;
    border-right: 4px solid var(--global-palette4);
}

[dir="rtl"] .entry-content blockquote {
    margin-right: 0;
}

[dir="rtl"] .single-content ul,
[dir="rtl"] .single-content ol,
[dir="rtl"] .entry-content ul,
[dir="rtl"] .entry-content ol {
    padding-left: 0;
    padding-right: 2em;
}

/* ==========================================================================
   2. Layout & Grid
   ========================================================================== */

[dir="rtl"] .site-container {
    direction: rtl;
}

[dir="rtl"] .has-sidebar:not(.has-left-sidebar) .content-container {
    direction: rtl;
}

[dir="rtl"] .content-container.site-container {
    display: flex;
}

[dir="rtl"] .has-sidebar:not(.has-left-sidebar) .content-area {
    order: 2;
}

[dir="rtl"] .has-sidebar:not(.has-left-sidebar) .primary-sidebar {
    order: 1;
}

[dir="rtl"] .has-sidebar.has-left-sidebar .content-area {
    order: 1;
}

[dir="rtl"] .has-sidebar.has-left-sidebar .primary-sidebar {
    order: 2;
}

/* ==========================================================================
   3. Header & Navigation
   ========================================================================== */

/* Header row items */
[dir="rtl"] .site-header-item {
    margin-right: 0;
    margin-left: 20px;
}

[dir="rtl"] .site-header-section > .site-header-item:last-child {
    margin-left: 0;
}

/* Logo to the right */
[dir="rtl"] .site-header-section-left {
    justify-content: flex-end;
    order: 2;
}

[dir="rtl"] .site-header-section-right {
    justify-content: flex-start;
    order: 0;
}

[dir="rtl"] .site-header-row-center-column .site-header-section-left {
    order: 3;
}

[dir="rtl"] .site-header-row-center-column .site-header-section-center {
    order: 2;
}

[dir="rtl"] .site-header-row-center-column .site-header-section-right {
    order: 1;
}

[dir="rtl"] .site-header-section-left-center {
    justify-content: flex-start;
}

[dir="rtl"] .site-header-section-right-center {
    justify-content: flex-end;
}

/* Primary navigation */
[dir="rtl"] .header-navigation .header-menu-container > ul {
    direction: rtl;
}

[dir="rtl"] .header-navigation ul li {
    text-align: right;
}

/* Dropdown menus */
[dir="rtl"] .header-navigation ul ul.sub-menu,
[dir="rtl"] .header-navigation ul ul.submenu {
    left: auto;
    right: 0;
    text-align: right;
}

[dir="rtl"] .header-navigation ul ul ul.sub-menu,
[dir="rtl"] .header-navigation ul ul ul.submenu {
    left: auto;
    right: 100%;
}

[dir="rtl"] .header-navigation ul ul.sub-menu.sub-menu-edge {
    right: auto;
    left: 0;
}

[dir="rtl"] .header-navigation ul ul ul.sub-menu.sub-menu-edge {
    right: auto;
    left: 100%;
}

/* Dropdown animation for RTL */
[dir="rtl"] .header-navigation.header-navigation-dropdown-animation-fade-up ul ul.sub-menu,
[dir="rtl"] .header-navigation.header-navigation-dropdown-animation-fade-up ul ul.submenu {
    transform: translate3d(0, 10px, 0);
}

[dir="rtl"] .header-navigation[class*="header-navigation-dropdown-animation-fade"] ul li:hover > ul,
[dir="rtl"] .header-navigation[class*="header-navigation-dropdown-animation-fade"] ul li.menu-item--toggled-on > ul {
    transform: translate3d(0, 0, 0);
}

/* Dropdown toggle arrows */
[dir="rtl"] .nav--toggle-sub .dropdown-nav-toggle {
    right: auto;
    left: 0;
}

[dir="rtl"] .nav--toggle-sub ul ul .dropdown-nav-toggle {
    right: auto;
    left: 0.2em;
}

[dir="rtl"] .nav--toggle-sub ul ul .dropdown-nav-toggle .base-svg-iconset {
    transform: rotate(90deg);
}

[dir="rtl"] .nav-drop-title-wrap {
    padding-right: 0;
    padding-left: 1em;
}

[dir="rtl"] .wp-site-blocks .nav--toggle-sub .dropdown-nav-special-toggle {
    right: auto;
    left: calc(1.4em / 2);
    margin-right: 0;
    margin-left: -0.1em;
}

[dir="rtl"] .wp-site-blocks .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle {
    left: 0;
    right: auto;
}

/* Search toggle */
[dir="rtl"] .search-toggle-open .search-toggle-label {
    padding-right: 0;
    padding-left: 5px;
}

/* Social icon labels */
[dir="rtl"] a.social-button .social-label {
    padding-left: 0;
    padding-right: 6px;
}

/* Header cart */
[dir="rtl"] .header-cart-button .header-cart-content {
    padding-right: 0;
    padding-left: 5px;
}

[dir="rtl"] .header-cart-button .header-cart-content:empty {
    padding-left: 0;
}

/* ==========================================================================
   4. Mobile Header & Drawer Menu
   ========================================================================== */

[dir="rtl"] .drawer-content .site-header-item {
    margin-left: 0;
    margin-right: 0;
    text-align: right;
}

[dir="rtl"] #mobile-drawer .drawer-inner {
    left: auto;
    right: 0;
    transform: translateX(100%);
}

[dir="rtl"] #mobile-drawer.show-drawer .drawer-inner,
[dir="rtl"] #mobile-drawer.pop-animated .drawer-inner {
    transform: translateX(0);
}

[dir="rtl"] .popup-drawer-layout-sidepanel .drawer-inner {
    left: auto;
    right: 0;
}

[dir="rtl"] .popup-drawer-layout-sidepanel.popup-drawer-side-left .drawer-inner {
    right: auto;
    left: 0;
}

[dir="rtl"] .drawer-content .header-navigation ul li {
    text-align: right;
}

[dir="rtl"] .drawer-content .header-navigation ul li a {
    text-align: right;
}

[dir="rtl"] #mobile-header .mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap > a {
    padding-right: 0;
    padding-left: 2em;
}

[dir="rtl"] .drawer-content .drawer-nav-drop-wrap {
    text-align: right;
}

[dir="rtl"] .drawer-content .drawer-nav-drop-wrap .drawer-nav-drop-toggle {
    right: auto;
    left: 0;
}

/* Mobile header row layout */
[dir="rtl"] #mobile-header .site-header-section-left {
    justify-content: flex-end;
}

[dir="rtl"] #mobile-header .site-header-section-right {
    justify-content: flex-start;
}

/* Drawer close button */
[dir="rtl"] .drawer-header {
    text-align: left;
}

/* ==========================================================================
   5. Sidebar
   ========================================================================== */

[dir="rtl"] .has-sidebar:not(.has-left-sidebar) .primary-sidebar.widget-area {
    border-left: 0;
    border-right: 1px solid var(--global-gray-400, #e2e8f0);
}

[dir="rtl"] .has-sidebar.has-left-sidebar .primary-sidebar.widget-area {
    border-right: 0;
    border-left: 1px solid var(--global-gray-400, #e2e8f0);
}

[dir="rtl"] .primary-sidebar.widget-area {
    text-align: right;
}

[dir="rtl"] .primary-sidebar .widget ul {
    padding-left: 0;
    padding-right: 1em;
}

/* ==========================================================================
   6. Content & Blog
   ========================================================================== */

[dir="rtl"] .entry-content-wrap {
    text-align: right;
}

[dir="rtl"] .entry-meta {
    direction: rtl;
}

[dir="rtl"] .entry-meta .posted-by .meta-label {
    margin-left: 0.2rem;
    margin-right: 0;
}

[dir="rtl"] .entry-meta .posted-by .author-avatar {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .entry-meta > .posted-by:after {
    order: 3;
}

[dir="rtl"] .entry-tags a.tag-link {
    margin-left: 0.5em;
    margin-right: 0;
}

[dir="rtl"] .entry-tags a.tag-link:last-child {
    margin-left: 0;
}

[dir="rtl"] .title-align-right .entry-meta {
    justify-content: flex-start;
}

[dir="rtl"] .title-align-left .entry-meta {
    justify-content: flex-end;
}

[dir="rtl"] a.post-more-link .base-svg-iconset {
    margin-left: 0;
    margin-right: 0.5em;
    transform: rotate(180deg);
}

[dir="rtl"] a.post-more-link .svg-baseline svg {
    top: auto;
    bottom: 0.125em;
}

/* Archive grid beside layout */
[dir="rtl"] .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
    direction: rtl;
}

/* ==========================================================================
   7. Breadcrumbs
   ========================================================================== */

[dir="rtl"] .base-breadcrumbs {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .base-breadcrumbs .separator {
    display: inline-block;
    transform: rotate(180deg);
}

[dir="rtl"] .base-breadcrumbs svg {
    transform: rotate(180deg);
}

/* ==========================================================================
   8. Icons & Arrows
   ========================================================================== */

[dir="rtl"] .base-svg-iconset.base-arrow-right-icon,
[dir="rtl"] .base-svg-iconset.base-arrow-left-icon {
    transform: scaleX(-1);
}

/* Slider arrows */
[dir="rtl"] .splide__arrow--prev {
    left: auto;
    right: 1em;
}

[dir="rtl"] .splide__arrow--next {
    right: auto;
    left: 1em;
}

[dir="rtl"] .splide__arrow--prev svg,
[dir="rtl"] .splide__arrow--next svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   9. Pagination & Post Navigation
   ========================================================================== */

[dir="rtl"] .pagination .page-numbers .base-svg-iconset {
    transform: rotate(180deg);
}

[dir="rtl"] .pagination .page-numbers .base-svg-iconset.svg-baseline svg {
    top: auto;
    bottom: 0.125em;
}

[dir="rtl"] .comment-navigation .nav-previous a,
[dir="rtl"] .post-navigation .nav-previous a {
    padding-right: 0;
    padding-left: var(--global-xs-spacing);
}

[dir="rtl"] .comment-navigation .nav-previous .base-svg-iconset,
[dir="rtl"] .post-navigation .nav-previous .base-svg-iconset {
    transform: rotate(180deg);
}

[dir="rtl"] .comment-navigation .nav-previous .base-svg-iconset svg,
[dir="rtl"] .post-navigation .nav-previous .base-svg-iconset svg {
    top: auto;
    bottom: 0.125em;
}

[dir="rtl"] .comment-navigation .nav-next a,
[dir="rtl"] .post-navigation .nav-next a {
    padding-left: 0;
    padding-right: var(--global-xs-spacing);
}

[dir="rtl"] .comment-navigation .nav-next .base-svg-iconset,
[dir="rtl"] .post-navigation .nav-next .base-svg-iconset {
    transform: rotate(180deg);
}

[dir="rtl"] .comment-navigation .nav-next .base-svg-iconset svg,
[dir="rtl"] .post-navigation .nav-next .base-svg-iconset svg {
    top: auto;
    bottom: 0.125em;
}

[dir="rtl"] .comment-navigation .nav-previous:after,
[dir="rtl"] .post-navigation .nav-previous:after {
    right: auto;
    left: 0;
}

[dir="rtl"] .comment-navigation .nav-next,
[dir="rtl"] .post-navigation .nav-next {
    text-align: left;
}

/* ==========================================================================
   10. Hero Section
   ========================================================================== */

[dir="rtl"] .entry-hero-container-inner {
    text-align: right;
}

[dir="rtl"] .entry-hero-container-inner .entry-header {
    text-align: right;
}

[dir="rtl"] .hero-section-overlay {
    direction: rtl;
}

[dir="rtl"] .entry-hero-layout-fullwidth .entry-header {
    text-align: right;
}

[dir="rtl"] .wp-block-cover__inner-container,
[dir="rtl"] .wp-block-cover .wp-block-cover__inner-container {
    text-align: right;
}

/* Hero alignment fix for Arabic reading flow */
[dir="rtl"] .entry-hero-container-inner .hero-align-left {
    text-align: right;
}

[dir="rtl"] .entry-hero-container-inner .hero-align-right {
    text-align: left;
}

/* ==========================================================================
   11. Forms
   ========================================================================== */

[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="password"],
[dir="rtl"] input[type="search"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="date"],
[dir="rtl"] textarea {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] label {
    text-align: right;
    display: block;
}

[dir="rtl"] ::placeholder {
    text-align: right;
}

[dir="rtl"] select {
    padding: 0.2em 0.5em 0.2em 35px;
    background-position: 2% 50%;
    text-align: right;
}

/* Search form */
[dir="rtl"] .search-form input[type="search"],
[dir="rtl"] .search-form input.search-field,
[dir="rtl"] .woocommerce-product-search input[type="search"] {
    padding-right: 0.8em;
    padding-left: 40px;
    text-align: right;
}

[dir="rtl"] .search-form .search-submit[type="submit"],
[dir="rtl"] .search-form .base-search-icon-wrap,
[dir="rtl"] .woocommerce-product-search .search-submit[type="submit"],
[dir="rtl"] .woocommerce-product-search .base-search-icon-wrap {
    right: auto;
    left: 0;
}

/* Header search drawer */
[dir="rtl"] #search-drawer input.search-field {
    padding: 0.5em 1em 0.5em 80px;
}

@media screen and (max-width: 767px) {
    [dir="rtl"] #search-drawer input.search-field {
        padding: 0.5em 1em 0.5em 50px;
    }
}

/* Form error messages */
[dir="rtl"] .wpcf7-not-valid-tip,
[dir="rtl"] .wpcf7-response-output,
[dir="rtl"] .form-error,
[dir="rtl"] .error-message {
    text-align: right;
    direction: rtl;
}

/* Fieldset */
[dir="rtl"] fieldset {
    text-align: right;
}

/* Contact Form 7 & WPForms */
[dir="rtl"] .wpcf7 input,
[dir="rtl"] .wpcf7 textarea,
[dir="rtl"] .wpcf7 select,
[dir="rtl"] .wpforms-field input,
[dir="rtl"] .wpforms-field textarea,
[dir="rtl"] .wpforms-field select {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .wpcf7 label,
[dir="rtl"] .wpforms-field-label {
    text-align: right;
}

/* ==========================================================================
   12. Buttons & UI Enhancements
   ========================================================================== */

/* Rounded buttons */
[dir="rtl"] button,
[dir="rtl"] .button,
[dir="rtl"] .wp-block-button__link,
[dir="rtl"] .wp-element-button,
[dir="rtl"] input[type="button"],
[dir="rtl"] input[type="reset"],
[dir="rtl"] input[type="submit"] {
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Smooth hover elevation */
[dir="rtl"] button:hover,
[dir="rtl"] .button:hover,
[dir="rtl"] .wp-block-button__link:hover,
[dir="rtl"] .wp-element-button:hover,
[dir="rtl"] input[type="button"]:hover,
[dir="rtl"] input[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Entry card hover effect */
[dir="rtl"] .entry {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

[dir="rtl"] .entry:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

/* Link underline animation */
[dir="rtl"] .entry-content a:not(.button):not(.wp-block-button__link) {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease;
}

/* Clean spacing for Arabic content */
[dir="rtl"] .entry-content-wrap {
    padding: 1.5em;
}

/* Image border radius */
[dir="rtl"] .post-thumbnail img,
[dir="rtl"] .entry img {
    border-radius: 6px;
}

/* ==========================================================================
   13. Comments
   ========================================================================== */

[dir="rtl"] .comment-meta {
    margin-left: 0;
    margin-right: 70px;
}

[dir="rtl"] .comment .avatar {
    right: -70px;
    left: auto;
}

[dir="rtl"] .children {
    margin-left: 0;
    margin-right: 1em;
}

@media screen and (min-width: 768px) {
    [dir="rtl"] .children {
        margin-left: 0;
        margin-right: 2em;
    }

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

[dir="rtl"] .comment-form input:placeholder-shown + label,
[dir="rtl"] .comment-form textarea:placeholder-shown + label {
    transform: translate(-0.5em, 2.5rem) scale(1);
}

[dir="rtl"] .comment-form input:not(:placeholder-shown) + label,
[dir="rtl"] .comment-form input:focus + label,
[dir="rtl"] .comment-form textarea:not(:placeholder-shown) + label,
[dir="rtl"] .comment-form textarea:focus + label {
    transform: translate(0, 0) scale(0.75);
}

[dir="rtl"] .comment-form .comment-form-cookies-consent label:not(:placeholder-shown) {
    transform: none;
    font-size: 90%;
}

[dir="rtl"] .comment-form .comment-form-cookies-consent label {
    padding-left: 0;
    padding-right: 0.6em;
}

[dir="rtl"] .comment-body {
    text-align: right;
}

[dir="rtl"] .comment-content {
    text-align: right;
}

/* ==========================================================================
   14. Footer
   ========================================================================== */

[dir="rtl"] .site-footer {
    text-align: right;
}

[dir="rtl"] .footer-widget-area {
    text-align: right;
}

[dir="rtl"] .footer-widget-area .widget ul {
    padding-left: 0;
    padding-right: 1em;
}

[dir="rtl"] .site-footer-section-left {
    text-align: right;
    justify-content: flex-end;
}

[dir="rtl"] .site-footer-section-right {
    text-align: left;
    justify-content: flex-start;
}

[dir="rtl"] .footer-navigation ul {
    direction: rtl;
}

[dir="rtl"] .footer-navigation ul li {
    text-align: right;
}

/* ==========================================================================
   15. WooCommerce
   ========================================================================== */

/* Product grid */
[dir="rtl"] .woocommerce ul.products,
[dir="rtl"] .woocommerce-page ul.products {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .woocommerce ul.products li.product,
[dir="rtl"] .woocommerce-page ul.products li.product {
    text-align: right;
}

/* Product price alignment */
[dir="rtl"] .woocommerce ul.products li.product .price,
[dir="rtl"] .woocommerce div.product p.price,
[dir="rtl"] .woocommerce div.product span.price {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .woocommerce .price del {
    margin-left: 0.5em;
    margin-right: 0;
}

/* Product rating */
[dir="rtl"] .woocommerce .star-rating {
    float: right;
}

/* Single product */
[dir="rtl"] .woocommerce div.product {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .woocommerce div.product .product_title {
    text-align: right;
}

[dir="rtl"] .woocommerce div.product .woocommerce-product-details__short-description {
    text-align: right;
}

/* Product gallery */
[dir="rtl"] .woocommerce div.product div.images {
    float: right;
}

[dir="rtl"] .woocommerce div.product div.summary {
    float: left;
}

/* Variation forms */
[dir="rtl"] .woocommerce div.product form.cart .variations .label {
    padding-left: 1em;
    padding-right: 0;
    text-align: right;
}

[dir="rtl"] .woocommerce div.product form.cart .variations td.value {
    text-align: right;
}

/* Quantity input */
[dir="rtl"] .woocommerce .quantity {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

/* Add to cart button */
[dir="rtl"] .woocommerce div.product form.cart .button {
    float: right;
}

/* Product meta */
[dir="rtl"] .woocommerce div.product_meta {
    text-align: right;
}

[dir="rtl"] .woocommerce div.product_meta span {
    display: block;
    text-align: right;
}

/* Product tabs */
[dir="rtl"] .woocommerce div.product .woocommerce-tabs ul.tabs {
    direction: rtl;
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

[dir="rtl"] .woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin-left: 0.5em;
    margin-right: 0;
}

[dir="rtl"] .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
    margin-right: 0;
}

/* Cart page */
[dir="rtl"] .woocommerce table.shop_table {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .woocommerce table.shop_table th,
[dir="rtl"] .woocommerce table.shop_table td {
    text-align: right;
}

[dir="rtl"] .woocommerce table.shop_table .product-remove {
    text-align: center;
}

[dir="rtl"] .woocommerce .cart-collaterals {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .woocommerce .cart-collaterals .cart_totals {
    float: left;
    text-align: right;
}

[dir="rtl"] .woocommerce .cart-collaterals .cart_totals table th {
    text-align: right;
    padding-left: 12px;
    padding-right: 0;
}

/* Cart actions buttons */
[dir="rtl"] .woocommerce td.actions {
    text-align: left;
}

[dir="rtl"] .woocommerce td.actions .coupon {
    float: right;
}

/* Checkout page */
[dir="rtl"] .woocommerce-checkout .col2-set {
    direction: rtl;
}

[dir="rtl"] .woocommerce-checkout .col2-set .col-1 {
    float: right;
}

[dir="rtl"] .woocommerce-checkout .col2-set .col-2 {
    float: left;
}

[dir="rtl"] .woocommerce form .form-row {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .woocommerce form .form-row label {
    text-align: right;
}

[dir="rtl"] .woocommerce form .form-row input,
[dir="rtl"] .woocommerce form .form-row textarea,
[dir="rtl"] .woocommerce form .form-row select {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .woocommerce form .form-row-first {
    float: right;
}

[dir="rtl"] .woocommerce form .form-row-last {
    float: left;
}

/* Order review */
[dir="rtl"] .woocommerce-checkout #order_review {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .woocommerce-checkout #order_review .shop_table th,
[dir="rtl"] .woocommerce-checkout #order_review .shop_table td {
    text-align: right;
}

/* Payment methods */
[dir="rtl"] .woocommerce-checkout #payment {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .woocommerce-checkout #payment ul.payment_methods li {
    text-align: right;
}

[dir="rtl"] .woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
    margin-left: 0.5em;
    margin-right: 0;
}

[dir="rtl"] #place_order {
    float: left;
}

/* WooCommerce notices */
[dir="rtl"] .woocommerce-message,
[dir="rtl"] .woocommerce-info,
[dir="rtl"] .woocommerce-error {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .woocommerce-message::before,
[dir="rtl"] .woocommerce-info::before,
[dir="rtl"] .woocommerce-error::before {
    left: auto;
    right: 1em;
}

[dir="rtl"] .woocommerce-message .button,
[dir="rtl"] .woocommerce-info .button,
[dir="rtl"] .woocommerce-error .button {
    float: left;
}

/* My Account */
[dir="rtl"] .woocommerce-MyAccount-navigation {
    float: right;
    text-align: right;
}

[dir="rtl"] .woocommerce-MyAccount-content {
    float: left;
    text-align: right;
}

/* Sale badge */
[dir="rtl"] .woocommerce span.onsale {
    left: auto;
    right: 0.5em;
}

/* WooCommerce blocks */
[dir="rtl"] .wc-block-grid .wc-block-grid__products:not(.thisisforspecificity) .wc-block-grid__product,
[dir="rtl"] .wc-block-carousel .wc-block-grid__product {
    text-align: right;
}

[dir="rtl"] .wc-block-grid .wc-block-grid__products:not(.thisisforspecificity) .wc-block-grid__product .wc-block-grid__product-rating,
[dir="rtl"] .wc-block-carousel .wc-block-grid__product .wc-block-grid__product-rating {
    float: left;
}

/* Mini cart widget */
[dir="rtl"] .widget_shopping_cart .mini_cart_item {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

[dir="rtl"] .widget_shopping_cart .mini_cart_item .remove {
    left: auto;
    right: 0;
}

[dir="rtl"] .woocommerce-mini-cart__total {
    text-align: right;
}

[dir="rtl"] .woocommerce-mini-cart__buttons {
    direction: rtl;
    text-align: right;
}

/* ==========================================================================
   15b. WooCommerce Product Archive Action Buttons (RTL)
   ========================================================================== */

/* Product action wrap – reverse button flow for RTL */
[dir="rtl"] .woocommerce ul.products li.product .product-action-wrap {
    display: flex;
    flex-wrap: wrap;
    direction: rtl;
    text-align: right;
    justify-content: flex-start;
}

/* Full-width add-to-cart button inside action wrap */
[dir="rtl"] .woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button),
[dir="rtl"] .woocommerce ul.products li.woo-archive-btn-button .product-action-wrap .button:not(.kb-button) {
    text-align: center;
    direction: rtl;
}

/* Add to cart icon position swap */
[dir="rtl"] .woocommerce ul.products li.product .button .base-svg-iconset svg {
    margin-left: 0;
    margin-right: 0.5em;
}

/* Product action on-hover: ensure left/right are correct for RTL */
[dir="rtl"] .woocommerce ul.products.woo-archive-action-on-hover li.product .product-action-wrap {
    left: 0;
    right: 0;
}

/* Orderby / shop top row */
[dir="rtl"] .base-shop-top-row {
    direction: rtl;
    flex-direction: row-reverse;
}

[dir="rtl"] select.orderby {
    padding-right: 5px;
    padding-left: 25px;
    background-position: left 0 top 50%;
}

[dir="rtl"] .base-product-toggle-container .base-toggle-shop-layout {
    margin-left: 0;
    margin-right: 0.5em;
}

/* List view: reverse grid columns in RTL */
[dir="rtl"] .woocommerce ul.products.products-list-view li.product {
    direction: rtl;
}

[dir="rtl"] .woocommerce ul.products.products-list-view li.product .entry-content-wrap {
    padding: 0 1.5rem 0 0.5rem;
}

/* YITH / TI Wishlist button on product cards */
[dir="rtl"] ul.products li.product .tinvwl-loop-button-wrapper {
    right: auto;
    left: 0;
    padding: 0.5em;
}

[dir="rtl"] ul.products li.product .tinvwl_add_to_wishlist_button {
    flex-direction: row;
}

[dir="rtl"] ul.products li.product .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text {
    margin-right: 0;
    margin-left: 0.5em;
}

[dir="rtl"] ul.products li.product .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text:after {
    right: auto;
    left: 0;
    margin-right: 0;
    margin-left: -12px;
    border-left-color: transparent;
    border-right-color: rgba(0, 0, 0, 0.5);
}

/* YITH Compare, Wishlist, Quick View plugin buttons in product cards */
[dir="rtl"] .yith-wcwl-add-to-wishlist,
[dir="rtl"] .yith-compare-button,
[dir="rtl"] .yith-wcqv-button,
[dir="rtl"] .product-action-wrap .compare,
[dir="rtl"] .product-action-wrap .yith-wcwl-add-button,
[dir="rtl"] .product-action-wrap .quick-view-button {
    direction: rtl;
    text-align: right;
}

/* Generic action buttons row inside product cards (plugin buttons) */
[dir="rtl"] .product-action-wrap .button,
[dir="rtl"] .product-action-wrap a {
    direction: rtl;
}

/* Product loop action buttons horizontal bar */
[dir="rtl"] ul.products li.product .entry-content-wrap {
    direction: rtl;
    text-align: right;
}

/* Product slider / carousel arrows */
[dir="rtl"] .products-slider .splide__arrow--prev,
[dir="rtl"] .product-blocks-slider .splide__arrow--prev,
[dir="rtl"] ul.products + .splide__arrows .splide__arrow--prev {
    left: auto;
    right: -1.5em;
}

[dir="rtl"] .products-slider .splide__arrow--next,
[dir="rtl"] .product-blocks-slider .splide__arrow--next,
[dir="rtl"] ul.products + .splide__arrows .splide__arrow--next {
    right: auto;
    left: -1.5em;
}

[dir="rtl"] .products-slider .splide__arrow svg,
[dir="rtl"] .product-blocks-slider .splide__arrow svg,
[dir="rtl"] ul.products + .splide__arrows .splide__arrow svg {
    transform: scaleX(-1);
}

/* WC Blocks product grid text alignment */
[dir="rtl"] .wc-block-grid__product {
    text-align: right;
}

/* ==========================================================================
   16. Widgets
   ========================================================================== */

[dir="rtl"] .widget {
    text-align: right;
}

[dir="rtl"] .widget_categories ul,
[dir="rtl"] .widget_archive ul,
[dir="rtl"] .widget_pages ul,
[dir="rtl"] .widget_meta ul,
[dir="rtl"] .widget_recent_entries ul,
[dir="rtl"] .widget_recent_comments ul,
[dir="rtl"] .widget_nav_menu ul {
    padding-left: 0;
    padding-right: 0;
}

[dir="rtl"] .widget select {
    text-align: right;
    direction: rtl;
}

/* Calendar widget */
[dir="rtl"] .widget_calendar table {
    direction: rtl;
}

[dir="rtl"] .widget_calendar table caption {
    text-align: right;
}

/* Tag cloud */
[dir="rtl"] .tagcloud a {
    float: right;
    margin-left: 0.4em;
    margin-right: 0;
}

/* ==========================================================================
   17. Scroll to Top
   ========================================================================== */

[dir="rtl"] #bt-to-top {
    right: auto;
    left: 20px;
}

/* ==========================================================================
   18. Accessibility & Focus
   ========================================================================== */

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

/* ==========================================================================
   Responsive adjustments – ensure nothing breaks
   ========================================================================== */

@media screen and (max-width: 1024px) {
    [dir="rtl"] .has-sidebar .content-area,
    [dir="rtl"] .has-sidebar .primary-sidebar {
        order: unset;
    }

    [dir="rtl"] .has-sidebar .content-container.site-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 719px) {
    [dir="rtl"] .entry-content-wrap {
        padding: 1em;
    }

    [dir="rtl"] .children {
        margin-right: 0.5em;
    }

    [dir="rtl"] .woocommerce .col2-set .col-1,
    [dir="rtl"] .woocommerce .col2-set .col-2 {
        float: none;
        width: 100%;
    }

    [dir="rtl"] .woocommerce .cart-collaterals .cart_totals {
        float: none;
        width: 100%;
    }

    [dir="rtl"] .woocommerce-MyAccount-navigation,
    [dir="rtl"] .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
    }
}
