/*
 * ----------------------------------------------------
 * AIRSISERVIS CUSTOM CALCULATOR STYLES
 * ----------------------------------------------------
 */

/* Загальний роздільник */
.calc-divider {
    margin: 30px 0;
    border-top: 1px solid #ddd;
}

/* Заголовок калькулятора */
.calc-title {
    font-size: 1.5em;
    color: #333;
    border-bottom: 2px solid #0073aa; /* Додамо акцент */
    padding-bottom: 5px;
}

/* Динамічні значення (ціна та загальна вартість) */
.calc-dynamic-value {
    font-weight: bold;
    font-size: 1.1em;
}

.total-value {
    color: #0073aa; /* Колір акценту, як у WordPress */
    font-size: 1.6em;
    display: inline-block; /* Для кращого контролю */
    margin-left: 5px;
}

/* Поле введення */
.calc-input-row {
    margin: 15px 0;
}

.calc-input-field {
    padding: 8px 10px;
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100px; /* Фіксована ширина для чистоти */
    text-align: center;
}

.calc-label {
    font-weight: 500;
}

.calc-total-row {
    margin-top: 20px;
}

/* 1. Приховуємо новий перемикач на десктопі */
.astra-lang-switcher-inside-wrap {
    display: none;
}

/* 2. Стилізація лише на мобільному */
@media (max-width: 768px) {
    
    /* Робимо його видимим та вирівнюємо в ряд із кнопкою гамбургера (зазвичай вони йдуть через flex) */
    .astra-lang-switcher-inside-wrap {
        display: flex !important; /* Вмикаємо flex для контейнера */
        flex-direction: row;
        align-items: center; /* Вирівнюємо по вертикалі */
        z-index: 100;
        margin-right: 15px; /* Невеликий відступ від гамбургера */
    }
    
    /* Гарантуємо, що прапорці стануть в ряд */
    .astra-lang-switcher-inside-wrap ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex !important; 
        flex-direction: row !important;
        gap: 8px; /* Відстань між прапорцями */
        line-height: 1;
    }
    
    /* Фіксуємо розмір та клікабельність */
    .astra-lang-switcher-inside-wrap img {
        height: 18px !important; /* Комфортний розмір */
        width: auto !important;
        vertical-align: middle;
    }
    
    /* Збільшуємо зону кліку */
    .astra-lang-switcher-inside-wrap a {
        padding: 3px; 
        display: block;
    }
}