/* ============================================
   RTL (Right-to-Left) Overrides — Arabic
   ============================================ */

/* Base font override for Arabic */
body {
    font-family: 'Noto Kufi Arabic', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Kufi Arabic', 'Merriweather', Georgia, serif;
}

/* ============================================
   HEADER & NAVIGATION
   ============================================ */


/* Underline positioning for RTL */
nav a::after {
    left: auto;
    right: 50%;
}

nav a:hover::after,
nav a.active::after {
    left: auto;
    right: 0.85rem;
}

/* Mobile: keep proper flow */
@media (max-width: 768px) {
    .nav-container {
        flex-direction: row-reverse;
    }

    nav ul {
        flex-direction: column;
    }

    nav a {
        text-align: right;
    }
}

/* ============================================
   HERO
   ============================================ */
.hero::after {
    right: auto;
    left: -20%;
}

/* ============================================
   SECTIONS — Text Alignment
   ============================================ */
.section-title {
    text-align: center;
    /* Keep centered for both */
}

/* ============================================
   PUBLICATION ITEMS
   ============================================ */
.publication-item {
    border-left: none;
    border-right: 4px solid var(--secondary-color);
}

.publication-item:hover {
    border-left-color: transparent;
    border-right-color: var(--primary-color);
    transform: translateX(-4px);
}

/* ============================================
   PROJECT CARDS
   ============================================ */
.project-card {
    border-left: none;
    border-right: 4px solid var(--secondary-color);
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.project-card:hover {
    transform: translateX(-6px);
    border-left-color: transparent;
    border-right-color: var(--primary-color);
}

/* ============================================
   FOOTER
   ============================================ */
.footer-col h4::after {
    left: auto;
    right: 0;
}

.footer-col a:hover {
    transform: translateX(-4px);
}

/* ============================================
   GO TO TOP — Position RTL
   ============================================ */
#go-to-top {
    right: auto;
    left: 30px;
}

/* ============================================
   NEWS CARDS — RTL text alignment
   ============================================ */
.news-card .news-body {
    text-align: right;
}

/* ============================================
   RICH TEXT CONTENT — RTL blockquote
   ============================================ */
.rich-text-content blockquote {
    border-left: none;
    border-right: 4px solid var(--secondary-color);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

/* ============================================
   TEAM SECTION
   ============================================ */
.team-info {
    text-align: right;
}

/* ============================================
   CONTACT — Grid text
   ============================================ */
.contact-form-wrapper {
    text-align: right;
}

/* ============================================
   GENERAL FIXES
   ============================================ */

/* Logical properties for padding/margin */
.btn {
    direction: rtl;
}



/* Stats */
.stat-card {
    text-align: center;
}

/* ============================================
   BACK LINK — RTL
   ============================================ */
.back-link:hover {
    transform: translateX(5px);
}

.back-link:hover i {
    transform: translateX(3px);
}