/**
 * RTL Overrides - Loaded when dir="rtl" (e.g. Arabic)
 * Fixes layouts broken by physical properties (left/right, margin-left, etc.)
 */

/* ===== front.css overrides ===== */
[dir="rtl"] .trip-cards-scroll {
    padding-left: 0;
    padding-inline-start: 1rem;
}

[dir="rtl"] .cart-btn-container {
    left: auto;
    right: auto;
    inset-inline: 1.5rem;
}

/* ===== Breadcrumbs & sidebar (blog, faq, coverage, corporate) ===== */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

[dir="rtl"] .sidebar-list span {
    margin-left: 0;
    margin-right: 8px;
}

/* ===== Nav & footer nav-link hover ===== */
[dir="rtl"] .nav-offcanvas-accordion .nav-link:hover,
[dir="rtl"] footer .nav-link:hover {
    padding-left: 0 !important;
    padding-inline-start: 5px !important;
}

/* ===== Offcanvas border ===== */
[dir="rtl"] .offcanvas-mobile-nav.offcanvas {
    border-left: 0 !important;
    border-right: 1px solid #212529 !important;
}

/* ===== Profile sidebar ===== */
[dir="rtl"] .profile-sidebar .nav-link.active {
    border-left: 0;
    border-right: 3px solid var(--brand-accent);
    padding-left: 1rem;
    padding-right: 0;
}

/* ===== Speed dial / FAB ===== */
[dir="rtl"] .fab-wrapper {
    right: auto;
    left: 30px;
}

[dir="rtl"] .fab-label {
    right: auto;
    left: 65px;
}

@media (max-width: 767px) {
    [dir="rtl"] .fab-wrapper {
        left: 15px;
    }
    [dir="rtl"] .fab-label {
        left: 50px;
    }
}

/* ===== Trips carousel prev/next buttons ===== */
[dir="rtl"] .trips-carousel-prev {
    left: auto;
    right: -24px;
}

[dir="rtl"] .trips-carousel-next {
    right: auto;
    left: -24px;
}

/* ===== CustomTripRequestForm suggestion dropdown ===== */
[dir="rtl"] .position-absolute.start-0 {
    left: auto !important;
    right: 0 !important;
}

[dir="rtl"] .suggestion-item i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* ===== Container & row gutters (override theme LTR defaults) ===== */
[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
    margin-right: auto;
    margin-left: auto;
}

/* ===== Form controls & inputs ===== */
[dir="rtl"] .form-control:not([type="number"]):not([type="tel"]),
[dir="rtl"] .form-select {
    text-align: right;
}

/* Keep numbers/tel LTR for proper display */
[dir="rtl"] .form-control[type="number"],
[dir="rtl"] .form-control[type="tel"] {
    direction: ltr;
    text-align: right;
}

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

[dir="rtl"] .table td:before {
    float: right;
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ===== Cards & badges ===== */
[dir="rtl"] .position-absolute .badge {
    right: auto;
    inset-inline-end: -5px;
}

/* ===== Dropdown menus ===== */
[dir="rtl"] .dropdown-menu {
    text-align: right;
}

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

/* ===== List groups ===== */
[dir="rtl"] .list-group-item {
    text-align: right;
}

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