/* ===============css/model_selector.css=========== */

/* ============================================== */
/* === СТИЛЬ СЕЛЕКТОРА (СТЕКЛО + НЕОН) === */
/* ============================================== */

/* Применяем ко всем селектам с классом form-select или ID studio-model-selector */
#studio-model-selector, .glass-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Фон: Полупрозрачный темный + Размытие (Матовое стекло) */
    background-color: rgba(30, 41, 59, 0.4) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Границы и текст */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    font-weight: 500;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: all 0.3s ease;

    /* Кастомная стрелка (SVG) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2338BDF8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    padding-right: 3rem; /* Место под стрелку */
}

/* Эффект при наведении */
#studio-model-selector:hover, .glass-select:hover {
    background-color: rgba(30, 41, 59, 0.6) !important;
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 15px rgba(56, 189, 248, 0.15); /* Легкое свечение */
}

/* Эффект при фокусе (открытии) */
#studio-model-selector:focus, .glass-select:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.25) !important;
    outline: none;
}

/* --- Стилизация выпадающих пунктов (Опции) --- */
/* (Браузеры ограничивают стилизацию options, но фон и цвет изменить можно) */
#studio-model-selector option {
    background-color: #1e293b; /* Темно-синий фон (непрозрачный, иначе будет белый) */
    color: #fff;
    padding: 10px;
}