/* ═══════════════════════════════════════════════════════════════
   Egyptian Job Bank — Complete LTR English Stylesheet
   Direction: LTR | English Font: Plus Jakarta Sans
   (font itself is loaded via <link> in views/partials/seo-head.ejs —
   don't re-@import it here, that duplicates the request and blocks
   this stylesheet's own parsing on a second Google Fonts round-trip)
═══════════════════════════════════════════════════════════════ */

html[dir="ltr"],
html[lang="en"],
body[dir="ltr"],
html[dir="ltr"] body,
html[lang="en"] body {
  direction: ltr !important;
  text-align: left !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  letter-spacing: -0.01em;
}

html[dir="ltr"] button,
html[dir="ltr"] input,
html[dir="ltr"] select,
html[dir="ltr"] textarea {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ── Header & Navigation ── */
html[dir="ltr"] .site-header {
  direction: ltr;
}

html[dir="ltr"] .header-inner {
  direction: ltr;
}

html[dir="ltr"] .logo-link {
  direction: ltr;
}

html[dir="ltr"] .logo-text {
  text-align: left;
}

html[dir="ltr"] .main-nav {
  direction: ltr;
  justify-content: center;
}

html[dir="ltr"] .header-auth {
  direction: ltr;
  margin-left: auto;
  margin-right: 0;
}

html[dir="ltr"] .user-menu {
  direction: ltr;
}

html[dir="ltr"] .user-dropdown {
  left: 0;
  right: auto;
  text-align: left;
}

html[dir="ltr"] .nav-link.active::after {
  left: 50%;
  transform: translateX(-50%);
}

html[dir="ltr"] .hamburger {
  margin-left: auto;
  margin-right: 0;
}

/* ── Language Switcher Component ── */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 600;
  transition: var(--transition);
  text-decoration: none;
}

.lang-switcher:hover {
  background: rgba(201, 162, 39, 0.2);
  border-color: var(--gold);
  color: var(--gold-light);
}

.lang-switcher-icon {
  font-size: 1rem;
}

/* ── Hero Search Box ── */
html[dir="ltr"] .hero {
  text-align: left;
}

html[dir="ltr"] .hero-content {
  text-align: center;
}

html[dir="ltr"] .hero-search {
  direction: ltr;
}

html[dir="ltr"] .search-box {
  direction: ltr;
}

html[dir="ltr"] .search-field {
  text-align: left;
}

html[dir="ltr"] .search-input {
  text-align: left;
  padding-left: 42px;
  padding-right: 14px;
}

html[dir="ltr"] .search-icon {
  left: 14px;
  right: auto;
}

html[dir="ltr"] .search-select {
  text-align: left;
  padding-left: 42px;
  padding-right: 28px;
}

html[dir="ltr"] .search-quick {
  direction: ltr;
  justify-content: center;
}

/* ── Stats Bar ── */
html[dir="ltr"] .stats-bar {
  direction: ltr;
}

html[dir="ltr"] .stats-grid {
  direction: ltr;
}

/* ── Editorial Section ── */
html[dir="ltr"] .eg-editorial__grid {
  direction: ltr;
}

html[dir="ltr"] .eg-editorial__copy {
  text-align: left;
}

html[dir="ltr"] .eg-editorial__bullets {
  text-align: left;
  padding-left: 20px;
  padding-right: 0;
}

html[dir="ltr"] .eg-editorial__cta {
  justify-content: flex-start;
}

html[dir="ltr"] .eg-float-card {
  text-align: left;
}

