/* primary */
/* primary hover */
/* dark */
/* light */
/* light hover */
/* accent */
/* accent hover */

/* OK HOME Ordercall: ссылки внутри формы заказа звонка */
.page_ordercall .oc form a {
    color: var(--link-color);
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

.page_ordercall .oc form a:hover {
    color: var(--link-color-hover);
}

/* OK HOME Ordercall: текстовые поля формы */
.page_ordercall .oc form input[type="text"] {
    width: 100%;
    max-width: 100%;
    padding: 8px 14px 9px;
    border: 1px solid #dfe7f1;
    border-radius: var(--inputs-buttons-border-radius);
    background: #fff;
    color: #07182d;
    font-size: 14px;
    line-height: 1.2;
    outline: 0;
    box-sizing: border-box;
    transition: border-color 0.2s ease-in-out;
}

/* Disabled */
.page_ordercall .oc form input[type="text"]:disabled {
    border: 1px solid #bdbdbd;
    color: #bdbdbd;
    cursor: default;
}

/* Focus */
.page_ordercall .oc form input[type="text"]:focus {
    border-color: #cbd8e8;
}

/* OK HOME Ordercall: кнопка формы заказа звонка / консультации */
.page_ordercall .oc form .oc-light-form-button {
    display: inline-block;
    padding: 8px 14px 9px;
    border: 1px solid transparent;
    border-radius: var(--inputs-buttons-border-radius);
    background: var(--button-color);
    color: var(--button-text-color);
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.2s ease-in-out;
}

/* Hover / Focus кнопки */
.page_ordercall .oc form .oc-light-form-button:focus,
.page_ordercall .oc form .oc-light-form-button:hover {
    background: var(--button-color-hover);
}

/* OK HOME Ordercall: размытие фона при открытом модальном окне */
.page_ordercall.oc-modal-open .oc {
    backdrop-filter: blur(5px);
}