/* style.css */

/* Global Mobile Overflow Fix */
html,
body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

/* Custom Selection */
::selection {
    background-color: #D35400;
    /* sertanejo-orange */
    color: #ffffff;
}

/* Hard block image dragging and selecting via CSS */
img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* Custom Webkit Scrollbar for a Premium Outline */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #2B1A10;
    /* sertanejo-dark */
}

::-webkit-scrollbar-thumb {
    background: #4A3022;
    /* sertanejo-brown */
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #D35400;
    /* sertanejo-orange */
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    opacity: 0;
    animation: fadeInUp 1s ease-out forwards;
}

/* Hide scrollbar for cleaner look if requested, otherwise standard above */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}