/* Explain: Base reset and typography defaults, including RTL text alignment. */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
}

body {
    overflow-x: hidden;
}

[x-cloak] { display: none !important; }

html[dir="rtl"] body {
    font-family: var(--font-arabic);
    text-align: right;
}

html[dir="rtl"] .keep-ltr,
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="http"] {
    direction: ltr;
    unicode-bidi: embed;
}

html[dir="rtl"] .rtl-list {
    padding-right: 1rem;
    padding-left: 0;
}

html[dir="rtl"] .rtl-arrow {
    transform: scaleX(-1);
}