/*
 * Alraihan interface typography.
 *
 * Keep every operational/public interface on Arial. Brand artwork may use its
 * own raster typography inside images, but live UI text should stay predictable
 * across Hebrew, Russian, English and Arabic screens.
 */
:root {
    --anna-font-family: Arial, Helvetica, sans-serif;
    --anna-font-weight-regular: 400;
    --anna-font-weight-medium: 600;
    --anna-font-weight-bold: 700;
    --anna-font-weight-heavy: 700;
}

*,
*::before,
*::after {
    font-family: var(--anna-font-family) !important;
    font-synthesis: none !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    font-variation-settings: normal !important;
}

html,
body,
button,
input,
textarea,
select,
option,
label,
summary,
table,
td,
th,
a,
[role="button"],
[data-translate-key] {
    font-family: var(--anna-font-family) !important;
    font-synthesis: none !important;
    letter-spacing: 0 !important;
}

body,
button,
input,
textarea,
select {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

button,
input,
textarea,
select {
    font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.section-title,
.nav-card,
.nav-button,
.tab,
.btn,
.icon-btn,
.language,
.admin-language-switcher,
.status,
.status-label,
.status-button,
.venue-status-label,
.venue-status-button,
[role="button"] {
    font-family: var(--anna-font-family) !important;
    font-weight: var(--anna-font-weight-bold) !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

h1 {
    font-weight: var(--anna-font-weight-heavy) !important;
}

strong,
b,
.amount,
.value,
.price,
.total,
.badge,
.order-title,
.order-item-title,
.order-item-price {
    font-family: var(--anna-font-family) !important;
    font-weight: var(--anna-font-weight-bold) !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

[style*="font-weight:800"],
[style*="font-weight: 800"],
[style*="font-weight:850"],
[style*="font-weight: 850"],
[style*="font-weight:900"],
[style*="font-weight: 900"],
[style*="font-weight:950"],
[style*="font-weight: 950"],
[style*="font-weight:1000"],
[style*="font-weight: 1000"] {
    font-weight: var(--anna-font-weight-bold) !important;
}

[style*="text-shadow"] {
    text-shadow: none !important;
}