/* =====================================================================
   Typography (original uses SST Arabic Light everywhere, regular weight)
   + English / LTR layout overrides
   ===================================================================== */
@font-face {
	font-family: 'sst-arabic-light';
	src: url('fonts/SST-Arabic-Light.woff2') format('woff2'), url('fonts/SST-Arabic-Light.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

body, button, input, textarea, select,
h1, h2, h3, h4, h5, h6, .main-nav a, .tile .lbl, .bja-btn, .widget-title, .slide-cap, .sec-title {
	font-family: 'sst-arabic-light', 'Segoe UI', Tahoma, Arial, sans-serif;
	font-weight: 400;
}
body { font-size: 15px; line-height: 1.85; color: #666; }
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 400; }
.main-nav .menu > li > a, .main-nav .sub-menu a { font-weight: 400; font-size: 15px; }
.page-title h1 { font-weight: 400; font-size: 24px; }
.sec-title { font-size: 21px; }
.card h3, .row-card h3, .side-news h3, .tile .lbl { font-weight: 400; }
.card h3 { font-size: 16px; color: #333; }
.side-news h3 { font-size: 14.5px; color: #3f3f3f; }
.slide-cap { font-weight: 400; }
.bja-btn, button.bja-btn { font-weight: 400; }
.entry-content { font-size: 16px; color: #555; }
.section-menu li.current a, .logo-text, .pname, .bja-link { font-weight: 400; }
.bja-form label { font-weight: 400; }
.entry-content strong, .entry-content b { font-weight: 700; }
.topbar, .topbar a { font-weight: 400; }

/* ---------- English (LTR) ---------- */
body.bja-en { direction: ltr; text-align: left; }
.bja-en .slide-cap { text-align: left; }
.bja-en .hero-in { grid-template-columns: 1fr 300px; }
.bja-en .hero-side { order: 0; }
.bja-en .sec-title::after { transform-origin: left; }
.bja-en .row-card:hover { transform: translateX(4px); }
.bja-en .layout.has-sidebar { grid-template-columns: 1fr 270px; }
.bja-en .dots { inset-inline-start: auto; inset-inline-end: 18px; }
.bja-en .site-logo { left: 60px; }
.bja-en .main-nav .sub-menu { inset-inline-start: 0; }
.bja-en .main-nav .sub-menu a:hover { padding-inline-start: 24px; }
.bja-en .lightbox button { inset-inline-start: auto; inset-inline-end: 20px; }
.bja-en .entry-content table { direction: ltr; }
.bja-en .main-nav .menu > li > a { font-size: 14px; padding: 0 14px; }
.bja-en .topbar-menu a::before, .bja-en .topbar-btn { margin: 0; }

@media (max-width: 900px) {
	.bja-en .hero-in, .bja-en .layout.has-sidebar { grid-template-columns: 1fr; }
}

@media (min-width: 901px) { .bja-en .page-title .wrap { padding-left: 250px; } .bja-en .page-title { padding-top: 34px; } }