@import './root.css';
@import './scroll_to_top.css';

/* Global layout styles */
body, html {
    font-family: var(--font-family);
    min-height: 100vh;
    max-width: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

html {
    overflow-x: hidden; /* Critical for preventing horizontal scrolling */
}

*::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Prevent selection and dragging for all images across the website */
img {
    user-select: none; /* Prevent selection */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    pointer-events: auto; /* Allow clicking but... */
    -webkit-user-drag: none; /* Prevent dragging in Safari */
    -khtml-user-drag: none; /* For old browsers */
    -moz-user-drag: none; /* Firefox */
    -o-user-drag: none; /* Opera */
}

/* Additional rule for images inside links to ensure they remain clickable */
a img {
    pointer-events: auto; /* Ensure images in links remain clickable */
}

i {
    font-style: italic !important;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: inherit;
}