/* Explain: Base reset and typography defaults with RTL support and app-like styles */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    direction: rtl;
    -webkit-tap-highlight-color: transparent;
    padding-bottom: 80px; /* Space for mobile app bottom nav */
}

@media (min-width: 768px) {
    body {
        padding-bottom: 0;
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

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