/* ============================================================
   EXTRA — Дополнительные стили LYNXREACTOR
   ============================================================ */

/* Иконки валют */
.currency-icon-img {
    width: 16px;
    height: 16px;
    max-width: 16px;
    max-height: 16px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

.price-icon-byn {
    width: 18px;
    height: 18px;
    max-width: 18px;
    max-height: 18px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    margin-left: 2px;
}

.currency-btn.active .currency-icon-img {
    filter: brightness(0) invert(1);
}

/* BYN текст */
.byn-text {
    font-family: 'NBRB', 'Manrope', sans-serif;
}

/* Дополнительные утилиты */
.hide-mobile { display: block; }
.show-mobile { display: none; }

@media (max-width: 768px) {
    .hide-mobile { display: none; }
    .show-mobile { display: block; }
}

/* DARK MODE FALLBACK */
@media (prefers-color-scheme: light) {
    .hero-section {
        background: var(--color-secondary-dark);
    }
}

/* ============================================================
   ГЛОБАЛЬНЫЕ СТИЛИ ДЛЯ SELECT
   ============================================================ */

/* Все select на сайте */
select {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: var(--color-text-primary, #F5F3EF) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    font-family: var(--font-sans, 'Manrope', sans-serif) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A6A3A0' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}

select:hover {
    border-color: rgba(200, 154, 91, 0.3) !important;
}

select:focus {
    outline: none !important;
    border-color: var(--color-gold, #C89A5B) !important;
    box-shadow: 0 0 0 3px rgba(200, 154, 91, 0.15) !important;
}

select option {
    background-color: var(--color-card-bg, #171719) !important;
    color: var(--color-text-primary, #F5F3EF) !important;
    padding: 8px 12px !important;
}

select option:hover {
    background-color: rgba(200, 154, 91, 0.1) !important;
}

/* Для Firefox */
select:-moz-focusring {
    color: var(--color-text-primary, #F5F3EF) !important;
}

/* Для IE/Edge */
select::-ms-expand {
    display: none !important;
}