/* === LICYTO24 Checkout – layout & UI === */

/* Grid 2 kolumny (mobile -> 1 kolumna, desktop -> 2) */
.lct-checkout.lct-grid {
  display: grid;
  gap: 24px;
}
@media (min-width: 992px) {
  .lct-checkout.lct-grid {
    grid-template-columns: 1fr 0.75fr; /* lewa szersza */
    align-items: start;
  }
}
.lct-col { background: transparent; }
.lct-col--right #order_review,
.lct-col--right .woocommerce-checkout-review-order {
  position: sticky;
  top: 24px;
}

/* Bloki po prawej – delikatne karty */
.lct-col--right .shop_table,
.lct-col--right .woocommerce-checkout-payment {
  border-radius: 12px;
  overflow: hidden;
}

/* Pola formularza – bazowe spacingi i typografia */
.woocommerce .form-row {
  margin-bottom: 12px;
}
.woocommerce .form-row label {
  font-weight: 600;
  line-height: 1.35;
}
.woocommerce .form-row input.input-text,
.woocommerce .form-row textarea,
.woocommerce .form-row select {
  border-radius: 8px;
}

/* Select2 – dopasowanie do inputów */
.select2-container .select2-selection--single {
  height: 40px;
  border-radius: 8px;
}
.select2-container .select2-selection__rendered {
  line-height: 40px;
}
.select2-container .select2-selection__arrow {
  height: 40px;
}

/* Zgoda na usługę cyfrową */
#digital_service_consent_field {
  margin-top: 14px;
}
#digital_service_consent_field label {
  display: inline;
  font-weight: 500;
}

/* Pola firmy – ukryte gdy checkbox off (JS dodaje aria-hidden) */
.form-row[aria-hidden="true"] {
  display: none !important;
}

/* Sekcja „Dane firmy” na stronie zamówienia */
.licyto24-order-company address p {
  margin: 0 0 4px;
}

/* Stany błędów Woo */
.woocommerce-invalid .input-text,
.woocommerce-invalid .select2-selection--single,
.woocommerce-invalid-required-field .input-text {
  border-color: #c62828;
  box-shadow: 0 0 0 2px rgba(198,40,40,0.08);
}
.woocommerce-error {
  border-radius: 8px;
}

/* Sekcyjne tytuły po lewej (opcjonalnie, jeśli dodasz h2 przez hook) */
.lct-checkout-title {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}

/* Drobne detale usability */
.woocommerce-checkout .create-account {
  margin-top: 6px;
}
.woocommerce-checkout .wc_payment_methods {
  border-radius: 12px;
}

/* Ukrywanie B2B gdy nieaktywne – robimy display:none na wrapperach .form-row */
.form-row.lct-b2b-field { display: block; } /* default, JS steruje toggle() */

.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid textarea {
  border-color: var(--wc-red, #a00) !important;
}

.woocommerce form .form-row.woocommerce-invalid label {
  color: var(--wc-red, #a00) !important;
}

/* Drobne ułatwienia czytelności */
#billing_b2b_field { margin-bottom: .75rem; }
#billing_company_field, #billing_nip_field { transition: opacity .15s ease; }


/* Domyślnie ukrywamy rzędy B2B (JS włącza je po zaznaczeniu checkboxa) */
.form-row.lct-b2b-row { display: none; }