/* ===== Classic Checkout (MeneroSyn) ===== */
:root{
  --ms-text:#fff; --ms-muted:#c9d0d6; --ms-border:#1f2427;
  --ms-accent:#74e6d5; --ms-ink:#063b35; --ms-shadow:0 10px 30px rgba(0,0,0,.35);
}

.msco-form{ color:var(--ms-text); }
.msco-h{ font-weight:800; letter-spacing:.03em; margin:0 0 14px; }
.msco-h2{ font-weight:800; margin:0 0 10px; }

.msco-grid{
  max-width: min(1200px,94vw);
  margin: 0 auto; padding: 20px 16px;
  display:grid; grid-template-columns: minmax(0,1fr) 380px; gap:28px; align-items:start;
}
@media (max-width:1024px){ .msco-grid{ grid-template-columns:1fr; } }

.msco-panel{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  border:1px solid var(--ms-border); border-radius:16px; box-shadow:var(--ms-shadow);
  padding:16px; margin-bottom:16px;
}

.woocommerce form .form-row label{ color:var(--ms-muted); margin-bottom:6px; display:block; }
.woocommerce .input-text, .woocommerce select, .woocommerce textarea{
  width:100%; background:#121619; color:#fff;
  border:1px solid var(--ms-border); border-radius:12px; padding:12px 14px; min-height:46px;
}
.woocommerce .input-text:focus, .woocommerce select:focus, .woocommerce textarea:focus{
  outline:none; border-color:#2a8f83; box-shadow:0 0 0 3px rgba(116,230,213,.14);
}

/* Сітка полів адреси */
#customer_details .col-1, #customer_details .col-2{ width:100%; float:none; }
.woocommerce-billing-fields .form-row-first, .woocommerce-billing-fields .form-row-last{ width:100%; }

/* Summary / order review */
#order_review{ position: sticky; top: 88px; }
.woocommerce-checkout-review-order-table{
  background:rgba(255,255,255,.02); border:1px solid var(--ms-border);
  border-radius:12px; overflow:hidden;
}
.woocommerce-checkout-review-order-table th{ color:var(--ms-muted); text-transform:uppercase; font-size:.82rem; }
.woocommerce-checkout-review-order-table td, 
.woocommerce-checkout-review-order-table th{ border-top:1px solid var(--ms-border); }

/* Кнопки */
.woocommerce #place_order, .woocommerce button.button{
  -webkit-appearance:none; appearance:none;
  background:var(--ms-accent); color:var(--ms-ink) !important;
  border:0; border-radius:14px; padding:14px 18px; font-weight:800; width:100%;
  box-shadow:0 6px 20px rgba(116,230,213,.18); transition:.2s ease;
}
.woocommerce #place_order:hover, .woocommerce button.button:hover{ transform:translateY(-1px); }

/* Notices */
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  background:#111417; color:#fff; border:1px solid var(--ms-border); border-radius:12px;
}
/* =========================
   POLISH — Classic Checkout (readability pass)
   ========================= */

