/* ============================
   WOO: Cart + Checkout skin
   Основано на токенах темы:
   --color-primary, --color-light, шрифты El Messiri/Rubik
   ============================ */

/* ---------- Общая оболочка страниц Woo ---------- */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.wc-block-cart,
.wc-block-checkout {
  background-color: var(--color-primary);
  color: var(--color-light);
  padding-inline: var(--inline-xl);
  padding-bottom: var(--block-xl);
  padding-top: 25px;
}
.entry-title {
    padding-inline: var(--inline-xl);
    padding-top: var(--block-xl);
}
.entry-content {
    margin: 0;
    
}
.entry-content p{
    margin: 0;
}

/* Типографика */
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.wc-block-cart h1, .wc-block-checkout h1,
.wc-block-cart h2, .wc-block-checkout h2 {
  font-family: "El Messiri", sans-serif;
  line-height: 1.1;
}
.entry-title {
  font-family: "El Messiri", sans-serif;
  line-height: 1.1;
  margin:0;
  background-color: var(--color-primary);
  color: var(--color-light);
}
.woocommerce, .woocommerce p, .woocommerce td, .woocommerce th,
.wc-block-cart, .wc-block-checkout {
  font-family: "Rubik", sans-serif;
}

/* Ссылки на тёмном фоне */
body.woocommerce-cart .woocommerce a,
body.woocommerce-checkout .woocommerce a,
.wc-block-cart a,
.wc-block-checkout a {
  color: var(--color-light);
  text-decoration: underline;
  text-underline-offset: 2px;
}


/* ---------- КОРЗИНА (classic shortcode [woocommerce_cart]) ---------- */
.woocommerce-page table.cart td.actions .button {
    border-radius: 22px;
    background-color: var(--color-light);
    color: var(--color-primary);
    opacity:1;
}
.woocommerce-cart table.shop_table {
  width: 100%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--color-light);
  border-radius: 16px;
  overflow: hidden;
}
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
  border-color: rgba(255,255,255,0.08);
}
.woocommerce-cart .product-thumbnail img {
  border-radius: 12px;
}

/* Количество: выравнивание и размеры под нашу высоту кнопок */
.woocommerce-cart .quantity {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.woocommerce-cart .quantity .qty-button {
  width: 41px;
  height: 41px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.25);
  background: transparent;
  color: var(--color-light);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.woocommerce-cart .quantity .input-text.qty {
  width: 86px;
  height: 41px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.06);
  color: var(--color-light);
  text-align: center;
  font-size: 16px;
}
/* Прячем спиннеры числа — у нас ± */
.woocommerce-cart input[type=number]::-webkit-outer-spin-button,
.woocommerce-cart input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.woocommerce-cart input[type=number] { -moz-appearance: textfield; }

/* Купон + кнопки в actions */
.woocommerce-cart .actions {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
}
.woocommerce-cart .coupon {
  display: flex;
  gap: 8px;
  align-items: center;
}
.woocommerce-cart .coupon .input-text {
  height: 41px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.06);
  color: var(--color-light);
  padding: 0 12px;
}

/* Кнопка "Обновить корзину" и все базовые button.button подтягиваем под .btn-orange */
.woocommerce .button,
.wc-block-components-button,
a.checkout-button.button {
  background-color: var(--color-orange);
  color: var(--color-light);
  border-radius: 22px;
  height: 41px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* Итоги корзины */
.woocommerce .cart_totals {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--color-light);
  border-radius: 22px;
  padding: 16px;
}
.woocommerce .wc-proceed-to-checkout .checkout-button {
  width: 100%;
  font-size: 18px;
}

/* ---------- CHECKOUT (классика + Blocks) ---------- */
/* Classic checkout */
.woocommerce-checkout form.checkout .col2-set,
.woocommerce-checkout #order_review {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  padding: 16px;
  color: var(--color-light);
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .select2-container .select2-selection {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.25);
  color: var(--color-light);
  border-radius: 12px;
}

