/* Directional layout; logos, media, identifiers and learning answer values are not mirrored. */
.taqat-language-switch { margin: 0; display: inline-flex; flex-shrink: 0; }
.taqat-language-switch button { display: inline-flex; align-items: center; gap: .35rem; min-height: 42px; padding: .5rem .7rem; border: 1px solid #ded6ea; border-radius: .8rem; color: #522b85; background: #fff; font: inherit; font-size: .8rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.taqat-language-switch button:hover { background: #f4effa; }
.taqat-language-switch button:focus-visible { outline: 3px solid #e5c56d; outline-offset: 2px; }
html[dir="ltr"] body { text-align: start; }
html[dir="ltr"] .site-v2-nav, html[dir="ltr"] .site-v2-actions { direction: ltr; }
html[dir="ltr"] .national-day-header-offer-arrow { transform: scaleX(-1); }
html[dir="ltr"] .text-right { text-align: left; }
html[dir="ltr"] .footer-jodfy-credit,
html[dir="ltr"] .success-partner-card,
html[dir="ltr"] .skills-countdown,
html[dir="ltr"] .taqat-assistant { direction: ltr; }
html[dir="ltr"] .taqat-assistant-bubble.user { margin-right: 0; margin-left: 30px; border-radius: 16px 16px 4px 16px; }
html[dir="ltr"] .site-v2-footer .footer-jodfy-credit { direction: ltr; }
html[dir="ltr"] .site-v2-nav a { line-height: 1.4; }
html[dir="ltr"] .site-v2-actions { gap: .5rem; }
html[dir="ltr"] .lucide-arrow-left,
html[dir="ltr"] .lucide-arrow-right,
html[dir="ltr"] .lucide-chevron-left,
html[dir="ltr"] .lucide-chevron-right { transform: scaleX(-1); }
html[dir="ltr"] input[type="email"], html[dir="ltr"] input[type="url"], html[dir="ltr"] input[type="tel"] { direction: ltr; text-align: start; }
@media (max-width: 640px) { .taqat-language-switch button { padding: .45rem .5rem; font-size: .75rem; } }
@media (min-width: 1200px) {
  html[dir="ltr"] .national-day-header > div:first-child { max-width: 96rem; }
  html[dir="ltr"] .national-day-header nav[aria-label="Main navigation"] { flex-wrap: wrap; row-gap: 0; }
  html[dir="ltr"] .national-day-header nav[aria-label="Main navigation"] > a { min-height: 32px; padding: .3rem .5rem; font-size: .8125rem; }
  html[dir="ltr"] .site-v2-header-inner { width: min(100% - 40px, 1440px); }
}