/*
 Theme Name:   My Theme Child
 Description:  Дочерняя тема для нового мультисайта
 Author:       Semen
 Template:     plitki
 Version:      1.0.0
*/

/* Ваши кастомные стили пойдут ниже */
/*
 Theme Name:   My Theme Child
 Description:  Дочерняя тема для нового мультисайта
 Author:       Semen
 Template:     plitki
 Version:      1.0.0
*/

/* Ваши кастомные стили пойдут ниже */
.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}
.products__item--bottom {
    margin-top: auto;
    display: flex;
    flex-direction: column;
}

/* 1. Уменьшаем общую высоту контейнера слайдера */
.irs--flat {
    height: 35px;
}

/* 2. Полоска: уменьшаем высоту в 2 раза и красим фон */
.irs--flat .irs-line {
    top: 25px;
    height: 4px; /* Было 8px-12px, делаем тоньше */
    background-color: #e1e1e1; /* Цвет пустой части */
    border-radius: 4px;
}

/* 3. Заполненная часть полоски (между ползунками) */
.irs--flat .irs-bar {
    top: 25px;
    height: 4px;
    background-color: #2726A2; /* Твой синий цвет */
}

/* 4. Рукоятки (irs-handle): делаем круглыми и желтыми */
.irs--flat .irs-handle {
    top: 17px; /* Центрируем относительно полоски */
    width: 20px;
    height: 20px;
    background-color: #FDD700; /* Твой желтый цвет */
    border: none;
    border-radius: 50%; /* Делаем круглым */
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Убираем стандартный "квадратик" внутри рукоятки, если он есть в этой теме */
.irs--flat .irs-handle > i:first-child {
    display: none;
}

/* Эффект при наведении на рукоятку */
.irs--flat .irs-handle.state_hover, 
.irs--flat .irs-handle:hover {
    background-color: #e6c400; /* Чуть темнее при наведении */
}

/* 5. Настройка подписей (цены над ползунками) - опционально */
.irs--flat .irs-from, 
.irs--flat .irs-to, 
.irs--flat .irs-single {
    background-color: #2726A2;
    border-radius: 3px;
    font-size: 11px;
}

.irs--flat .irs-from:before, 
.irs--flat .irs-to:before, 
.irs--flat .irs-single:before {
    border-top-color: #2726A2; /* Стрелочка под ценником */
}

/* Скрываем лишние элементы сетки, если они мешают */
.irs--flat .irs-min, 
.irs--flat .irs-max {
    display: none;
}
.filter-items {
    margin: 1rem 0;
}
/* 1. Скрываем стандартный кружок radio */
.wc-block-components-sidebar .wc-block-components-radio-control__input {
    display: none !important;
}

/* 2. Стилизуем всю обертку (label) как рамку */
.wc-block-components-sidebar .wc-block-components-radio-control__option {
    display: flex;
    padding: 15px 20px;
    border: 2px solid #e0e0e0; /* Цвет рамки по умолчанию */
    border-radius: 8px;
    cursor: default; /* Убираем курсор-указатель, так как теперь это "текст" */
    transition: all 0.3s ease;
    margin-bottom: 10px;
    background-color: #ffffff;
    align-items: center;
}

/* 3. Стиль для "выбранного" состояния (если опция одна, она всегда checked) */
.wc-block-components-sidebar .wc-block-components-radio-control__option-checked {
    border-color: #2726A2; /* Цвет активной рамки (например, твой синий/желтый) */
    background-color: #f8f9ff;
}

/* 4. Настраиваем внутреннее расположение текста */
.wc-block-components-sidebar .wc-block-components-radio-control__option-layout {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0 !important; /* Убираем отступ, который был для кружка */
}

/* 5. Делаем название доставки жирным */
.wc-block-components-sidebar .wc-block-components-radio-control__label {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

/* 6. Стиль цены */
.wc-block-components-sidebar .wc-block-components-formatted-money-amount {
    font-weight: 700;
    color: #2726A2;
}
.wc-block-components-payment-method-label, #radio-control-wc-payment-method-options-cod__label, #radio-control-wc-payment-method-options-cod{
    cursor: default!important;
}
#radio-control-wc-payment-method-options-cod input, #radio-control-wc-payment-method-options-cod span{
    cursor: default!important;
}
label.wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked {
    cursor: default;
}
.max_mess img {
    width: 20px;
    border-radius: 50%;
}
.max_mess{
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}
/* Скрываем приписку "(дополнительно)" в ярлыке поля */
.wc-block-components-address-form__field label span.wc-block-components-address-form__optional {
    display: none !important;
}

/* Если у вас классический чекаут, это скроет пометку "optional" */
.woocommerce-checkout .optional {
    display: none !important;
}

/* Гарантируем, что плейсхолдер маски будет серым и аккуратным */
input[type="tel"]::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}
/* Класс, который мы будем вешать на контейнер */
.products__right.is-loading {
    opacity: 0.5;
    pointer-events: none; /* Чтобы нельзя было кликнуть дважды во время загрузки */
    transition: opacity 0.3s ease;
    cursor: wait; /* Курсор ожидания */
}
/* Скрываем блок Email в новом чекауте на блоках */
.wc-block-components-address-form__email, 
#contact.wc-block-components-address-form {
    display: none !important;
}

/* Скрываем уведомление о гостевом заказе под ним */
.wc-block-checkout__guest-checkout-notice ,.wc-block-components-checkout-step__description {
    display: none !important;
}
/* Скрываем весь блок доставки в корзине-блоке */
.wp-block-woocommerce-cart-order-summary-shipping-block {
    display: none !important;
}

/* На всякий случай скрываем разделители, если они останутся */
.wc-block-components-totals-shipping {
    display: none !important;
}
/* Полностью скрываем блок "Параметры доставки" на Checkout */
.wc-block-checkout__shipping-option, 
#shipping-option,
.wp-block-woocommerce-checkout-shipping-methods-block {
    display: none !important;
}

/* Скрываем уведомление о выборе метода доставки, если оно выскочит */
.wc-block-components-totals-shipping {
    display: none !important;
}