/**
 * RTL (Right-to-Left) Styles for Arabic Language
 * MenU Restaurant Digital Menu
 */

/* ===== BASE RTL STYLES ===== */
html[dir="rtl"] body {
    direction: rtl;
    /* text-align: right; */
}

/* ===== TYPOGRAPHY ===== */
html[dir="rtl"] body {
    font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .h1,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3,
html[dir="rtl"] .h4,
html[dir="rtl"] .h5,
html[dir="rtl"] .h6 {
    font-family: 'Tajawal', 'Cairo', sans-serif;
    font-weight: 700;
}

html[dir="rtl"] .card-title,
/* html[dir="rtl"] .modal-title, */
html[dir="rtl"] .nav-link,
html[dir="rtl"] .category-pill,
html[dir="rtl"] .btn {
    font-family: 'Tajawal', 'Cairo', sans-serif;
}

/* ===== NAVBAR ===== */
html[dir="rtl"] .navbar-nav {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

/* ===== SIDEBAR (ADMIN) ===== */
html[dir="rtl"] .sidebar {
    left: auto;
    right: -250px;
}

html[dir="rtl"] .sidebar.show {
    right: 0;
    left: auto;
}

html[dir="rtl"] .sidebar .nav-link i,
html[dir="rtl"] .sidebar .nav-link .fa {
    margin-right: 0;
    margin-left: 12px;
}

html[dir="rtl"] .sidebar-close {
    right: auto;
    left: 15px;
}

html[dir="rtl"] #content-wrapper {
    margin-left: 0;
    margin-right: 0;
}

/* ===== BOOTSTRAP MARGIN/PADDING OVERRIDES ===== */
html[dir="rtl"] .me-1,
html[dir="rtl"] .me-2,
html[dir="rtl"] .me-3,
html[dir="rtl"] .me-4 {
    margin-right: 0 !important;
}

html[dir="rtl"] .me-1 {
    margin-left: 0.25rem !important;
}

html[dir="rtl"] .me-2 {
    margin-left: 0.5rem !important;
}

html[dir="rtl"] .me-3 {
    margin-left: 1rem !important;
}

html[dir="rtl"] .me-4 {
    margin-left: 1.5rem !important;
}

html[dir="rtl"] .ms-1,
html[dir="rtl"] .ms-2,
html[dir="rtl"] .ms-3,
html[dir="rtl"] .ms-4 {
    margin-left: 0 !important;
}

html[dir="rtl"] .ms-1 {
    margin-right: 0.25rem !important;
}

html[dir="rtl"] .ms-2 {
    margin-right: 0.5rem !important;
}

html[dir="rtl"] .ms-3 {
    margin-right: 1rem !important;
}

html[dir="rtl"] .ms-4 {
    margin-right: 1.5rem !important;
}

html[dir="rtl"] .ps-1,
html[dir="rtl"] .ps-2,
html[dir="rtl"] .ps-3,
html[dir="rtl"] .ps-4 {
    padding-left: 0 !important;
}

html[dir="rtl"] .ps-1 {
    padding-right: 0.25rem !important;
}

html[dir="rtl"] .ps-2 {
    padding-right: 0.5rem !important;
}

html[dir="rtl"] .ps-3 {
    padding-right: 1rem !important;
}

html[dir="rtl"] .ps-4 {
    padding-right: 1.5rem !important;
}

html[dir="rtl"] .pe-1,
html[dir="rtl"] .pe-2,
html[dir="rtl"] .pe-3,
html[dir="rtl"] .pe-4 {
    padding-right: 0 !important;
}

html[dir="rtl"] .pe-1 {
    padding-left: 0.25rem !important;
}

html[dir="rtl"] .pe-2 {
    padding-left: 0.5rem !important;
}

html[dir="rtl"] .pe-3 {
    padding-left: 1rem !important;
}

html[dir="rtl"] .pe-4 {
    padding-left: 1.5rem !important;
}

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

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

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

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

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

html[dir="rtl"] .input-group>.form-control,
html[dir="rtl"] .input-group>.form-select {
    border-radius: 0 0.375rem 0.375rem 0;
}

html[dir="rtl"] .input-group>.input-group-text:first-child {
    border-radius: 0 0.375rem 0.375rem 0;
}

html[dir="rtl"] .input-group>.input-group-text:last-child {
    border-radius: 0.375rem 0 0 0.375rem;
}

/* ===== MODALS ===== */
/* html[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
} */

/* html[dir="rtl"] .modal-header .btn-close {
    margin: 0;
    margin-right: auto;
    margin-left: 0;
    position: absolute;
    left: 1rem;
    right: auto;
} */

/* html[dir="rtl"] .modal-header .modal-title {
    text-align: right;
    width: 100%;
} */

html[dir="rtl"] #cartModal h6 {
    text-align: right;
}


html[dir="rtl"] #cartModal .form-label {
    width: 100%;
    text-align: right;
}

html[dir="rtl"] #cartModal .form-check-label {
    width: 100%;
    text-align: right;
}

html[dir="rtl"] #cartModal #instapay-info {
    width: 100%;
    text-align: right;
}

 html[dir="rtl"] .modal-footer {
     flex-direction: row-reverse ;
}

html[dir="rtl"] #cartModalHeaderButtons {
    gap: 10px;
}

html[dir="rtl"] .cart-item {
    flex-direction: row-reverse;
}

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

/* ===== TABLES ===== */
html[dir="rtl"] .table th,
html[dir="rtl"] .table td {
    text-align: right;
}

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

/* ===== CATEGORY PILLS ===== */
html[dir="rtl"] .pills-container {
    direction: rtl;
}

html[dir="rtl"] .category-pill {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ===== CART =====
html[dir="rtl"] #header-cart-btn .badge {
    left: auto;
    transform: translate(50%, -50%);
} */

/* ===== PRODUCT CARDS ===== */
html[dir="rtl"] .menu-card .card-body {
    text-align: right;
}

html[dir="rtl"] .menu-card .card-footer {
    flex-direction: row-reverse;
}

/* ===== LANGUAGE TOGGLE =====
.language-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
}

.language-toggle a {
    color: white;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.language-toggle a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.language-toggle a.active {
    background: #d45033;
    color: #fff;
} */

/* ===== FALLBACK INDICATOR ===== */
.translation-fallback {
    font-style: italic;
}

.fallback-badge {
    background: #ffc107;
    color: #000;
    font-size: 0.6rem;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 5px;
    vertical-align: super;
    font-style: normal;
}

html[dir="rtl"] .fallback-badge {
    margin-left: 0;
    margin-right: 5px;
}

/* ===== SWIPER RTL ===== */
html[dir="rtl"] .swiper {
    direction: rtl;
}

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

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

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

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

/* ===== FOOTER RTL ===== */
/* html[dir="rtl"] .site-footer {
    text-align: right;
}

html[dir="rtl"] .site-footer .footer-desc,
html[dir="rtl"] .site-footer h5,


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

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

html[dir="rtl"] .footer-contact i {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .footer-bottom {
    text-align: center;
}

html[dir="rtl"] .text-md-start {
    text-align: right !important;
} */
/* html[dir="rtl"] .site-footer p, */