/**
 * Force l'affichage des flèches de scroll
 * CSS inline pour override
 */

.scroll-arrow {
    overflow: visible !important;
}

.scroll-arrow svg {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    stroke-width: 3 !important;
    stroke: #c19a6b !important;
    fill: none !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    overflow: visible !important;
}

.scroll-arrow:hover svg {
    stroke: white !important;
}

.scroll-arrow:active svg {
    stroke: white !important;
}

.scroll-arrow:disabled svg {
    stroke: rgba(100, 100, 100, 0.5) !important;
}