/* RTL Icon and Layout Fixes for Arabic Support */

/* Override the problematic generic d-flex rule for icon containers */
[dir="rtl"] .icon-links.d-flex,
[dir="rtl"] .icon-links .d-flex {
    flex-direction: row !important;
}

/* Sidenav should not use flex */
[dir="rtl"] .sidenav-icon-links,
[dir="rtl"] .sidenav-icon-links a,
[dir="rtl"] .sidenav-icon-links button {
    display: block !important;
    flex-direction: unset !important;
}

/* Fix icon spacing in mobile sidenav for RTL */
[dir="rtl"] .sidenav-icon-links a i,
[dir="rtl"] .sidenav-icon-links button i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* For LTR, ensure proper spacing */
[dir="ltr"] .sidenav-icon-links a i,
[dir="ltr"] .sidenav-icon-links button i {
    margin-right: 10px !important;
    margin-left: 0 !important;
}

/* Ensure all Font Awesome icons display correctly */
[dir="rtl"] .fas,
[dir="rtl"] .far,
[dir="rtl"] .fab,
[dir="rtl"] .fa {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Specific weights for Font Awesome styles */
[dir="rtl"] .fas { font-weight: 900 !important; }
[dir="rtl"] .far { font-weight: 400 !important; }
[dir="rtl"] .fab { font-family: "Font Awesome 5 Brands" !important; font-weight: 400 !important; }

/* Fix for header icons specifically */
[dir="rtl"] .main-header .icon-links a,
[dir="rtl"] .main-header .icon-links form,
[dir="rtl"] .main-header .icon-links button {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row !important;
}

/* Ensure icon visibility */
[dir="rtl"] i[class*="fa-"] {
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
}

/* Fix for any flex container with icons */
[dir="rtl"] a:has(i[class*="fa-"]),
[dir="rtl"] button:has(i[class*="fa-"]) {
    flex-direction: row !important;
}

/* Fallback for browsers without :has() support */
[dir="rtl"] .header-search-trigger,
[dir="rtl"] .cart-icon-link {
    flex-direction: row !important;
}

/* Additional RTL Icon Fixes */

/* Form Input Group Icons */
[dir="rtl"] .input-group-prepend {
    order: 2;
}

[dir="rtl"] .input-group-append {
    order: 1;
}

[dir="rtl"] .input-group .input-group-text {
    border-radius: 0 0.25rem 0.25rem 0;
}

[dir="rtl"] .input-group .form-control:first-child {
    border-radius: 0.25rem 0 0 0.25rem;
}

/* Icon margins in buttons and links */
[dir="rtl"] .btn i:not(:only-child):first-child,
[dir="rtl"] button i:not(:only-child):first-child,
[dir="rtl"] a i:not(:only-child):first-child {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .btn i:not(:only-child):last-child,
[dir="rtl"] button i:not(:only-child):last-child,
[dir="rtl"] a i:not(:only-child):last-child {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Arrow direction fixes */
[dir="rtl"] .fa-arrow-right::before {
    content: "\f060"; /* fa-arrow-left */
}

[dir="rtl"] .fa-arrow-left::before {
    content: "\f061"; /* fa-arrow-right */
}

/* Chevron arrows - only swap if NOT nav-arrow class */
[dir="rtl"] .fa-chevron-right:not(.nav-arrow)::before {
    content: "\f053"; /* fa-chevron-left */
}

[dir="rtl"] .fa-chevron-left:not(.nav-arrow)::before {
    content: "\f054"; /* fa-chevron-right */
}

[dir="rtl"] .fa-angle-right::before {
    content: "\f104"; /* fa-angle-left */
}

[dir="rtl"] .fa-angle-left::before {
    content: "\f105"; /* fa-angle-right */
}

/* Modal close button position */
[dir="rtl"] .modal-header .close,
[dir="rtl"] .modal-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}

/* Search input icons */
[dir="rtl"] .has-search .form-control {
    padding-left: 2.375rem;
    padding-right: 0.75rem;
}

[dir="rtl"] .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    right: auto;
    left: 0;
}

/* Breadcrumb separators */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\f104"; /* fa-angle-left */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Dropdown arrows */
[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
}

/* Custom checkbox and radio positions */
[dir="rtl"] .custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir="rtl"] .custom-control-label::before,
[dir="rtl"] .custom-control-label::after {
    right: -1.5rem;
    left: auto;
}

/* Pagination arrows */
[dir="rtl"] .page-link {
    padding: 0.375rem 0.75rem;
}

[dir="rtl"] .pagination .page-item:first-child .page-link {
    border-radius: 0 0.25rem 0.25rem 0;
}

[dir="rtl"] .pagination .page-item:last-child .page-link {
    border-radius: 0.25rem 0 0 0.25rem;
}

/* List group icons */
[dir="rtl"] .list-group-item i:first-child {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Badge positions */
[dir="rtl"] .badge {
    margin-left: 0.25rem;
    margin-right: 0;
}

/* Notification badge positions */
[dir="rtl"] .cart-count-badge {
    right: auto;
    left: -5px;
}

/* Social media icons */
[dir="rtl"] .social-link i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Tab icons */
[dir="rtl"] .nav-tabs .nav-link i:first-child,
[dir="rtl"] .nav-pills .nav-link i:first-child {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Alert icons */
[dir="rtl"] .alert i:first-child {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Card header icons */
[dir="rtl"] .card-header i:first-child {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Utility margin/padding swaps */
[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .ps-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
[dir="rtl"] .ps-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
[dir="rtl"] .ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
[dir="rtl"] .pe-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
[dir="rtl"] .pe-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
[dir="rtl"] .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }