/* ===== Theme tokens (налаштовуй під бренд) ===== */
:root{
  --brand: #0ea5e9;           /* основний акцент */
  --brand-600:#0284c7;
  --text: #111827;
  --muted:#6b7280;
  --bg-soft:#f9fafb;
  --border:#e5e7eb;
  --radius:12px;
  --shadow: 0 6px 18px rgba(17,24,39,.06);
}

.cc-checkout .woocommerce{
  color:var(--text);
}

/* ===== Заголовки секцій ===== */
.cc-checkout h3{
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  margin: 22px 0 14px;
}

/* ===== Контейнери-картки ===== */
.checkout-shipping-top.card,
.woocommerce-checkout-review-order,
#payment{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
}

/* ===== Поля форми ===== */
.woocommerce .form-row{
  margin-bottom:14px;
}
.woocommerce form .form-row label{
  display:block;
  margin-bottom:8px;
  font-size:13px;
  color:var(--muted);
  font-weight:600;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  padding:10px 12px;
  min-height:44px;
  line-height:1.2;
  transition:border-color .15s, box-shadow .15s;
  outline:none;
}
.woocommerce form .form-row textarea{
  min-height:80px;
}
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent);
}

/* підкреслення required зліпимо зі стилем */
.woocommerce .required{
  color:var(--brand-600);
}

/* ===== Чекбокси / радіо (включно з «Не передзвонювати…») ===== */
.woocommerce input[type=checkbox],
.woocommerce input[type=radio]{
  accent-color: var(--brand);
}

/* ===== Таблиця замовлення ===== */
.woocommerce-checkout-review-order-table{
  border:1px solid var(--border);
  border-radius:10px;
  overflow:hidden;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{
  padding:12px 14px;
}
.woocommerce-checkout-review-order-table thead th{
  background:var(--bg-soft);
  font-weight:700;
}
.woocommerce-checkout-review-order-table tfoot th{
  color:var(--muted);
}
.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .order-total td{
  font-size:18px;
  font-weight:800;
}

/* ===== Способи оплати (радіо у вигляді карток) ===== */
.wc_payment_methods{
  margin:0;
  padding:0;
  list-style:none;
}
.wc_payment_methods li{
  border:1px solid var(--border);
  border-radius:10px;
  margin-bottom:10px;
  background:#fff;
  overflow:hidden;
}
.wc_payment_methods li > label{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  cursor:pointer;
  font-weight:600;
}
.wc_payment_methods li .payment_box{
  margin:0;
  border-top:1px dashed var(--border);
  background:var(--bg-soft);
  padding:14px;
  color:var(--muted);
}
.wc_payment_methods input[type=radio]:checked + label{
  box-shadow: inset 0 0 0 2px var(--brand);
  border-radius:10px;
}

/* ===== Блок «Спосіб доставки» зверху ===== */
.checkout-shipping-top__title{
  margin:0 0 10px;
}
.checkout-shipping-top .woocommerce-shipping-methods{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:10px;
}
.checkout-shipping-top .woocommerce-shipping-methods li{
  border:1px solid var(--border);
  border-radius:10px;
  padding:10px 12px;
  background:#fff;
}
.checkout-shipping-top .woocommerce-shipping-methods input[type=radio]{
  margin-right:8px; accent-color:var(--brand);
}

/* ===== Кнопка оформлення ===== */
#place_order,
.woocommerce a.button,
.woocommerce button.button{
  background:var(--brand);
  border:1px solid var(--brand);
  color:#fff;
  border-radius:10px;
  padding:12px 18px;
  font-weight:700;
  transition:transform .05s ease, background .15s;
}
#place_order:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{
  background:var(--brand-600);
  transform: translateY(-1px);
}

/* ===== Повідомлення про помилки ===== */
.woocommerce-error{
  border-radius:10px;
  border:1px solid #fecaca;
  background:#fff1f2;
}

/* ===== Мобільні дрібниці ===== */
@media (max-width: 680px){
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2{ padding:0 }
  .woocommerce-checkout-review-order,
  #payment{ padding:14px }
}