/* ── ARABIC RTL OVERRIDES ── */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;900&display=swap');

html { direction: rtl; }

body,
.hero-tagline,
.stat-label,
.section-tag,
.tl-years, .tl-type, .tl-org,
.skill-cat-title, .lang-level,
.edu-years, .edu-inst, .edu-badge,
.award-year, .award-org,
.testi-name, .testi-role, .testi-avatar,
.contact-label, .service-delivers li,
.quote-inner, .q-cursor, .quote-mark,
.services-cta p, .hero-scroll-indicator,
footer p, .lang-switch, .nav-links a, .btn-primary,
.btn-linkedin {
    font-family: 'Cairo', sans-serif;
}

.hero-name {
    font-family: 'Cairo', sans-serif;
    font-weight: 900;
    letter-spacing: 0;
}

.nav-logo {
    font-family: 'Cairo', sans-serif;
    letter-spacing: 2px;
}

/* ── HERO EYEBROW — flip decorative line ── */
.hero-eyebrow::before { display: none; }
.hero-eyebrow::after {
    content: '';
    width: 30px;
    height: 1px;
    background: var(--accent);
    box-shadow: 0 0 8px var(--accent);
    flex-shrink: 0;
}

/* ── PHOTO CORNER BRACKETS — flip sides ── */
.hero-photo-border::before {
    top: -1px; right: -1px; left: auto;
    border-top: 2px solid var(--accent);
    border-right: 2px solid var(--accent);
    border-left: none;
    box-shadow: 4px -4px 15px rgba(0,212,163,0.3);
}
.hero-photo-border::after {
    bottom: -1px; left: -1px; right: auto;
    border-bottom: 2px solid var(--accent);
    border-left: 2px solid var(--accent);
    border-right: none;
    box-shadow: -4px 4px 15px rgba(0,212,163,0.3);
}

/* ── QUOTE BOX — accent line on right ── */
.hero-quote-box::before {
    left: auto;
    right: 0;
}

/* ── HIGHLIGHT CARD — accent line on right ── */
.highlight-card::before {
    left: auto;
    right: 0;
}

/* ── SECTION TITLE UNDERLINE — align right ── */
.section-title::after {
    left: auto;
    right: 0;
}

/* ── TIMELINE — flip layout for RTL ── */
.timeline-left { text-align: left; }

.timeline-item::before {
    left: auto;
    right: 211px;
}

/* ── AWARD CARD — accent line on right ── */
.award-card::before {
    left: auto;
    right: 0;
}

/* ── SERVICE CARD NUMBER ── */
.service-number {
    right: auto;
    left: 1.5rem;
}

/* ── TESTIMONIAL — bottom gradient flipped ── */
.testi-card::after {
    background: linear-gradient(to left, var(--accent), transparent);
}

/* ── LANGUAGE SWITCH ── */
.lang-switch {
    font-family: 'Cairo', sans-serif;
    letter-spacing: 0;
}

/* ── NAV LOGO ── */
.nav-logo { letter-spacing: 0; }

/* ── HERO STATS — mobile center ── */
@media (max-width: 900px) {
    .hero-eyebrow { justify-content: center; }
}