/* Палiтра/змінні (на випадок, якщо вище їх нема) */
:root{
  --ms-text:#fff; --ms-muted:#c9d0d6; --ms-soft:#aeb6bd;
  --ms-border:#1f2427; --ms-elev:#111416;
  --ms-accent:#74e6d5; --ms-ink:#063b35;
  --ms-error:#c64d4d; --ms-ok:#2a8f83;
  --ms-radius:16px; --ms-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* Контейнер та дві колонки тримаємо рівно */
.woocommerce form.checkout{ color:var(--ms-text); }
.msco-grid{ max-width:min(1200px,94vw); margin:0 auto; padding:24px 16px; gap:32px; }
.msco-left .msco-panel, .msco-right .msco-panel{
  background: radial-gradient(900px 600px at 8% -10%, rgba(255,255,255,.03), rgba(255,255,255,0));
  border:1px solid var(--ms-border); border-radius:var(--ms-radius); box-shadow:var(--ms-shadow);
  padding:18px; margin-bottom:18px;
}

/* Заголовки — менше “крику”, більше контрасту */
.msco-h{ font-size:1.6rem; font-weight:800; margin:0 0 10px; }
.msco-h2{ font-size:1.05rem; font-weight:800; letter-spacing:.03em; margin:0 0 12px; }
.woocommerce-billing-fields > h3,
#order_review_heading{ font-size:1.05rem; font-weight:800; letter-spacing:.03em; }

/* Лейбли полів */
.woocommerce form .form-row label{ color:var(--ms-muted); font-size:.95rem; margin-bottom:6px; }
.woocommerce form .form-row .optional{ color:var(--ms-soft); font-weight:600; }

/* Поля інпутів — однакова висота, чіткий фокус */
.woocommerce .input-text, .woocommerce select, .woocommerce textarea{
  width:100%; background:#121619; color:#fff;
  border:1px solid var(--ms-border); border-radius:12px; padding:12px 14px; min-height:46px;
  box-shadow:none;
}
.woocommerce .input-text::placeholder{ color:#8f98a0; }

/* Фокус/ховер — бірюзовий глоу */
.woocommerce .input-text:focus, .woocommerce select:focus, .woocommerce textarea:focus{
  outline:none; border-color:var(--ms-ok); box-shadow:0 0 0 3px rgba(116,230,213,.16);
}

/* Прибираємо “кислотно-зелений” успіх від теми */
.woocommerce-validated .input-text{ border-color:var(--ms-ok) !important; box-shadow:none !important; }

/* Помилки — чіткі й охайні */
.woocommerce-invalid .input-text, .woocommerce .woocommerce-invalid .select2-selection{
  border-color:var(--ms-error) !important;
  box-shadow:0 0 0 3px rgba(198,77,77,.14) !important;
}
.woocommerce .form-row .required{ color:#ffb3b3; }

/* Дві колонки для first/last */
.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last{ width:49%; float:left; }
.woocommerce-billing-fields__field-wrapper .form-row-last{ float:right; }
.woocommerce-billing-fields__field-wrapper::after{ content:""; display:block; clear:both; }

/* —— Права колонка (Order summary/table) —— */
.woocommerce-checkout-review-order-table{
  width:100%; border:1px solid var(--ms-border); border-radius:12px; overflow:hidden;
  background:rgba(255,255,255,.02);
}
.woocommerce-checkout-review-order-table th{
  color:var(--ms-muted); text-transform:uppercase; letter-spacing:.06em; font-size:.82rem;
  background:rgba(255,255,255,.02);
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th{ border-top:1px solid var(--ms-border); }
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{ font-weight:700; }
.woocommerce-checkout-review-order-table tfoot tr:last-child td,
.woocommerce-checkout-review-order-table tfoot tr:last-child th{ font-size:1.05rem; }

/* Payment methods — картка + читабельний опис */
#payment{ background:rgba(255,255,255,.02); border:1px solid var(--ms-border); border-radius:12px; }
#payment .wc_payment_methods{ padding:14px; }
#payment .wc_payment_methods li{ background:#13171a; border:1px solid var(--ms-border); border-radius:12px; padding:12px; }
#payment .wc_payment_methods li + li{ margin-top:10px; }
#payment .payment_box{
  background:#eae6f3; color:#232428; border-radius:10px; border:0; padding:12px 14px;
}
#payment .payment_box::before{ border:0; } /* трикутничок ховаємо від теми */

/* Кнопка оформлення — жирна й помітна */
.woocommerce #place_order, .woocommerce button.button.alt{
  -webkit-appearance:none; appearance:none;
  background:var(--ms-accent); color:var(--ms-ink) !important;
  border:0; border-radius:14px; padding:14px 18px; font-weight:800; width:100%;
  box-shadow:0 6px 20px rgba(116,230,213,.18); transition:.2s ease;
}
.woocommerce #place_order:hover{ transform:translateY(-1px); filter:saturate(1.06); }

/* Повідомлення */
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  background:#111417; color:#fff; border:1px solid var(--ms-border); border-radius:12px;
}

/* Дрібні відступи між секціями зліва */
.msco-left .msco-panel + .msco-panel{ margin-top:14px; }

/* Responsive */
@media (max-width:1024px){
  .msco-grid{ grid-template-columns:1fr !important; }
  #order_review{ position:static; }
}