/*
 * Wspólny wzorzec kont WooCommerce dla stron po Bricks (RDN, er24 i kolejne migracje).
 * Źródło prawdy: dobrylekarz24-spzoo/receptadlaniej, wordpress/theme/receptomaty-lite/assets/account.css.
 * Inne motywy kopiują ten plik bez zmian i ładują go po CSS z Astro; poprawki wracają tutaj.
 *
 * Wymagania: tokeny Astro (--color-*, --space-*, --radius-*, --text-h3) i klasy body WooCommerce.
 * Znaczniki konta: .container > h1 (sam), potem .login-forms > .login-form-wrapper > h2 + formularz.
 * Jedna karta (np. odzyskiwanie hasła) daje jedną wąską kolumnę. Płatność: .checkout-login, h1.checkout-title,
 * .checkout-layout > __details + __summary (woocommerce/checkout/form-checkout.php).
 * Panel zalogowanego (DSP): .dsp-account-quick-grid i .dsp-account-tools__grid do 767 px w 1 kolumnie.
 */

/* Logowanie, rejestracja, hasło: dwie równe karty na desktopie, jedna kolumna na telefonie. */
body.woocommerce-account .container:has(> h1:only-child) { max-width: 1040px; margin-inline: auto; padding-inline: 0; }
body.woocommerce-account .container > h1:only-child { margin-bottom: var(--space-l); }
body.woocommerce-account .login-forms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-l); align-items: start; max-width: 1040px; margin-inline: auto; padding-inline: 0; }
body.woocommerce-account .login-forms:has(> .login-form-wrapper:only-child) { grid-template-columns: minmax(0, 1fr); max-width: 560px; }
body.woocommerce-account .login-form-wrapper { padding: var(--space-xl); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); }
body.woocommerce-account .login-form-wrapper h2 { font-size: var(--text-h3); margin: 0 0 var(--space-m); }
body.woocommerce-account .login-forms .login-form-wrapper .wsf-form button.wsf-button[type="submit"] { width: 100%; border: 1px solid var(--wsf-brand, var(--color-accent)); background-color: var(--wsf-brand, var(--color-accent)); color: var(--wsf-on-brand, var(--color-on-deep)); }
body.woocommerce-account .login-forms .login-form-wrapper .wsf-form button.wsf-button[type="submit"]:hover { border-color: var(--wsf-brand-strong, var(--color-accent-strong)); background-color: var(--wsf-brand-strong, var(--color-accent-strong)); }

/* Koszyk i płatność: przyciski, komunikaty i blok płatności w kolorach marki zamiast fioletu Woo. */
body.woocommerce-page .woocommerce .button, body.woocommerce-page .woocommerce #payment #place_order { border: 1px solid var(--color-accent); border-radius: var(--radius-sm); background-color: var(--color-accent); color: var(--color-on-deep); font-weight: 600; }
body.woocommerce-page .woocommerce .button:hover, body.woocommerce-page .woocommerce #payment #place_order:hover { border-color: var(--color-accent-strong); background-color: var(--color-accent-strong); color: var(--color-on-deep); }
body.woocommerce-page .woocommerce .button:disabled { padding: var(--space-s) var(--space-m); background-color: var(--color-accent); color: var(--color-on-deep); }
body.woocommerce-page .woocommerce .coupon .input-text { width: 12em; }
body.woocommerce-page .cart_totals h2 { font-size: var(--text-h3); margin: 0 0 var(--space-s); }
body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-message { border-top: 3px solid var(--color-accent); border-radius: var(--radius-sm); color: var(--color-ink); }
body.woocommerce-page .woocommerce-info::before, body.woocommerce-page .woocommerce-message::before { content: none; }
body.woocommerce-page #payment { border-radius: var(--radius-md); background: var(--color-soft); }
body.woocommerce-page #payment div.payment_box { background: var(--color-surface); color: var(--color-ink); }
body.woocommerce-page #payment div.payment_box::before { border-bottom-color: var(--color-surface); }

