.odbornik-filter-wrapper {
    position: relative;
    width: 100%;
}

.odbornik-filter-select {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.odbornik-filter-select label {
    font-weight: 600;
}

.odbornik-filter-select select {
    width: 100%;
    padding: 12px 24px;
    border: 2px solid #726DE3;
    border-radius: 999px;
    font-weight: 600;
    color: #726DE3;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M0.996733 -6.55003e-07C1.26186 0.000232759 1.51604 0.105743 1.7034 0.293333L6.81807 5.408C6.97284 5.56281 7.15659 5.68562 7.35883 5.7694C7.56106 5.85319 7.77783 5.89631 7.99673 5.89631C8.21564 5.89631 8.4324 5.85319 8.63464 5.7694C8.83688 5.68562 9.02063 5.56281 9.1754 5.408L14.2867 0.3C14.4753 0.117842 14.7279 0.0170474 14.9901 0.0193259C15.2523 0.0216043 15.5031 0.126773 15.6886 0.312181C15.874 0.49759 15.9791 0.748402 15.9814 1.0106C15.9837 1.2728 15.8829 1.5254 15.7007 1.714L10.5934 6.822C9.90522 7.50882 8.97267 7.89456 8.0004 7.89456C7.02813 7.89456 6.09557 7.50882 5.4074 6.822L0.292733 1.70733C0.152988 1.56768 0.0577411 1.38976 0.0190124 1.19603C-0.0197182 1.0023 -0.000194585 0.801438 0.0751171 0.618792C0.15043 0.436145 0.278156 0.2799 0.442179 0.169771C0.606201 0.0596433 0.79917 0.000567535 0.996733 -6.55003e-07Z' fill='%23726DE3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
    padding-right: 48px;
    font-family: inherit;
    font-size: 16px;
}

.odbornik-filter-select select:hover {
    background-color: #E3E7FC;
}

.odbornik-filter-select select:focus {
    outline: none;
    background-color: #E3E7FC;
}

/* Loading state */
.odbornik-filter-wrapper.loading .odbornik-filter-select {
    opacity: 0.6;
    pointer-events: none;
}

.odbornik-filter-loading {
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
}

.odbornik-filter-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #E3E7FC;
    border-top-color: #726DE3;
    border-radius: 50%;
    animation: odbornik-filter-spin 0.8s linear infinite;
}

@keyframes odbornik-filter-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Carousel loading overlay */
.carousel-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.carousel-loading-overlay .odbornik-filter-spinner {
    width: 40px;
    height: 40px;
    border-width: 3px;
}

/* Mobile styles */
@media (max-width: 768px) {
    .odbornik-filter-select select {
        padding: 10px 20px;
        padding-right: 44px;
        font-size: 14px;
        background-position: right 16px center;
    }
}