/*
 * RTL (Right-to-Left) stylesheet for Tharwat College theme.
 * Loaded automatically by WordPress when site language is Arabic.
 */

/* ── Global direction ── */
body {
  direction: rtl;
  text-align: right;
}

/* ── Navbar ── */
.nav-inner       { flex-direction: row-reverse; }
.nav-cta         { flex-direction: row-reverse; }
.brand-text      { align-items: flex-end; }

/* Primary nav only */
.nav-links                    { direction: rtl; }
/* Dropdown: open from right side */
.nav-dropdown-menu            { left: auto; right: -12px; direction: rtl; }
/* Dropdown label: no letter-spacing for Arabic connected script */
.nav-dropdown-menu .dropdown-label { letter-spacing: 0; text-transform: none; }
/* Dropdown item hover: mirror border and padding to right side */
.nav-dropdown-menu li a       { border-left: none; border-right: 2px solid transparent; }
.nav-dropdown-menu li a:hover {
  border-right-color: var(--teal-500);
  border-left-color: transparent;
  padding-right: 14px;
  padding-left: 9px;
}
.drop-icon                    { margin-right: 0; margin-left: 10px; }

.lang-dropdown   { left: auto; right: 0; }

/* ── Hero ── */
.hero-inner      { text-align: right; }
.hero-cta        { flex-direction: row-reverse; }
.eyebrow         { text-align: right; }

/* ── Quick links ── */
.ql-card                    { direction: rtl; border-right: none; border-left: 1px solid var(--line); }
.ql-card:last-child         { border-left: none; }
.ql-body                    { text-align: right; }
.ql-arrow                   { transform: rotate(180deg); }
.ql-card:hover .ql-arrow    { transform: rotate(180deg) translateX(-5px); }

/* ── Announcements ── */
.ann-inner                  { direction: rtl; }
/* Badge: separator moves to left side in RTL */
.ann-badge                  { padding-right: 0; padding-left: 28px;
                               border-right: 1px solid rgba(255,255,255,0.15);
                               border-left: none; }
/* Badge label: letter-spacing + uppercase break Arabic */
.ann-badge-text             { letter-spacing: 0; text-transform: none; }
/* Track & slide: center the text in the strip */
.ann-slide                  { direction: rtl; justify-content: center; }
.ann-slide p                { text-align: center; flex: unset; }
/* Link arrow: flip to point left */
.ann-link                   { direction: rtl; }
.ann-link svg               { transform: rotate(180deg); }
/* Controls: separator moves to right side in RTL (border faces the track) */
.ann-controls               { padding-left: 0; padding-right: 24px;
                               border-left: none;
                               border-right: 1px solid rgba(255,255,255,0.12); }
/* Prev/Next arrows: flip so prev → points right, next ← points left */
.ann-prev svg               { transform: rotate(180deg); }
.ann-next svg               { transform: rotate(180deg); }

/* ── Welcome section ── */
.welcome-grid    { direction: rtl; }
.welcome-text    { text-align: right; }
.welcome-text .btn-primary svg { margin-left: 0 !important; margin-right: 8px; transform: rotate(180deg); }

/* ── Stats ── */
.stat            { text-align: right; }

/* ── Programs ── */
.programs-head        { direction: rtl; }
.program-body         { text-align: right; }
.program-meta-row     { direction: rtl; }
.program-meta-item    { direction: rtl; }
.program-link         { flex-direction: row-reverse; }
.program-link svg     { transform: rotate(180deg); }
/* Mirror absolutely-positioned elements inside the program card header */
.program-faculty      { left: auto; right: 14px; }
.program-courses-badge{ right: auto; left: 12px; }

/* ── News ── */
.news-head       { direction: rtl; }
.news-body       { text-align: right; }
.news-meta       { flex-direction: row-reverse; }
.news-card-footer{ flex-direction: row-reverse; }

/* ── Events strip ── */
.events-strip-head { direction: rtl; }
.event-item      { flex-direction: row-reverse; }
.event-info      { text-align: right; }

/* ── CTA strip ── */
.cta-inner       { direction: rtl; }

/* ── Footer ── */
.footer-grid     { direction: rtl; }
.footer-brand    { text-align: right; }
.footer-social   { flex-direction: row-reverse; }
.footer-col ul   { padding-right: 0; padding-left: 0; }
.footer-bottom   { flex-direction: row-reverse; }
.footer-legal    { flex-direction: row-reverse; }

/* ── Page hero ── */
.page-hero-inner { text-align: right; }
/* The page root is dir="rtl", so the default flex row already flows
   right-to-left and packs to the right — starting the trail on the right
   edge, as it should. (row-reverse here would wrongly flip it back to LTR
   and push it to the left.) The chevron graphic is flipped to point left. */
.breadcrumb      { flex-direction: row; justify-content: flex-start; }
.breadcrumb svg  { transform: rotate(180deg); }

/* ── Single Course hero ── */
.sc-hero-text h1       { letter-spacing: 0; }
.sc-hero-text          { direction: rtl; text-align: right; }
.sc-tagline            { letter-spacing: 0; }
.sc-hero-actions       { direction: rtl; justify-content: flex-start; }
.sc-stat-lbl           { letter-spacing: 0; text-transform: none; }
.sc-stat-val           { letter-spacing: 0; max-width: none; }
.sc-hero-content       { direction: rtl; }
.sc-plan-banner        { direction: rtl; }
.sc-plan-kicker        { letter-spacing: 0; }

/* ── Contact ── */
.contact-form-grid   { direction: rtl; }
.contact-form-text   { text-align: right; }
.contact-extra-item  { direction: rtl; text-align: right; }
.contact-extra-label { letter-spacing: 0; text-transform: none; }
.contact-cards-grid  { direction: rtl; }
.contact-card        { text-align: right; }
.contact-card-icon   { margin: 0 0 16px; }

/* ── Accreditation ── */
.accred-body-card    { align-items: flex-end; }
.accred-body-content { text-align: right; }

/* ── Mission/Vision ── */
.mv-grid         { direction: rtl; }
.mv-card         { text-align: right; }

/* ── Arrow buttons ── */
.btn .arrow svg,
.btn-white .arrow svg { transform: rotate(180deg); }

/* ── Phone numbers: always LTR ── */
a[href^="tel"],
input[type="tel"] {
  direction: ltr;
  unicode-bidi: embed;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }

/* ── Arabic fonts: Cairo (body) / Tajawal (headings) ──
   !important overrides the theme's hard-coded Latin "Montserrat" so every
   element renders in the Arabic webfont. This file only loads in Arabic mode. */
body,
body * {
  font-family: 'Cairo', 'Noto Kufi Arabic', 'Segoe UI', Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
  font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', sans-serif !important;
}