/* Direction Helper Classes for Arabic/English Layouts */

/* Text Alignment */
.text-start-locale {
    text-align: start;
}

html[dir="rtl"] .text-start-locale {
    text-align: right;
}

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

.text-end-locale {
    text-align: end;
}

html[dir="rtl"] .text-end-locale {
    text-align: left;
}

html[dir="ltr"] .text-end-locale {
    text-align: right;
}

/* Margin Classes */
.me-locale-1 {
    margin-inline-end: 0.25rem;
}

.me-locale-2 {
    margin-inline-end: 0.5rem;
}

.me-locale-3 {
    margin-inline-end: 1rem;
}

.ms-locale-1 {
    margin-inline-start: 0.25rem;
}

.ms-locale-2 {
    margin-inline-start: 0.5rem;
}

.ms-locale-3 {
    margin-inline-start: 1rem;
}

/* Padding Classes */
.pe-locale-1 {
    padding-inline-end: 0.25rem;
}

.pe-locale-2 {
    padding-inline-end: 0.5rem;
}

.pe-locale-3 {
    padding-inline-end: 1rem;
}

.ps-locale-1 {
    padding-inline-start: 0.25rem;
}

.ps-locale-2 {
    padding-inline-start: 0.5rem;
}

.ps-locale-3 {
    padding-inline-start: 1rem;
}

/* Positioning Classes */
.start-locale-0 {
    inset-inline-start: 0;
}

.start-locale-1 {
    inset-inline-start: 0.25rem;
}

.start-locale-2 {
    inset-inline-start: 0.5rem;
}

.start-locale-3 {
    inset-inline-start: 1rem;
}

.end-locale-0 {
    inset-inline-end: 0;
}

.end-locale-1 {
    inset-inline-end: 0.25rem;
}

.end-locale-2 {
    inset-inline-end: 0.5rem;
}

.end-locale-3 {
    inset-inline-end: 1rem;
}

/* Border Classes */
.border-start-locale {
    border-inline-start: var(--bs-border-width) solid var(--bs-border-color);
}

.border-end-locale {
    border-inline-end: var(--bs-border-width) solid var(--bs-border-color);
}

/* Float Classes */
.float-start-locale {
    float: inline-start;
}

.float-end-locale {
    float: inline-end;
}

/* Flex Direction */
.flex-row-locale {
    flex-direction: row;
}

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

/* Language Switcher Positioning */
.language-switcher {
    position: fixed;
    top: 2rem;
    z-index: 1000;
}

html[dir="rtl"] .language-switcher {
    left: 2rem;
    right: auto;
}

html[dir="ltr"] .language-switcher {
    right: 2rem;
    left: auto;
}

/* Admin Link Positioning */
.admin-link {
    position: fixed;
    bottom: 2rem;
    z-index: 1000;
}

html[dir="rtl"] .admin-link {
    left: 2rem;
    right: auto;
}

html[dir="ltr"] .admin-link {
    right: 2rem;
    left: auto;
}

/* Icon Margin Classes for RTL/LTR */
.icon-margin-end {
    margin-inline-end: 0.5rem;
}

.icon-margin-start {
    margin-inline-start: 0.5rem;
}

html[dir="rtl"] .icon-margin-end {
    margin-right: 0.5rem;
    margin-left: 0;
}

html[dir="ltr"] .icon-margin-end {
    margin-right: 0.5rem;
    margin-left: 0;
}

html[dir="rtl"] .icon-margin-start {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="ltr"] .icon-margin-start {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Mobile overrides */
@media (max-width: 768px) {

    .language-switcher,
    .admin-link {
        position: fixed;
        z-index: 1000;
    }

    html[dir="rtl"] .language-switcher,
    html[dir="rtl"] .admin-link {
        left: 1rem;
        right: auto;
    }

    html[dir="ltr"] .language-switcher,
    html[dir="ltr"] .admin-link {
        right: 1rem;
        left: auto;
    }
}