/**
 * RTL (Right-to-Left) Support for Arabic
 * This file contains styles for proper RTL layout
 */

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

/* Body and HTML */
[dir="rtl"] body {
    text-align: right;
    direction: rtl;
}

/* Typography */
[dir="rtl"] h1, 
[dir="rtl"] h2, 
[dir="rtl"] h3, 
[dir="rtl"] h4, 
[dir="rtl"] h5, 
[dir="rtl"] h6 {
    text-align: right;
}

/* Navigation */
[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

/* Buttons */
[dir="rtl"] .btn {
    text-align: center;
}

[dir="rtl"] .btn-group {
    flex-direction: row-reverse;
}

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

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

[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

[dir="rtl"] .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

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

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

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

/* Cards */
[dir="rtl"] .card {
    text-align: right;
}

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

/* Lists */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 2rem;
    padding-left: 0;
}

[dir="rtl"] .list-unstyled {
    padding-right: 0;
}

/* Flexbox */
[dir="rtl"] .d-flex {
    flex-direction: row-reverse;
}

[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}

[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

/* Grid */
[dir="rtl"] .row {
    margin-right: 0;
    margin-left: 0;
}

/* Margins and Paddings - RTL Adjustments */
[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

[dir="rtl"] .ms-1 { margin-left: 0; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0; margin-right: 0.5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0; margin-right: 1rem !important; }
[dir="rtl"] .ms-4 { margin-left: 0; margin-right: 1.5rem !important; }
[dir="rtl"] .ms-5 { margin-left: 0; margin-right: 3rem !important; }

[dir="rtl"] .me-1 { margin-right: 0; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0; margin-left: 1rem !important; }
[dir="rtl"] .me-4 { margin-right: 0; margin-left: 1.5rem !important; }
[dir="rtl"] .me-5 { margin-right: 0; margin-left: 3rem !important; }

[dir="rtl"] .ps-1 { padding-left: 0; padding-right: 0.25rem !important; }
[dir="rtl"] .ps-2 { padding-left: 0; padding-right: 0.5rem !important; }
[dir="rtl"] .ps-3 { padding-left: 0; padding-right: 1rem !important; }
[dir="rtl"] .ps-4 { padding-left: 0; padding-right: 1.5rem !important; }
[dir="rtl"] .ps-5 { padding-left: 0; padding-right: 3rem !important; }

[dir="rtl"] .pe-1 { padding-right: 0; padding-left: 0.25rem !important; }
[dir="rtl"] .pe-2 { padding-right: 0; padding-left: 0.5rem !important; }
[dir="rtl"] .pe-3 { padding-right: 0; padding-left: 1rem !important; }
[dir="rtl"] .pe-4 { padding-right: 0; padding-left: 1.5rem !important; }
[dir="rtl"] .pe-5 { padding-right: 0; padding-left: 3rem !important; }

/* Text Alignment */
[dir="rtl"] .text-start {
    text-align: right !important;
}

[dir="rtl"] .text-end {
    text-align: left !important;
}

/* Float */
[dir="rtl"] .float-start {
    float: right !important;
}

[dir="rtl"] .float-end {
    float: left !important;
}

/* Badges and Pills */
[dir="rtl"] .badge {
    text-align: center;
}

/* Breadcrumb */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0;
    padding-left: 0.5rem;
    content: "‹";
}

/* Carousel */
[dir="rtl"] .carousel-control-prev {
    right: 0;
    left: auto;
}

[dir="rtl"] .carousel-control-next {
    left: 0;
    right: auto;
}

/* Modal */
[dir="rtl"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Alerts */
[dir="rtl"] .alert {
    text-align: right;
}

[dir="rtl"] .alert-dismissible .btn-close {
    left: 0;
    right: auto;
}

/* Progress Bar */
[dir="rtl"] .progress-bar {
    right: 0;
    left: auto;
}

/* Tooltips and Popovers */
[dir="rtl"] .tooltip {
    text-align: center;
}

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

/* Custom Classes for Your Site */
[dir="rtl"] .primary-header-menu {
    text-align: right;
}

[dir="rtl"] .branding-bar-wrapper {
    flex-direction: row-reverse;
}

[dir="rtl"] .login-signup-btn {
    flex-direction: row-reverse;
}

/* Shopping Cart RTL */
[dir="rtl"] .cart-item {
    text-align: right;
}

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

/* Footer RTL */
[dir="rtl"] footer {
    text-align: right;
}

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

/* Icons - Flip horizontally for RTL */
[dir="rtl"] .icon-flip {
    transform: scaleX(-1);
}

/* Specific RTL adjustments for arrows and chevrons */
[dir="rtl"] .bi-chevron-right::before {
    content: "\f285";  /* chevron-left */
}

[dir="rtl"] .bi-chevron-left::before {
    content: "\f286";  /* chevron-right */
}

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

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