/* Explain: Base reset and typography defaults, including multi-language display logic. */
* {
    box-sizing: border-box;
}

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

body {
    overflow-x: hidden;
}

/* Multi-language display logic */
[data-lang] {
    display: none;
}

html[lang="ar"] [data-lang="ar"],
html[lang="he"] [data-lang="he"],
html[lang="en"] [data-lang="en"] {
    display: block;
}

html[lang="ar"] span[data-lang="ar"],
html[lang="he"] span[data-lang="he"],
html[lang="en"] span[data-lang="en"] {
    display: inline;
}

html[lang="ar"] input::placeholder,
html[lang="ar"] textarea::placeholder {
    text-align: right;
}
html[lang="he"] input::placeholder,
html[lang="he"] textarea::placeholder {
    text-align: right;
}
html[lang="en"] input::placeholder,
html[lang="en"] textarea::placeholder {
    text-align: left;
}