/* Personalização da Barra de Scroll - Pisada do Sertão */

/* Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #f8f9fa;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #ff7b00, #e86100);
    border-radius: 6px;
    border: 2px solid #f8f9fa;
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #e86100, #d45500);
    border-width: 1px;
}

::-webkit-scrollbar-thumb:active {
    background: #d45500;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #ff7b00 #f8f9fa;
}

/* Scrollbar para modais e containers específicos */
.modal-content::-webkit-scrollbar,
.overflow-auto::-webkit-scrollbar {
    width: 8px;
}

.modal-content::-webkit-scrollbar-thumb,
.overflow-auto::-webkit-scrollbar-thumb {
    background: #ff7b00;
    border-radius: 4px;
}

/* Responsivo */
@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 8px;
    }
    
    ::-webkit-scrollbar-thumb {
        border-width: 1px;
    }
}