/* Fix dropdown arrows - remove ::after and style the HTML arrow */
.custom-select::after {
    display: none !important;
}

.dropdown-arrow {
    font-size: 0.9em;
    color: var(--accent);
    opacity: 0.7;
    transition: transform 0.2s ease;
    margin-left: auto;
    flex-shrink: 0;
}

.custom-select.open .dropdown-arrow {
    transform: rotate(180deg);
}