/* Состояние 1: Зеленая кнопка (В корзине) */
.add_to_cart_button.in-cart {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
}

/* Скрываем галочку */
.added_to_cart { display: none !important; }

/* Состояние 2: Красная кнопка при наведении (Удалить) */
/* Работает только для кнопок, обработанных нашим скриптом */
.add_to_cart_button.custom-remove-btn:hover {
    background-color: #e31e24 !important;
    border-color: #e31e24 !important;
    color: transparent !important;
    position: relative;
}

.add_to_cart_button.custom-remove-btn:hover::after {
    content: "Удалить из корзины";
    color: #fff;
    position: absolute;
    left: 0; right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

.cart-detail li .remove {
font-size: 25px !important;
}
/* Состояние 3: Только что добавленный товар (без перезагрузки) */
/* При наведении просто темнеет, так как удаление еще недоступно */
.add_to_cart_button.in-cart:not(.custom-remove-btn):hover {
    background-color: #218838 !important;
}




/* Убираем (без НДС) */
.woocommerce-mini-cart__total .tax_label {
    display: none !important;
}

/* Цена в итоге (жирная и черная) */
.woocommerce-mini-cart__total .amount {
    font-weight: 600 !important;
    color: #000 !important;
}

/* Каждый товар в корзине */
.woocommerce-mini-cart-item {
    padding: 15px 0 !important;
    border-bottom: 1px solid #f9f9f9;
}


/* Контейнер кнопок */
.woocommerce-mini-cart__buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Две кнопки в ряд */
    gap: 10px !important;
    margin-top: 20px !important;
}

/* Общий стиль для обеих кнопок */
.woocommerce-mini-cart__buttons a {
    height: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-transform: uppercase !important;
    font-size: 16px !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

/* Кнопка \"Просмотр корзины\" (Второстепенная) */
.woocommerce-mini-cart__buttons a:not(.checkout) {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

/* Кнопка \"Оформить заказ\" (Главная) */
.woocommerce-mini-cart__buttons a.checkout {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
}


@media (max-width: 767px) {
    /* 1. Уменьшаем размер и шрифт кнопок */
    .woocommerce-mini-cart__buttons a {
        height: 42px !important; /* Было 50px — делаем кнопку изящнее */
        font-size: 11px !important; /* Было 16px — уменьшаем для компактности */
        letter-spacing: 1px !important; /* Слегка сужаем для экономии места */
        padding: 0 5px !important; /* Внутренние отступы, чтобы текст не касался краев */
    }

    /* 2. Оптимизируем сетку и отступы */
    .woocommerce-mini-cart__buttons {
        gap: 8px !important; /* Уменьшаем зазор между кнопками */
        margin-top: 15px !important; /* Чуть меньше отступ от суммы заказа */
    }
}

/* Опционально для самых маленьких экранов (478px) */
@media (max-width: 478px) {
    /* Если в две колонки текст всё равно не влезает, 
       можно переключить кнопки в стек (одна под другой) */
    .woocommerce-mini-cart__buttons {
        grid-template-columns: 1fr 1fr !important; 
        gap: 8px !important;
    }
    
    .woocommerce-mini-cart__buttons a {
        height: 45px !important; /* Возвращаем чуть больше высоты для удобства нажатия пальцем */
    }
}
.woocommerce-mini-cart__buttons a.checkout:hover {
    background-color: #333 !important;
}