/* Paradiso — tylko to, czego wymaga WordPress (wygląd sklepu jest w assets/css/style.css z dema).
   Nie kopiować do dema — tam tych elementów nie ma. */

/* dwa widoki listy w HTML-u; .pd-grid/.pd-list mają własny display, więc [hidden] trzeba wzmocnić */
.pd-shop [data-widok][hidden] { display: none !important; }

/* WooCommerce po dodaniu do koszyka (AJAX) dokleja link „Zobacz koszyk” za przyciskiem —
   rozbija układ karty; licznik w nagłówku i szuflada koszyka informują o dodaniu */
.pd-card .added_to_cart, .pd-row .added_to_cart, .pd-mini .added_to_cart { display: none !important; }
.add_to_cart_button.loading { opacity: .6; pointer-events: none; }

/* szuflada w trakcie zmiany (AJAX) — bez podwójnych kliknięć */
.pd-drawer.is-busy .pd-drawer__b, .pd-drawer.is-busy .pd-drawer__f { opacity: .55; pointer-events: none; transition: opacity .15s; }
.pd-li__q button[disabled] { opacity: .35; cursor: default; }
.pd-buy__form .loading { opacity: .6; pointer-events: none; }

/* kasa: komunikaty WooCommerce (błędy przy składaniu zamówienia) na całą szerokość siatki kasy */
.pd-co > .woocommerce-NoticeGroup, .pd-co > .woocommerce-error, .pd-co > .woocommerce-message { grid-column: 1 / -1; }
.pd-co [data-krok][hidden] { display: none !important; }
.pd-co .blockUI.blockOverlay { background: rgba(255,255,255,.55) !important; }
/* arkusz WooCommerce (ładowany w kasie) daje blokowi płatności szare tło i ramki — demo ich nie ma */
.woocommerce-checkout .pd-co #payment { background: transparent; border-radius: 0; }
.woocommerce-checkout .pd-co #payment .payment_box { background: var(--e-global-color-paper); color: inherit; margin: -4px 0 12px; }
.woocommerce-checkout .pd-co #payment .payment_box::before { display: none; }

/* konto: arkusz WooCommerce zostawia miejsce na menu konta (float + 68% szerokości) — menu
   nie ma, pulpit jest jedną stroną jak w demie */
.woocommerce-account .pd-konto .woocommerce-MyAccount-content { float: none; width: auto; }
.woocommerce-account .pd-konto .woocommerce-Addresses .woocommerce-Address { margin-bottom: 18px; }
.woocommerce-account .pd-konto .woocommerce-Address-title h2 { font-size: 20px; }
/* podstrony konta (adresy, zmiana danych i hasła) — formularze WooCommerce w stylu pól z dema (.pd-f) */
.pd-konto .woocommerce-MyAccount-content label { display: block; font-size: 12px; letter-spacing: .6px; text-transform: uppercase; color: var(--e-global-color-text); margin-bottom: 6px; font-weight: 600; }
.pd-konto .woocommerce-MyAccount-content .form-row { margin: 0 0 14px; padding: 0; }
.pd-konto .woocommerce-MyAccount-content input.input-text,
.pd-konto .woocommerce-MyAccount-content select,
.pd-konto .woocommerce-MyAccount-content textarea { width: 100%; padding: 12px 13px; border: 1px solid var(--e-global-color-line); border-radius: 3px; background: #fff; font-size: 14px; outline: none; }
.pd-konto .woocommerce-MyAccount-content input.input-text:focus { border-color: var(--e-global-color-accent); }
.pd-konto .woocommerce-MyAccount-content .form-row-first,
.pd-konto .woocommerce-MyAccount-content .form-row-last { width: calc(50% - 7px); }
.pd-konto .woocommerce-MyAccount-content fieldset { border: 1px solid var(--e-global-color-line); border-radius: var(--pd-radius); padding: 14px 16px 4px; margin: 10px 0 16px; }
.pd-konto .woocommerce-MyAccount-content legend { font-family: var(--pd-serif, inherit); font-size: 18px; padding: 0 6px; }
.pd-konto .woocommerce-MyAccount-content em { font-size: 12px; color: var(--e-global-color-text); }
.pd-konto .woocommerce-MyAccount-content button.button { display: inline-flex; align-items: center; justify-content: center; padding: 13px 24px; border: 0; border-radius: var(--pd-radius);
  background: var(--e-global-color-accent); color: #fff; font-family: var(--pd-sans); font-size: 13px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; }
.pd-konto .woocommerce-MyAccount-content button.button:hover { background: #a83f3d; }
.pd-konto .woocommerce-MyAccount-content address { font-style: normal; line-height: 1.6; }
.pd-konto .woocommerce-MyAccount-content .woocommerce-Address-title .edit { color: var(--e-global-color-accent); font-size: 13px; }
@media (max-width: 720px) { .pd-konto .woocommerce-MyAccount-content .form-row-first, .pd-konto .woocommerce-MyAccount-content .form-row-last { width: 100%; float: none; } }

/* kontakt: dwie kolumny zamieniają się w jedną na wąskim ekranie (w demie <style> w kontakt.html) */
@media (max-width: 900px) { .pd-kontakt { grid-template-columns: 1fr !important; } }