/* ══ RTL & Arabic Font Overrides ══ */
body, * {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Flip flex directions for RTL */
.header-inner {
    flex-direction: row;
}

.logo-group {
    flex-direction: row-reverse;
}

.header-actions {
    flex-direction: row-reverse;
}

.hero-inner {
    flex-direction: row-reverse;
}

.phone-row {
    flex-direction: row-reverse;
}

.keyfact-card {
    text-align: right;
}

.about-inner {
    direction: rtl;
}

/* RTL breakpoint overrides for about section */
@media (max-width: 1450px) and (min-width: 951px) {
    .about-inner {
        direction: rtl;
    }
    .about-text {
        text-align: right;
    }
}

@media (max-width: 950px) {
    .about-inner {
        direction: rtl;
    }
    .about-text {
        min-height: 0 !important;
        height: auto !important;
        text-align: right;
    }
}

@media (max-width: 768px) {
    .about-inner {
        direction: rtl;
    }
}

.about-cards-grid {
    direction: rtl;
}

.gallery-inner {
    flex-direction: row-reverse;
}

.map-info-item {
    flex-direction: row;
    text-align: right;
}

.map-info-item p {
    text-align: right;
}

/* Social links stay LTR */
.social-links {
    direction: ltr;
}

/* Form fields text align right */
.form-field {
    text-align: right;
    direction: rtl;
}

input::placeholder {
    text-align: right;
}

/* Footer layout */
footer .flex {
    flex-direction: row;
}

/* IB cards */
.ib-cards {
    direction: rtl;
}

/* keyfacts grid */
.keyfacts-grid {
    direction: rtl;
}

/* Map info card — RTL: position on the right */
.map-info-card {
    text-align: right;
}

@media (min-width: 768px) {
    .map-info-card {
        left: auto;
        right: 32px;
        margin-left: 0;
        margin-right: 201px;
    }
}

/* Map info title */
.map-info-title {
    text-align: right;
}

/* Lang button */
.lang-btn {
    direction: ltr;
}

/* Hero text */
.hero-text {
    text-align: right;
}

/* About text */
.about-text {
    text-align: right;
}

/* About cards */
.about-card {
    text-align: right;
}

/* Gallery text */
.gallery-text {
    text-align: right;
}

/* Visit card */
.visit-card {
    text-align: right;
}

/* keyfacts header */
.keyfacts-header {
    text-align: center;
}

/* Section headings */
.ib-section h2 {
    text-align: center;
}

/* Form note */
.form-note {
    text-align: right;
}