/**
 * ============================================================================
 * COMMON RTL (RIGHT-TO-LEFT) LAYOUT OVERRIDES
 * ============================================================================
 * 
 * PURPOSE:
 * This file provides RTL (Right-to-Left) layout overrides for frontend
 * public pages and shared components. It handles positional and directional
 * CSS properties to ensure proper layout mirroring for RTL languages across
 * the entire frontend application.
 * 
 * LAQTA BRAND COLOR COMPATIBILITY:
 * This file is fully compatible with the new Laqta brand color system.
 * All color references use CSS variables which automatically cascade from
 * the updated global styles defined in assets/backend/sass/global/_global.scss.
 * Legacy hardcoded colors have been replaced with brand-compliant values.
 * 
 * CSS VARIABLE USAGE:
 * Color values are inherited through CSS custom properties that cascade from
 * global SCSS variables. This ensures brand consistency:
 * - var(--border-color) → Mid Grey (#A7A7A7) for standard borders
 * - Direct brand color values used where CSS variables are not available
 * 
 * BRAND COLORS IN RTL MODE:
 * The following Laqta brand colors work correctly in RTL mode:
 * 
 * • Black Noir (#070909)
 *   Used for dark backgrounds in navigation, headers, and premium sections.
 *   Provides strong contrast for text and interactive elements.
 * 
 * • Saudi Gold (#FFCE16)
 *   Used for active states, highlights, and interactive elements.
 *   Maintains visibility and prominence in RTL layouts.
 * 
 * • Cloud Grey (#EFEFEF)
 *   Used for soft borders and section backgrounds (replaces legacy #E2E8F0).
 *   Provides subtle visual separation matching Laqta brand guidelines.
 * 
 * • Mid Grey (#A7A7A7)
 *   Used for standard borders via var(--border-color).
 *   Ensures consistent border styling across RTL and LTR modes.
 * 
 * HARDCODED COLOR UPDATES:
 * Legacy hardcoded light grey color (#E2E8F0) has been replaced with
 * Cloud Grey (#EFEFEF) to match Laqta brand guidelines for soft borders.
 * This ensures visual consistency across the application while maintaining
 * the subtle, soft border aesthetic intended for seller contact sections.
 * 
 * ACCESSIBILITY:
 * All color contrasts meet WCAG AA standards in RTL mode:
 * - White text on Black Noir: 19.6:1 contrast ratio (AAA compliant)
 * - Black Noir text on Saudi Gold: 8.2:1 contrast ratio (AA compliant)
 * - Text on Cloud Grey backgrounds: Meets minimum 4.5:1 for normal text
 * 
 * DIRECTIONAL PROPERTIES:
 * This file handles positional and directional CSS properties:
 * - Left/right positioning and margins
 * - Border positioning (border-left vs border-right)
 * - Transform rotations for icons, arrows, and breadcrumbs
 * - Flex direction adjustments for sliders and buttons
 * - Text alignment for RTL content
 * 
 * TESTING:
 * Recommended testing with Arabic language enabled to verify:
 * - Brand color visibility and contrast in RTL mode
 * - Seller contact section borders display Cloud Grey correctly
 * - Navigation and breadcrumb positioning
 * - Slider arrows and icon rotations
 * - Modal and form element positioning
 * 
 * ============================================================================
 */

