/* GAZ Tours Website - RTL Stylesheet for Arabic */

/* General RTL Adjustments */
body.rtl-mode {
    direction: rtl;
    text-align: right;
}

/* Navigation RTL */
.rtl-mode .navbar-brand {
    margin-left: auto;
    margin-right: 0;
}

.rtl-mode .navbar-brand img {
    margin-right: 0;
    margin-left: 0.5rem;
}

.rtl-mode .nav-link {
    margin-left: 0;
    margin-right: 1rem;
}

.rtl-mode .navbar-collapse {
    justify-content: flex-start;
}

/* Floating WhatsApp Button RTL */
.rtl-mode .whatsapp-float {
    right: auto;
    left: 30px;
}

/* Forms RTL */
.rtl-mode .form-control,
.rtl-mode .form-select {
    text-align: right;
}

.rtl-mode .form-label {
    text-align: right;
}

/* Pagination RTL */
.rtl-mode .pagination {
    flex-direction: row-reverse;
}

/* Cards RTL */
.rtl-mode .card-body {
    text-align: right;
}

/* Text Alignment */
.rtl-mode .text-center {
    text-align: center;
}

.rtl-mode .text-left {
    text-align: right;
}

.rtl-mode .text-right {
    text-align: left;
}

/* Margins and Padding RTL */
.rtl-mode .ms-auto {
    margin-left: auto;
    margin-right: 0;
}

.rtl-mode .me-2 {
    margin-left: 0.5rem;
    margin-right: 0;
}

.rtl-mode .me-3 {
    margin-left: 0.75rem;
    margin-right: 0;
}

.rtl-mode .me-4 {
    margin-left: 1rem;
    margin-right: 0;
}

.rtl-mode .ps-3 {
    padding-right: 1rem;
    padding-left: 0;
}

.rtl-mode .ps-4 {
    padding-right: 1.5rem;
    padding-left: 0;
}

.rtl-mode .pe-3 {
    padding-left: 1rem;
    padding-right: 0;
}

.rtl-mode .pe-4 {
    padding-left: 1.5rem;
    padding-right: 0;
}

/* Lists RTL */
.rtl-mode ul,
.rtl-mode ol {
    margin-left: 0;
    margin-right: 2rem;
}

.rtl-mode .list-unstyled {
    padding-left: 0;
    padding-right: 0;
}

/* Breadcrumb RTL */
.rtl-mode .breadcrumb {
    flex-direction: row-reverse;
}

/* Dropdown RTL */
.rtl-mode .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

/* Modal RTL */
.rtl-mode .modal-header {
    flex-direction: row-reverse;
}

.rtl-mode .btn-close {
    margin-left: 0;
    margin-right: auto;
}

/* Alerts RTL */
.rtl-mode .alert {
    text-align: right;
}

/* Badges RTL */
.rtl-mode .badge {
    margin-left: 0.25rem;
    margin-right: 0;
}

/* Buttons RTL */
.rtl-mode .btn {
    text-align: center;
}

.rtl-mode .btn-group {
    flex-direction: row-reverse;
}

/* Icons RTL */
.rtl-mode .fas,
.rtl-mode .fab {
    margin-left: 0.5rem;
    margin-right: 0;
}

.rtl-mode i.fas::before,
.rtl-mode i.fab::before {
    margin-left: 0;
    margin-right: 0;
}

/* Flexbox RTL */
.rtl-mode .d-flex {
    flex-direction: row;
}

.rtl-mode .justify-content-between {
    justify-content: space-between;
}

.rtl-mode .justify-content-end {
    justify-content: flex-start;
}

.rtl-mode .justify-content-start {
    justify-content: flex-end;
}

/* Grid RTL */
.rtl-mode .row {
    margin-left: 0;
    margin-right: -12px;
}

.rtl-mode [class*='col-'] {
    padding-left: 0;
    padding-right: 12px;
}

/* Navbar RTL */
.rtl-mode .navbar-nav {
    flex-direction: row;
}

.rtl-mode .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0.5rem;
}

/* Sidebar RTL */
.rtl-mode .sidebar {
    left: auto;
    right: 0;
}

/* Tables RTL */
.rtl-mode .table {
    text-align: right;
}

.rtl-mode .table thead {
    text-align: right;
}

/* Footer RTL */
.rtl-mode footer {
    text-align: right;
}

.rtl-mode footer .social-links {
    justify-content: center;
}

/* Responsive RTL */
@media (max-width: 768px) {
    .rtl-mode .navbar-brand {
        margin-left: 0;
        margin-right: auto;
    }

    .rtl-mode .navbar-collapse {
        text-align: right;
    }

    .rtl-mode .nav-link {
        margin-right: 0;
        margin-left: 0;
    }
}

/* Typography RTL */
.rtl-mode h1,
.rtl-mode h2,
.rtl-mode h3,
.rtl-mode h4,
.rtl-mode h5,
.rtl-mode h6 {
    text-align: right;
}

.rtl-mode p {
    text-align: right;
}

.rtl-mode .lead {
    text-align: right;
}

/* Article RTL */
.rtl-mode .article-body {
    text-align: right;
}

.rtl-mode .article-body h2,
.rtl-mode .article-body h3 {
    text-align: right;
}

/* Share Buttons RTL */
.rtl-mode .share-buttons {
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 0.5rem;
    justify-content: center;
}

/* Utility Classes RTL */
.rtl-mode .float-start {
    float: right;
}

.rtl-mode .float-end {
    float: left;
}

.rtl-mode .text-start {
    text-align: right;
}

.rtl-mode .text-end {
    text-align: left;
}

/* Spacing RTL */
.rtl-mode .ms-1 { margin-left: 0.25rem; margin-right: 0; }
.rtl-mode .ms-2 { margin-left: 0.5rem; margin-right: 0; }
.rtl-mode .ms-3 { margin-left: 0.75rem; margin-right: 0; }
.rtl-mode .ms-4 { margin-left: 1rem; margin-right: 0; }
.rtl-mode .ms-5 { margin-left: 1.5rem; margin-right: 0; }

.rtl-mode .me-1 { margin-right: 0.25rem; margin-left: 0; }
.rtl-mode .me-4 { margin-right: 1rem; margin-left: 0; }
.rtl-mode .me-5 { margin-right: 1.5rem; margin-left: 0; }

.rtl-mode .ps-1 { padding-right: 0.25rem; padding-left: 0; }
.rtl-mode .ps-2 { padding-right: 0.5rem; padding-left: 0; }
.rtl-mode .ps-5 { padding-right: 1.5rem; padding-left: 0; }

.rtl-mode .pe-1 { padding-left: 0.25rem; padding-right: 0; }
.rtl-mode .pe-2 { padding-left: 0.5rem; padding-right: 0; }
.rtl-mode .pe-5 { padding-left: 1.5rem; padding-right: 0; }