/* Blocks checkout */
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-textarea textarea,
.wc-block-checkout .wc-block-components-select select {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.25);
  color: var(--color-light);
  border-radius: 12px;
}
.wc-block-checkout .wc-block-components-order-summary,
.wc-block-checkout .wc-block-components-totals-item,
.wc-block-checkout .wc-block-components-panel {
  background: transparent;
  color: var(--color-light);
  border-color: rgba(255,255,255,0.12);
}
.wc-block-components-button,
.wc-block-components-checkout-place-order-button {
  
  border-radius: 22px;
  height: 41px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--color-light);
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Базовые блоки */
.wf-box{ 
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  padding: 16px;
  color: var(--color-light);
  margin-block: 16px;
}
.wf-title{ font-family:"El Messiri",sans-serif; font-size:20px; margin:0 0 8px; }
.wf-title-sm{ font-family:"El Messiri",sans-serif; font-size:16px; margin:8px 0; }
.wf-subtitle{ opacity:.8; margin:0 0 12px; }

/* Тогглер способов */
.wf-toggle{ display:flex; gap:8px; margin-bottom:12px; }
.wf-ship-btn{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid rgba(255,255,255,0.25);
  border-radius:12px; height:41px; padding:0 12px;
  background:transparent; color:var(--color-light); cursor:pointer;
}
.wf-ship-btn[disabled]{ opacity:.4; cursor:not-allowed; }
.wf-ship-btn.is-active{ outline:2px solid rgba(255,255,255,0.5); }

/* Список пунктов самовывоза */
.wf-pickups{ display:flex; flex-direction:column; gap:8px; }
.wf-radio{ display:flex; align-items:center; gap:8px; }

/* Блок доставки */
.wf-delivery .wf-city{ margin:4px 0 8px; opacity:.85; }

/* Перенесённые инпуты адреса унаследуют твои базовые стили форм */
.hidden{ display:none!important; }

#wf-shipping-choice.mode-pickup  #wf-delivery-info { display: none; }
#wf-shipping-choice.mode-delivery #wf-pickup-list  { display: none; }

/* Скрываем label у единственного адресного поля в блоке доставки */
#wf-delivery-info #billing_address_1_field > label,
#billing_address_1_field .wf-no-label {
  display: none !important;
}

/* Растягиваем инпут на всю ширину блока */
#wf-delivery-info #billing_address_1_field .input-text {
  width: 100%;
}


/* ---------- Media ---------- */
@media (max-width: 1279px) {
  .woocommerce-cart .woocommerce,
  .woocommerce-checkout .woocommerce,
  .wc-block-cart,
  .wc-block-checkout {
    padding-inline: var(--inline-m);
  }
  .entry-title {
    padding-inline: var(--inline-m);
}
  .woocommerce .cart_totals { margin-top: 16px; }
}

@media (max-width: 1023px) {
     .woocommerce-cart .woocommerce,
  .woocommerce-checkout .woocommerce,
  .wc-block-cart,
  .wc-block-checkout {
    padding-inline: var(--inline-s);
    padding-block: var(--block-m);
    padding-top: 25px;
  }
  .entry-title {
    padding-inline: var(--inline-s);
    padding-top: var(--block-m);
}
  .woocommerce-cart .actions { flex-direction: column; align-items: stretch; gap: 10px; }
  .woocommerce-cart table.shop_table thead { display: none; } /* типичный mobile делистинг */
  .woocommerce-cart table.shop_table tr,
  .woocommerce-cart table.shop_table td { display: block; width: 100%; }
  .woocommerce .wc-proceed-to-checkout .checkout-button { width: 100%; }
}
@media (max-width: 768px) {
    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block;
    }
     .woocommerce table.cart .product-thumbnail::before {
        display: none;
    }
}
/* Checkout: скрыть строку "Доставка" в "Ваш заказ" */
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
  display: none !important;
}

/* Скрыть список способов доставки, чтобы не дублировать наш верхний переключатель */
.woocommerce-checkout #shipping_method {
  display: none !important;
}

/* Скрыть методы оплаты (UL с радиокнопками); оставляем выбранный gateway под капотом */
#payment .wc_payment_methods {
  display: none !important;
}

/* Скрыть дефолтный wrapper с текстом политики/термов от Woo — у нас свой чекбокс */
.woocommerce-terms-and-conditions-wrapper {
  display: none !important;
}
.woocommerce-shipping-destination {
  display: none !important;
}
.woocommerce-customer-details {
  display: none !important;
}