/* Płatność wg szablonu Bricks 136: logowanie, tytuł, dane po lewej, karta zamówienia po prawej. */
body.woocommerce-checkout .checkout-login { display: inline-flex; flex-direction: column; gap: var(--space-xs); align-items: flex-start; margin-bottom: var(--space-l); padding: var(--space-s) var(--space-m); border-radius: var(--radius-sm); background: var(--color-soft); }
body.woocommerce-checkout .checkout-login p { margin: 0; }
body.woocommerce-checkout .woocommerce .checkout-login .button { width: auto; border: 2px solid var(--color-ink); background: transparent; color: var(--color-ink); }
body.woocommerce-checkout .woocommerce .checkout-login .button:hover { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-on-deep); }
body.woocommerce-checkout { --checkout-title-size: clamp(1.75rem, 2.4vw, 2rem); --wc-form-border-color: var(--color-line); --wc-form-border-radius: var(--radius-sm); }
body.woocommerce-checkout .lite-main .checkout-title { font-size: var(--checkout-title-size); margin: 0 0 var(--space-l); }
body.woocommerce-checkout .checkout-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xl); align-items: start; }
body.woocommerce-checkout .checkout-layout .col2-set, body.woocommerce-checkout .checkout-layout .col2-set .col-1, body.woocommerce-checkout .checkout-layout .col2-set .col-2 { width: 100%; float: none; }
body.woocommerce-checkout .woocommerce-billing-fields h3, body.woocommerce-checkout .woocommerce-additional-fields h3, body.woocommerce-checkout #order_review_heading { font-size: var(--text-h3); margin: 0 0 var(--space-m); }
body.woocommerce-checkout .woocommerce-additional-fields:not(:has(.form-row)) { display: none; }
body.woocommerce-checkout .woocommerce form .form-row-first, body.woocommerce-checkout .woocommerce form .form-row-last { width: 100%; float: none; }
body.woocommerce-checkout .checkout-layout__details .input-text, body.woocommerce-checkout .checkout-layout__details select { width: 100%; min-height: 44px; padding: var(--space-xs) var(--space-s); border-radius: var(--radius-sm); }
body.woocommerce-checkout .checkout-layout__details .select2-container .select2-selection--single { height: 44px; border-color: var(--color-line); border-radius: var(--radius-sm); }
body.woocommerce-checkout .checkout-layout__details .select2-container .select2-selection--single .select2-selection__rendered { padding: 0 var(--space-s); line-height: 42px; }
body.woocommerce-checkout .checkout-layout__details .select2-container .select2-selection--single .select2-selection__arrow { height: 42px; }
body.woocommerce-checkout .woocommerce-account-fields label.checkbox { display: flex; gap: var(--space-xs); align-items: center; font-weight: 700; }
body.woocommerce-checkout .checkout-layout__summary { padding: var(--space-l); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-card); }
body.woocommerce-checkout .checkout-layout__summary .shop_table td, body.woocommerce-checkout .checkout-layout__summary .shop_table th { padding-inline: 0; }
body.woocommerce-checkout .checkout-layout__summary table td:last-child:not(:first-child) { text-align: right; }
/* Kupon DSP w karcie zamówienia: samo pole i przycisk, bez przełącznika Woo (jak prod). */
body.woocommerce-checkout .dsp-coupon-form-wrapper .woocommerce-form-coupon-toggle { display: none; }
body.woocommerce-checkout .woocommerce .dsp-coupon-form-wrapper form.checkout_coupon { display: flex !important; flex-wrap: wrap; gap: var(--space-s); margin: 0; padding: 0; border: 0; }
body.woocommerce-checkout .dsp-coupon-form-wrapper form.checkout_coupon .form-row { flex: 1 1 12rem; width: auto; float: none; margin: 0; padding: 0; }
body.woocommerce-checkout .dsp-coupon-form-wrapper form.checkout_coupon .input-text { width: 100%; min-height: 44px; border-radius: var(--radius-sm); }
body.woocommerce-checkout .dsp-coupon-form-wrapper form.checkout_coupon .clear { display: none; }
body.woocommerce-checkout #payment { background: transparent; }
body.woocommerce-checkout #payment ul.payment_methods { padding: var(--space-s) 0; border-bottom: 0; }
body.woocommerce-checkout #payment div.form-row { padding: var(--space-s) 0 0; }
body.woocommerce-checkout #payment div.payment_box { background: var(--color-soft); }
body.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--color-soft); }
body.woocommerce-checkout .woocommerce #payment #place_order { width: 100%; float: none; padding: var(--space-s) var(--space-m); border-radius: var(--radius-sm); }
/* Zgody DSP: kratki 32 px z wtyczki; rdzeń Woo zamienia etykietę na inline i gubi rozmiar pola. */
body.woocommerce-checkout .dsp-checkout-consents .form-row label.checkbox { display: grid; }
body.woocommerce-checkout .dsp-checkout-consents .form-row label.checkbox input[type="checkbox"] { display: block; }

@media (max-width: 900px) {
    body.woocommerce-checkout .checkout-layout { grid-template-columns: minmax(0, 1fr); }
    body.woocommerce-checkout .checkout-layout__summary { padding: var(--space-m); }
}
@media (max-width: 700px) {
    body.woocommerce-account .login-forms { grid-template-columns: minmax(0, 1fr); }
    body.woocommerce-account .login-form-wrapper { padding: var(--space-m); }
}
/* Panel konta z wtyczki DSP: późniejsza skórka motywu nadpisuje mobilną regułę wtyczki. */
@media (max-width: 767px) {
    .dsp-account-quick-grid,
    .dsp-account-tools__grid { grid-template-columns: minmax(0, 1fr); }
}