/* 
 * Стили для Carbon Fields в проекте Perchik
 * Стили для основной кнопки добавления тарифа и разделителей
 */

/* Стили для переводчика, который не хочет показывать тарифы */
.on-request-rates {
    background: rgba(255, 165, 0, 0.1);
}

/* Стили для разделителей (separator) */
.cf-complex.rates-container .cf-separator {
    background: var(--te-primary);
    border: none;
}

.cf-complex.rates-container .cf-separator h3 {
    color: white;
}


/* Стили для группы тарифов */
.rates-container .cf-complex__group.cf-complex__group--grid {
    border: 1px solid var(--te-primary);
}

.rates-container .correction-block .cf-complex__group.cf-complex__group--grid {
    border: 1px solid goldenrod;
}

/* Фирменная синяя кнопка только для добавления нового тарифа (основная кнопка) */
.rates-container > .cf-field__body > .cf-complex__actions button.cf-complex__inserter-button {
    background: var(--te-primary);
    color: white;
    border: none;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Стили для комментария менеджера */
.manager-comment {
    border-left: 5px solid var(--pepper-red);
}