/* ── Job Cards & Listings ── */
html[dir="ltr"] .job-card {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .card-top {
  direction: ltr;
}

html[dir="ltr"] .card-save {
  margin-left: auto;
  margin-right: 0;
}

html[dir="ltr"] .card-body {
  text-align: left;
}

html[dir="ltr"] .card-title {
  text-align: left;
}

html[dir="ltr"] .card-company {
  text-align: left;
}

html[dir="ltr"] .card-tags {
  direction: ltr;
  justify-content: flex-start;
}

html[dir="ltr"] .card-salary {
  text-align: left;
}

html[dir="ltr"] .card-footer {
  direction: ltr;
}

html[dir="ltr"] .card-actions {
  margin-left: auto;
  margin-right: 0;
}

html[dir="ltr"] .job-list-item {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .job-item-logo {
  margin-right: 16px;
  margin-left: 0;
}

html[dir="ltr"] .job-item-content {
  text-align: left;
}

html[dir="ltr"] .job-item-meta {
  direction: ltr;
  justify-content: flex-start;
}

html[dir="ltr"] .job-item-actions {
  align-items: flex-end;
  margin-left: auto;
  margin-right: 0;
}

/* ── Section Headers & Grid ── */
html[dir="ltr"] .section-header {
  direction: ltr;
}

html[dir="ltr"] .section-title {
  text-align: left;
}

html[dir="ltr"] .section-subtitle {
  text-align: left;
}

html[dir="ltr"] .see-all {
  margin-left: auto;
  margin-right: 0;
}

html[dir="ltr"] .categories-grid {
  direction: ltr;
}

html[dir="ltr"] .cat-card {
  text-align: center;
}

html[dir="ltr"] .why-grid {
  direction: ltr;
}

html[dir="ltr"] .why-card {
  text-align: left;
}

/* ── Page Layout & Filters Sidebar ── */
html[dir="ltr"] .page-layout {
  direction: ltr;
}

html[dir="ltr"] .page-header-section {
  text-align: left;
}

html[dir="ltr"] .filters-sidebar {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .filters-card {
  text-align: left;
}

html[dir="ltr"] .filter-group {
  text-align: left;
}

html[dir="ltr"] .filter-label {
  text-align: left;
}

html[dir="ltr"] .filter-chips {
  direction: ltr;
}

html[dir="ltr"] .filter-select {
  text-align: left;
}

html[dir="ltr"] .checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
}

html[dir="ltr"] .checkbox-label input {
  margin-right: 8px;
  margin-left: 0;
}

html[dir="ltr"] .results-header {
  text-align: left;
}

/* ── Job & Company Detail Pages ── */
html[dir="ltr"] .job-detail-shell {
  direction: ltr;
}

html[dir="ltr"] .job-detail-layout {
  direction: ltr;
}

html[dir="ltr"] .job-detail-main {
  text-align: left;
}

html[dir="ltr"] .job-detail-header {
  text-align: left;
}

html[dir="ltr"] .job-detail-header-top {
  direction: ltr;
}

html[dir="ltr"] .job-company-logo-wrap {
  margin-right: 20px;
  margin-left: 0;
}

html[dir="ltr"] .job-header-info {
  text-align: left;
}

html[dir="ltr"] .job-meta-row {
  direction: ltr;
  justify-content: flex-start;
}

html[dir="ltr"] .job-quick-stats {
  direction: ltr;
  justify-content: flex-start;
}

html[dir="ltr"] .quick-stat {
  direction: ltr;
}

html[dir="ltr"] .job-description-content {
  text-align: left;
  line-height: 1.8;
}

html[dir="ltr"] .job-detail-sidebar {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .apply-card {
  text-align: left;
}

html[dir="ltr"] .company-card {
  text-align: left;
}

html[dir="ltr"] .company-card-body {
  text-align: left;
}

html[dir="ltr"] .company-meta-item {
  text-align: left;
}

/* ── Breadcrumbs ── */
html[dir="ltr"] .breadcrumb,
html[dir="ltr"] .landing-breadcrumb {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .breadcrumb a,
html[dir="ltr"] .breadcrumb span {
  display: inline-block;
}

/* ── Forms, Auth & Profiles ── */
html[dir="ltr"] .form-group {
  text-align: left;
}

html[dir="ltr"] .form-label {
  text-align: left;
}

html[dir="ltr"] .form-input,
html[dir="ltr"] .form-control {
  text-align: left;
}

html[dir="ltr"] .profile-layout {
  direction: ltr;
}

html[dir="ltr"] .profile-sidebar {
  text-align: left;
}

html[dir="ltr"] .profile-main {
  text-align: left;
}

/* ── Pricing & Premium Showcase ── */
html[dir="ltr"] .pricing-grid {
  direction: ltr;
}

html[dir="ltr"] .pricing-card {
  text-align: left;
}

html[dir="ltr"] .pricing-features {
  text-align: left;
  padding-left: 20px;
  padding-right: 0;
}

html[dir="ltr"] .pricing-badge {
  right: 20px;
  left: auto;
}

/* ── Footer ── */
html[dir="ltr"] .site-footer {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .footer-grid {
  direction: ltr;
}

html[dir="ltr"] .footer-col h4 {
  text-align: left;
}

html[dir="ltr"] .footer-col h4::after {
  right: auto;
  left: 0;
}

html[dir="ltr"] .footer-col ul {
  text-align: left;
}

html[dir="ltr"] .footer-col ul li a:hover {
  transform: translateX(2px);
}

html[dir="ltr"] .footer-bottom {
  direction: ltr;
}

/* ── Flash & Alerts ── */
html[dir="ltr"] .flash {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .flash button {
  margin-left: auto;
  margin-right: 0;
}

/* ── Pagination ── */
html[dir="ltr"] .pagination {
  direction: ltr;
}