/* Скрываем купон и кнопку "Обновить корзину" ТОЛЬКО в корзине */
/*.woocommerce-cart .woocommerce-cart-form .coupon { display: none !important; }*/
.woocommerce-cart .woocommerce-cart-form .actions button[name="update_cart"] { display: none !important; }

/* Блок с итогом, который ставим вместо кнопки */
.na-cart-inline-total{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:40px;
  padding:0 12px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#fff;
  font-weight:600;
  margin-left:0; /* по месту темы можно подвинуть */
}
.na-cart-inline-total .sum{ font-weight:700; }

/* Чуть уплотняем панель действий, чтобы всё выглядело аккуратно */
.woocommerce-cart .woocommerce-cart-form .actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

/* ========== КОРЗИНА: правка верстки ========== */

/* 1) "Итого" (наш бейдж) — вправо */
.woocommerce-cart .woocommerce-cart-form .actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;   /* тянем вправо */
  gap:12px;
}
.woocommerce-cart .woocommerce-cart-form .actions .na-cart-inline-total{
  margin-left:auto;           /* на всякий случай */
}

/* 2) Сжать отступ между крестиком и товаром */
.woocommerce-cart .shop_table td.product-remove{
  width: 34px;                /* компактнее */
  padding-right: 8px;
}
.woocommerce-cart .shop_table td.product-name{
  padding-left: 8px;          /* ближе к крестику */
}

/* 3) Все колонки таблицы — выравнивание ВЛЕВО */
.woocommerce-cart .shop_table thead th,
.woocommerce-cart .shop_table td{
  text-align: left !important;
}

/* Чуть уравниваем высоты строк, чтобы цифры и кнопки смотрелись ровно */
.woocommerce-cart .shop_table td{
  vertical-align: middle;
  padding-top: 14px;
  padding-bottom: 14px;
}

/* 4) Блок "Сумма заказов" — всё влево */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .cart_totals .shop_table,
.woocommerce .cart-collaterals .cart_totals .shop_table th,
.woocommerce .cart-collaterals .cart_totals .shop_table td{
  text-align: left !important;
}

/* Заголовок "Сумма заказов" тоже влево */
.woocommerce .cart-collaterals .cart_totals h2{
  text-align: left;
}

/* На некоторых темах суммы в правой колонке делают авто-выровненными по центру — чинем */
.woocommerce .cart-collaterals .cart_totals .shop_table tr > *{
  vertical-align: middle;
}

/* --- ДОПРАВКА КОРЗИНЫ --- */

/* 1) минимизируем отступ между крестиком и фото */
.woocommerce-cart .shop_table td.product-remove {
  width: 28px !important;
  padding-right: 4px !important;
}
.woocommerce-cart .shop_table td.product-thumbnail,
.woocommerce-cart .shop_table td.product-name {
  padding-left: 4px !important;
}

/* 2) выравниваем фото и текст товара по одной линии */
.woocommerce-cart .shop_table td.product-thumbnail img {
  vertical-align: middle;
}
.woocommerce-cart .shop_table td.product-name {
  vertical-align: middle;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 3) аккуратно подравниваем цену, количество и подытог по сетке */
.woocommerce-cart .shop_table td.product-price,
.woocommerce-cart .shop_table td.product-quantity,
.woocommerce-cart .shop_table td.product-subtotal {
  vertical-align: middle;
  text-align: left !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 4) цифры в "Итого" в один ряд */
.na-cart-inline-total {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
}
.na-cart-inline-total .sum {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.3px;
}

/* 5) визуально сжимаем строку "Итого" и тянем правее */
.woocommerce-cart .woocommerce-cart-form .actions {
  justify-content: flex-end !important;
  margin-top: 6px;
}

/* Контейнер для бейджа "Итого" — справа под таблицей */
.na-cart-inline-total-wrap{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}
.na-cart-inline-total{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:40px;
  padding:0 12px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#fff;
  font-weight:600;
  white-space:nowrap;
}
.na-cart-inline-total .sum{ font-weight:700; letter-spacing:.2px; }


/* --- финальная правка: выравнивание заголовка "Товар" --- */
.woocommerce-cart .shop_table thead th.product-name {
  padding-left: 6px !important; /* совпадает с отступом у td.product-name */
  text-align: left !important;
}




/* === Перемещение купона вниз рядом с "Итого товаров" === */

/* превращаем купон в отдельный блочный элемент */
.woocommerce-cart .woocommerce-cart-form .coupon {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin-top: 20px;       /* пространство над купоном */
  margin-bottom: 10px;    /* пространство под купоном */
}

/* уменьшить ширину поля купона */
.woocommerce-cart .woocommerce-cart-form .coupon input[type="text"] {
  width: 220px !important;
  height: 40px;
  padding: 0 12px;
}

/* кнопка купона — такая же высота, как и поле */
.woocommerce-cart .woocommerce-cart-form .coupon button {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
}

/* убираем купон из сетки таблицы WooCommerce */
.woocommerce-cart .shop_table .coupon {
  display: none !important;
}

/* общий контейнер для купона и "итого товаров" */
.na-cart-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* помещаем купон и "итого товаров" внутрь нового контейнера */
.na-cart-bottom-row .coupon {
  margin: 0 !important;
}

.na-cart-bottom-row .na-cart-inline-total-wrap {
  margin: 0 !important;
}



/* Центрируем название товара по вертикали */
.woocommerce-cart .shop_table td.product-name {
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 60px; /* одинаковая высота строки */
}




/* строка в "Сумма заказов" */
.woocommerce .cart-collaterals .cart_totals .na-delivery-time-row th,
.woocommerce .cart-collaterals .cart_totals .na-delivery-time-row td{
  vertical-align: middle;
}

/* селект времени доставки */
.na-delivery-time-select{
  max-width: 220px;
}



.na-delivery-time-block{
  margin-top: 12px;
}

.na-delivery-time-block label{
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
}

.na-delivery-time-block select#na_delivery_time{
  width: 100%;
  max-width: 260px;
  height: 40px;
  padding: 0 10px;
}