/**
 * Правки поверх main.css.
 *
 * main.css собирается верстальщиком целиком и перезаписывается при каждой поставке,
 * поэтому точечные доработки держим здесь — файл подключается после main.css
 * в header.php и выигрывает по каскаду при равной специфичности.
 */

/* ---------------------------------------------------------------------------
 * Предиктор поиска: плашка по высоте контента, если товаров нет
 * ------------------------------------------------------------------------ */

.header-search__results.is-compact {
    height: auto;
}

.header-search__results.is-compact .header-search-results__wrapper {
    height: auto;
    overflow: visible;
}

.header-search__empty {
    padding: 4px 0;
    color: var(--gray);
    text-align: center;
}

/* ---------------------------------------------------------------------------
 * Модальные формы: код из СМС набирается от левого края поля
 * ------------------------------------------------------------------------ */

.modal-auth__code-input {
    text-align: left;
}

/* ---------------------------------------------------------------------------
 * Корзина: ручной ввод количества по аналогии с карточкой товара
 * ------------------------------------------------------------------------ */

.cart-item-counter__btn.--confirm {
    display: none;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 15.5L12.5 21.5L23.5 8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cart-item__counter.is-editing .cart-item-counter__btn.--minus {
    visibility: hidden;
    pointer-events: none;
}

.cart-item__counter.is-editing .cart-item-counter__btn.--plus {
    display: none;
}

.cart-item__counter.is-editing .cart-item-counter__btn.--confirm {
    display: block;
    background-color: var(--green);
}

.cart-item__counter.is-editing .cart-item-counter__price {
    display: none;
}

.cart-item__counter.is-editing .cart-item-counter__count {
    width: 100%;
    padding: 6px;
    border: 1px solid var(--gray-el);
    border-radius: 8px;
    background-color: var(--white);
    color: var(--black);
    cursor: text;
    outline: none;
}

.side-cart-card-counter__btn.--confirm {
    display: none;
    border-radius: 0 2px 2px 0;
}

.side-cart-card-counter__btn.--confirm:before {
    content: "";
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 15.5L12.5 21.5L23.5 8.5' stroke='%235b5b5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.side-cart-card__counter.is-editing .side-cart-card-counter__btn.--minus {
    visibility: hidden;
    pointer-events: none;
}

.side-cart-card__counter.is-editing .side-cart-card-counter__btn.--plus {
    display: none;
}

.side-cart-card__counter.is-editing .side-cart-card-counter__btn.--confirm {
    display: flex;
    background-color: var(--green);
}

.side-cart-card__counter.is-editing .side-cart-card-counter__btn.--confirm:before {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 15.5L12.5 21.5L23.5 8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.side-cart-card__counter.is-editing .side-cart-card-counter__count {
    border: 1px solid var(--gray-el);
    border-radius: 2px;
    background-color: var(--white);
    color: var(--black);
    cursor: text;
    outline: none;
}

/* ---------------------------------------------------------------------------
 * Оформление заказа: незаполненные обязательные поля и неактивная кнопка
 * ------------------------------------------------------------------------ */

.cart-order__input.is-invalid,
.cart-order__input.is-invalid:focus-within,
.cart-order__input.is-invalid:has(input:not(:placeholder-shown)),
.cart-order__input.is-invalid:has(textarea:not(:placeholder-shown)) {
    border-color: var(--red);
}

.cart-order__input.is-invalid label {
    color: var(--red) !important;
}

.btn-default.is-disabled,
.btn-default.is-disabled:hover,
.btn-default.is-disabled:active {
    background-color: var(--gray-el);
    color: var(--white) !important;
    cursor: default;
}