/* remove forced direction from site.css */
html[dir="rtl"] body {
    direction: rtl;
}

html[dir="ltr"] body {
    direction: ltr;
}

/* text alignment global */
body {
    text-align: start;
}

html[dir="rtl"] .nav-inner {
    flex-direction: row-reverse;
}

html[dir="ltr"] .nav-inner {
    flex-direction: row;
}

/* language dropdown */

html[dir="rtl"] .lang-menu {
    right: 0;
    left: auto;
}

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

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

html[dir="rtl"] .hero-inner {
    direction: rtl;
}

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

/* hero actions buttons */

html[dir="rtl"] .hero-actions {
    flex-direction: row-reverse;
}

html[dir="ltr"] .hero-actions {
    flex-direction: row;
}

/* hero stats */

html[dir="ltr"] .stat {
    padding-left: 1.5rem;
    padding-right: 0;
    border-left: none;
    border-right: 1px solid var(--border);
}

    html[dir="ltr"] .stat:last-child {
        border-right: none;
    }

    html[dir="ltr"] .stat:first-child {
        padding-left: 0;
    }

/* terminal title */

html[lang="ku"] .terminal,
html[lang="ku"] .terminal-header,
html[lang="ku"] .terminal-body,
html[lang="ku"] .terminal-body span,
html[lang="ku"] .tc-comment,
html[lang="ku"] .tc-string,
html[lang="ku"] .tc-key,
html[lang="ku"] .tc-white,
html[lang="ku"] .tc-blue,
html[lang="ku"] .tc-gold {
    font-family: 'IBM Plex Mono', monospace !important;
    direction: ltr !important;
    text-align: left !important;
    letter-spacing: 0 !important;
}

/* code indentation */

html[dir="ltr"] .tc-indent {
    padding-left: 1.5rem;
    padding-right: 0;
}

/* geo accent */

html[dir="ltr"] .geo-tl {
    left: -12px;
    right: auto;
    border-right: none;
    border-bottom: none;
}

html[dir="ltr"] .geo-br {
    right: -12px;
    left: auto;
    border-left: none;
    border-top: none;
}

html[dir="ltr"] .work-card {
    border-left: 3px solid var(--gold);
    border-right: none;
}

html[dir="ltr"] #contact::before {
    left: 50%;
    transform: translateX(-50%);
}

html[dir="rtl"] .footer-bottom {
    flex-direction: row-reverse;
}

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

html[dir="rtl"] .btn-primary svg,
html[dir="rtl"] .btn-secondary svg {
    transform: scaleX(-1);
}

section,
.container,
.hero-inner,
.about-grid,
.contact-grid {
    text-align: start;
}