/* ============================================================================
   ТРАБО. Дополнения к стилям калькулятора — v1.2.0
   ----------------------------------------------------------------------------
   Подключается ПОСЛЕ trabo-styles.css (зависимость указана в enqueue).
   Ничего из ваших текущих стилей не перезаписывает — только добавляет:
   1) чипы быстрого выбора количества;
   2) выпадающий список «Изделие из каталога» на странице калькулятора;
   3) компактные отступы лёгкого калькулятора;
   4) состояния кнопки отправки и подсветка ошибки выбора;
   5) компактный комментарий к заявке (одна строка, авторост при вводе);
   6) читаемые выпадающие списки (тёмный текст на белом — тема может
      красить select в белый, из-за чего текст сливается);
   7) страховка: старое поле «Площадь покрытия» скрывается даже на
      закэшированной странице.
   ========================================================================== */

/* --- 1. Чипы количества (баннеры 1 / 5 / 10 / 25 / 50 шт) ------------------ */
.trabo-qty-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.trabo-qty-chips .trabo-qty-chip {
    min-width: 76px;
    padding: 10px 18px;
    font-weight: 600;
    text-align: center;
}

/* --- 2. Выбор изделия на странице полного калькулятора --------------------- */
.trabo-product-select {
    width: 100%;
    max-width: 480px;
}

.trabo-select-error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

/* --- 3. Лёгкий калькулятор: компактные отступы ------------------------------ */
.trabo-lite-wrap .trabo-section {
    margin-bottom: 18px;
}

.trabo-lite-wrap .trabo-calc-title {
    font-size: 1.4em;
}

.trabo-lite-wrap .trabo-lite-form textarea {
    width: 100%;
    resize: vertical;
}

/* --- 5. Лайт: компактный комментарий (одна строка, авторост) ---------------- */
.trabo-lite-wrap .trabo-comment-section {
    margin-bottom: 12px;
}

.trabo-lite-wrap #trabo-lite-comment {
    min-height: 40px;
    max-height: 120px;
    resize: none;      /* высотой управляет JS (авторост) */
    overflow: hidden;
}

/* --- 6. Читаемые выпадающие списки (цвета покрытий, изделие из каталога) --- */
select.trabo-select,
select.trabo-product-select {
    color: #1f2937 !important;          /* тёмный текст на закрытом списке */
    background-color: #ffffff !important;
}

select.trabo-select option,
select.trabo-product-select option {
    color: #1f2937 !important;          /* и в самом выпадающем перечне */
    background-color: #ffffff !important;
}

/* --- 7. Страховка от старого кэша: поле «Площадь покрытия» скрыто --------- */
#trabo-lite-coat-area,
.trabo-field:has(> #trabo-lite-coat-area) {
    display: none !important;
}

/* --- 4. Кнопка отправки: состояние загрузки --------------------------------- */
.trabo-btn-submit.is-loading {
    opacity: 0.75;
    cursor: progress;
}

.trabo-btn-submit.is-loading .trabo-btn-text {
    opacity: 0.55;
}

/* Сообщение об ошибке внутри лёгкого калькулятора (если в trabo-styles.css
   нет отдельного оформления .trabo-error вне страницы отслеживания) */
.trabo-lite-wrap .trabo-success.trabo-error {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.trabo-lite-wrap .trabo-success a {
    color: inherit;
    text-decoration: underline;
}