/**
 * SADA — English Version (LTR) Stylesheet
 * Overrides RTL-specific styles from main.css for the /en/ section
 * Loaded AFTER main.css on all /en/ pages
 */

/* ============================================================
   1. Base LTR Direction Overrides
   ============================================================ */

html[dir="ltr"],
html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
}

/* Font override: use Inter for English */
html[lang="en"] body {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}

.font-tajawal,
.font-cairo {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}

/* ============================================================
   2. Navigation — LTR adjustments
   ============================================================ */

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

html[dir="ltr"] .luxury-navbar .navbar-nav {
    flex-direction: row;
}

html[dir="ltr"] .nav-link i.bi.ms-1,
html[dir="ltr"] .nav-link i.bi.ms-2 {
    margin-left: 0 !important;
    margin-right: 0.3rem;
}

html[dir="ltr"] .navbar-toggler {
    margin-left: 0;
    margin-right: auto;
    order: 2;
}

/* Language Switcher */
.lang-switcher {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
}

.lang-btn {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    padding: 3px 8px;
    border-radius: 20px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    letter-spacing: 0.5px;
}

.lang-btn:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
}

.lang-btn.active {
    color: var(--primary-color, #f36f25);
    border-color: rgba(243, 111, 37, 0.4);
    background: rgba(243, 111, 37, 0.1);
}

.lang-divider {
    color: rgba(255, 255, 255, 0.3);
    font-size: 11px;
}

/* ============================================================
   3. Dropdown — LTR flip
   ============================================================ */

html[dir="ltr"] .dropdown-menu-dark {
    text-align: left;
}

html[dir="ltr"] .dropdown-item i.bi {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* ============================================================
   4. Footer — LTR
   ============================================================ */

html[dir="ltr"] .footer-links li a i.bi.ms-1 {
    margin-left: 0 !important;
    margin-right: 0.4rem;
}

html[dir="ltr"] .footer-bottom {
    flex-direction: row;
}

/* ============================================================
   5. Buttons & CTAs
   ============================================================ */

html[dir="ltr"] .btn-gold i.bi.ms-1,
html[dir="ltr"] .btn-outline-gold i.bi.ms-1 {
    margin-left: 0 !important;
    margin-right: 0.35rem;
}

/* ============================================================
   6. Cards & Room Cards — LTR
   ============================================================ */

html[dir="ltr"] .room-card .card-body {
    text-align: left;
}

html[dir="ltr"] .room-card .badge {
    right: auto;
    left: 1rem;
}

html[dir="ltr"] .status-badge i.bi.ms-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem;
}

/* ============================================================
   7. Forms — LTR alignment
   ============================================================ */

html[dir="ltr"] .form-label,
html[dir="ltr"] .form-label-custom {
    text-align: left;
}

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

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

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

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

/* ============================================================
   8. Page Header Banner — LTR text
   ============================================================ */

html[dir="ltr"] .page-header-banner {
    text-align: center;
}

/* ============================================================
   9. Student Portal — LTR
   ============================================================ */

html[dir="ltr"] .student-portal-wrapper {
    direction: ltr;
}

html[dir="ltr"] .kpi-card {
    text-align: left;
}

html[dir="ltr"] .stat-counter-number {
    text-align: left;
}

/* ============================================================
   10. Preloader Text — English
   ============================================================ */

html[dir="ltr"] .preloader-text {
    font-family: 'Inter', sans-serif;
    letter-spacing: 1px;
}

/* ============================================================
   11. Alerts & Toasts — LTR
   ============================================================ */

html[dir="ltr"] .luxury-toast {
    flex-direction: row;
}

html[dir="ltr"] .alert i.bi.ms-1 {
    margin-left: 0 !important;
    margin-right: 0.35rem;
}

/* ============================================================
   12. Floating WhatsApp Button — LTR position
   ============================================================ */

html[dir="ltr"] .floating-whatsapp-btn {
    left: auto;
    right: 1.5rem;
}

html[dir="ltr"] .floating-whatsapp-tooltip {
    right: calc(100% + 10px);
    left: auto;
}

/* ============================================================
   13. Breadcrumb — LTR
   ============================================================ */

html[dir="ltr"] .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    padding-right: 0;
    padding-left: 0.5rem;
}

/* ============================================================
   14. Tables — LTR
   ============================================================ */

html[dir="ltr"] table {
    direction: ltr;
}

html[dir="ltr"] .table th,
html[dir="ltr"] .table td {
    text-align: left;
}

/* ============================================================
   15. Modals — LTR
   ============================================================ */

html[dir="ltr"] .modal-dialog {
    direction: ltr;
}

html[dir="ltr"] .modal-header .btn-close {
    margin-left: auto;
    margin-right: 0;
}

/* ============================================================
   16. Amenity badges / Feature lists
   ============================================================ */

html[dir="ltr"] .amenity-badge i.bi,
html[dir="ltr"] .feature-item i.bi {
    margin-left: 0;
    margin-right: 0.35rem;
}

/* ============================================================
   17. KPI Stats cards
   ============================================================ */

html[dir="ltr"] .kpi-card .kpi-icon {
    margin-left: 0;
    margin-right: auto;
}

/* ============================================================
   18. Responsive Mobile
   ============================================================ */

@media (max-width: 991.98px) {
    html[dir="ltr"] .luxury-navbar .navbar-collapse {
        text-align: left;
    }

    html[dir="ltr"] .navbar-nav .nav-item {
        border-right: none;
        border-left: none;
    }

    html[dir="ltr"] .d-flex.align-items-center.gap-2.mt-3 {
        justify-content: flex-start;
    }
}

/* ============================================================
   19. Waitlist Modal — LTR
   ============================================================ */

html[dir="ltr"] .waitlist-modal-icon-box {
    margin-left: auto;
    margin-right: auto;
}

/* ============================================================
   20. Gold CTA Buttons — LTR icon order
   ============================================================ */

html[dir="ltr"] .btn-gold-glow i.bi.ms-1 {
    margin-left: 0 !important;
    margin-right: 0.35rem;
}