/* Arabic/RTL Styles for Main Content */



[dir="rtl"] .hero-container {
    justify-content: flex-start;
}

[dir="rtl"] .hero-content {
    align-items: flex-start;
    text-align: right;
}

/* Arabic font for hero title on Arabic pages */
html[lang="ar"] .hero-title,
html[dir="rtl"] .hero-title {
    font-family: var(--font-arabic);
}

[dir="rtl"] .hero-title {
    text-align: right;
    width: 100%;
    align-self: flex-start;
}

[dir="rtl"] .hero-description {
    text-align: right;
}

/* Arabic font for hero CTA button on Arabic pages */
html[lang="ar"] .hero-cta-btn,
html[dir="rtl"] .hero-cta-btn {
    font-family: var(--font-arabic);
}

[dir="rtl"] .hero-cta-btn {
    text-align: center;
}

/* RTL alignment for card content */
[dir="rtl"] .card-content {
    align-items: flex-start;
    text-align: right;
}

[dir="rtl"] .card-title {
    text-align: right;
    align-self: flex-start;
}

[dir="rtl"] .card-subtitle {
    text-align: right;
    align-self: flex-start;
}

/* Future Stats RTL */
[dir="rtl"] .future-stat-card + .future-stat-card {
    border-left: none;
    border-left: 1px solid #ebeef5;
}

[dir="rtl"] .future-stats-container .future-stat-card:nth-child(odd) {
    border-right: none;
    border-left: 1px solid #ebeef5;
}

[dir="rtl"] .future-section {
    background-position: center left;
}

[dir="rtl"] .future-container {
    justify-content: flex-start;
}

[dir="rtl"] .future-content {
    align-items: flex-start;
    text-align: right;
}

/* Arabic font for future CTA button on Arabic pages */
html[lang="ar"] .future-cta-btn,
html[dir="rtl"] .future-cta-btn {
    font-family: var(--font-arabic);
}

/* Arabic font for branches dropdown and apply button on Arabic pages */
html[lang="ar"] .branches-dropdown,
html[dir="rtl"] .branches-dropdown {
    font-family: var(--font-arabic);
}

/* RTL support for branches dropdown arrow - position on left */
[dir="rtl"] .branches-dropdown {
    background-position: left 15px center;
    padding: 15px 15px 15px 40px;
}

html[lang="ar"] .branches-apply-btn,
html[dir="rtl"] .branches-apply-btn {
    font-family: var(--font-arabic);
}

/* Arabic font for branches search input on Arabic pages */
html[lang="ar"] .branches-search-input,
html[dir="rtl"] .branches-search-input {
    font-family: var(--font-arabic);
}

html[lang="ar"] .branches-search-input::placeholder,
html[dir="rtl"] .branches-search-input::placeholder {
    font-family: var(--font-arabic);
}

/* RTL support for branches search input padding */
[dir="rtl"] .branches-search-input {
    padding: 12px 16px 12px 40px;
}

/* RTL support for branches search icon - position on left */
[dir="rtl"] .branches-search-icon {
    right: auto;
    left: 32px;
}

/* RTL support for faculty-branch-item border */
[dir="rtl"] .faculty-branch-item {
    border-left: none;
    border-right: 4px solid transparent;
}

/* Arabic font for branch website button on Arabic pages */
html[lang="ar"] .branch-website-btn,
html[dir="rtl"] .branch-website-btn {
    font-family: var(--font-arabic);
}

/* RTL support for branch website button arrow - point left in RTL */
[dir="rtl"] .branch-website-btn i {
    transform: rotate(180deg);
}

[dir="rtl"] .card {
    padding: 10px;
}

[dir="rtl"] .faculties-section {
    margin: 90px 0px 30px;
}
/* RTL support for cards section - adjust bottom position */
[dir="rtl"] .cards-section,
html[lang="ar"] .cards-section {
    bottom: -80px;
}

/* Arabic font for faculties button on Arabic pages */
html[lang="ar"] .faculties-btn,
html[dir="rtl"] .faculties-btn {
    font-family: var(--font-arabic);
}


/* RTL support for carousel arrows - swap directions */
[dir="rtl"] .carousel-prev .carousel-arrow-icon {
    transform: rotate(180deg);
}

[dir="rtl"] .carousel-next .carousel-arrow-icon {
    transform: rotate(180deg);
}

/* RTL support for carousel cards - reduce visible portion of hidden cards */
[dir="rtl"] .carousel-card {
    margin: 0 -100px;
}

[dir="rtl"] .carousel-card:first-child {
    transform: translateX(-120px) scale(0.9);
}

[dir="rtl"] .carousel-card:last-child {
    transform: translateX(120px) scale(0.9);
}

/* RTL support for news section title - add padding bottom */
[dir="rtl"] .news-section-title,
html[lang="ar"] .news-section-title {
    padding-bottom: 25px;
}

/* RTL support for faculty badge - position on left instead of right */
[dir="rtl"] .faculty-badge,
html[lang="ar"] .faculty-badge {
    right: unset;
    left: 20px;
}

/* RTL support for announcement card content - align right */
[dir="rtl"] .announcement-card-content,
html[lang="ar"] .announcement-card-content {
    text-align: right;
}

/* RTL support for announcement link - align right and reverse flex direction */
[dir="rtl"] .announcement-link,
html[lang="ar"] .announcement-link {
    text-align: right;
}

/* RTL support for announcement link arrow - move left on hover in RTL */
[dir="rtl"] .announcement-card:hover .announcement-link i {
    transform: translateX(-4px);
}


/* Arabic font for upcoming event button on Arabic pages */
html[lang="ar"] .upcoming-event-btn,
html[dir="rtl"] .upcoming-event-btn {
    font-family: var(--font-arabic);
    margin-left: unset;
}