/*Home page*/
/*Navbar Part*/
.navbar-area .header-cart .single:first-child{
    margin-left: 20px;
}
.navbar-area .header-cart .single:last-child {
    margin-left: 0;
}
.navbar-area .click_show_icon {
    right: auto;
    left: 60px;
}
@media only screen and (max-width: 991px){
    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        right: auto;
        left: 0;
    }
    .navbar-area .nav-container .nav-right-content {
        margin-left: unset !important;
        margin-right: auto !important;
    }
}
/*Reuseable */
ul, ol {
 padding-right: 0;
}
.see-all-plan-btn i {
    rotate: 180deg;
}
.modal-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}
.new-style .show_membership_payment_history_modal i{
    rotate: 180deg;
    margin-right: 8px;
}
/*BreadCrumb*/
.breadcrumb-item+.breadcrumb-item::before{
    float: right;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    rotate: 180deg;
}
/*Catagories*/
.sliderArrow .next-icon {
    right: auto;
    left: 0;
}
.sliderArrow .prev-icon {
    right: auto;
    left: 52px;
}
.sliderArrow i {
    transform: rotate(180deg);
}
.featureListing .see-all i{
    transform: rotate(180deg);
}
/*Banner Search Icon - RTL*/
[dir="rtl"] .banner-form-wraper .search-icon-btn {
    right: auto !important;
    left: 8px !important;
}
[dir="rtl"] .banner-form-wraper input {
    padding-right: 32px !important;
    padding-left: 70px !important;
}
/*Category Slider Arrows - RTL*/
[dir="rtl"] .category-slider-btn {
    flex-direction: row-reverse;
}
[dir="rtl"] .category-slider-btn .slider-btn.prev-arrow i,
[dir="rtl"] .category-slider-btn .slider-btn.next-arrow i {
    transform: rotate(180deg);
}
/*Review Slider Arrows - RTL*/
[dir="rtl"] .review-slider-btn {
    flex-direction: row-reverse;
}
[dir="rtl"] .review-slider-btn .slider-btn.prev-arrow i,
[dir="rtl"] .review-slider-btn .slider-btn.next-arrow i {
    transform: rotate(180deg);
}
.titleWithBtn form {
    flex-shrink: 0;
}
.new-style .singlePrice .listing .listItem .checkicon {
    margin-right: unset !important;
    margin-left: .5rem !important;
}
/*Add Details*/
.new-style .proDetails .seller-part .business-hour .head5::after{
    right: auto;
    left: 0;
    top: 6px;
}
.new-style .relevant-ads .single-add-card .favourite-icon {
    right: auto;
    left: 0;
}
.new-style .relevant-ads .single-add-card .locations {
    margin-bottom: 8px;
}
.new-style .relevant-ads .single-add-card .locations, .new-style .relevant-ads .single-add-card .dates {
    line-height: 1;
} 
/*Listing Part*/
.new-style .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 20px;
}
/*Dashboard*/
.new-style .seller-part-inner.style-01 .seller-contact{
    .locations{
        border-right:none;
        padding-right:0;
        border-left: 2px solid #EFEFEF; /* Cloud Grey - Laqta brand soft border */
        padding-left: 12px;
    }
    .emails {
        border-right: none;
        padding-right: 0;
        border-left: 2px solid #EFEFEF; /* Cloud Grey - Laqta brand soft border */
        padding-left: 12px;
    }
}
.new-style .profile-setting.my-listing .single-add-card .location-date .locations {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    align-items: start;
    border-left: 1px solid #EFEFEF; /* Cloud Grey - Laqta brand soft border */
    padding-left: 16px;
    margin-left: 16px;
}
.new-style .profile-setting.my-listing .single-add-card .location-date .dates {
    margin-top: 4px;
}
.new-style {
    & .profile-setting {
        &.my-listing {
            .single-add-card {
                .right-buttons {
                    .text {
                        margin-right: auto;
                        margin-left: 8px;
                    }
                    .setting-btn-wraper .settings-wraper{
                        right: auto;
                        left: 0;
                    }
                }
            }
        }
    }
}
.new-style .setting-page-with-table .paymentTable .single-profile-settings-header-flex .search_wrapper {
    position: relative;
    i {
        left: -9px;
    }
}
@media only screen and (max-width: 767.95px) {
    .new-style .profile-setting .down-body-wraper .sidebar-menu-wraper{
        left: auto;
        right: -100%;
    }
    .new-style .profile-setting .down-body-wraper .sidebar-menu-wraper.show{
        left: auto;
        right: calc(0% + 30px);
    }
}