/* Miradu — WooCommerce
   Zakłada motyw blokowy z theme.json z tej paczki (zmienne --wp--preset--*).
   Kolejność: theme.json → ten plik. Nie dodajemy tu nowych kolorów. */

:root{
  --m-brand:var(--wp--preset--color--brand,#6E3A2A);
  --m-brand-hover:var(--wp--preset--color--brand-hover,#5A2E21);
  --m-accent:var(--wp--preset--color--accent,#C97A52);
  --m-text:var(--wp--preset--color--text,#2E211B);
  --m-muted:var(--wp--preset--color--text-muted,#6E5C51);
  --m-on-brand:var(--wp--preset--color--on-brand,#F0E2D6);
  --m-bg:var(--wp--preset--color--bg,#F6F2EE);
  --m-raised:var(--wp--preset--color--bg-raised,#FFFFFF);
  --m-section:var(--wp--preset--color--bg-section,#EDE1D6);
  --m-border:var(--wp--preset--color--border,#DED0C2);
  --m-success:var(--wp--preset--color--success,#557A50);
  --m-danger:var(--wp--preset--color--danger,#983B2F);
  --m-info:var(--wp--preset--color--info,#5A7089);
  --m-mono:var(--wp--preset--font-family--mono,'JetBrains Mono',ui-monospace,monospace);
}

/* --- lista produktów: karta = biel na tle strony, wymiar pod nazwą --- */
.woocommerce ul.products{display:grid;gap:1px;background:var(--m-border);border:1px solid var(--m-border);margin:0;padding:0;list-style:none}
@media(min-width:700px){.woocommerce ul.products{grid-template-columns:1fr 1fr}}
.woocommerce ul.products li.product{background:var(--m-raised);margin:0;padding:14px;width:auto;float:none;display:flex;gap:14px}
.woocommerce ul.products li.product a img{width:92px;height:92px;object-fit:cover;margin:0;flex:none}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:500;line-height:1.25;padding:0;margin:0}
/* wymiary z atrybutów produktu — patrz README, hook miradu_loop_dimensions */
.woocommerce ul.products li.product .miradu-dims{font-family:var(--m-mono);font-size:10.5px;line-height:1.6;color:var(--m-muted);margin-top:5px}
.woocommerce ul.products li.product .price{font-size:17px;font-weight:600;color:var(--m-text);margin-top:8px;display:flex;align-items:baseline;gap:9px}
.woocommerce ul.products li.product .price del{font-size:12px;font-weight:400;color:var(--m-muted);opacity:1}
.woocommerce ul.products li.product .price ins{text-decoration:none;font-weight:600}
.woocommerce ul.products li.product .button{width:100%;margin-top:10px}

/* --- plakietki: nowość = terakota, promocja = glina. Czerwień nigdy na promocji --- */
.woocommerce span.onsale{background:var(--m-brand);color:var(--m-on-brand);border-radius:0;font-size:10.5px;font-weight:500;line-height:1;padding:4px 8px;min-height:0;min-width:0;margin:0;position:static;display:inline-block}
.miradu-badge-new{background:var(--m-accent);color:var(--m-text);font-size:10.5px;font-weight:500;line-height:1;padding:4px 8px;display:inline-block}

/* --- karta produktu --- */
.woocommerce div.product .product_title{font-size:25px;line-height:1.15;letter-spacing:-.02em}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--m-muted);font-size:13px;line-height:1.55}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--m-text);font-size:21px;font-weight:600}
.woocommerce div.product .woocommerce-product-rating{margin-bottom:14px}
/* tabela atrybutów = siatka 1px, wartości mono */
.woocommerce table.shop_attributes{border:1px solid var(--m-border);border-collapse:separate;border-spacing:0 1px;background:var(--m-border)}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{background:var(--m-raised);border:0;padding:9px 12px;font-family:var(--m-mono);font-size:11.5px;font-style:normal}
.woocommerce table.shop_attributes th{color:var(--m-muted);font-weight:400;text-align:left}
.woocommerce table.shop_attributes td{color:var(--m-text)}
.woocommerce div.product form.cart .button.single_add_to_cart_button{background:var(--m-brand);color:var(--m-on-brand);border-radius:0;font-size:15px;font-weight:400;padding:16px 28px;width:100%}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover{background:var(--m-brand-hover)}
.woocommerce div.product form.cart .button.disabled,
.woocommerce a.button:disabled,.woocommerce button.button:disabled{background:var(--m-border);color:#8A7C71;cursor:not-allowed}
/* wybór wariantu koloru — kwadratowe próbki, aktywna obwiedziona gliną */
.miradu-swatches{display:flex;gap:8px}
.miradu-swatch{width:44px;height:44px;border:1px solid var(--m-border);cursor:pointer}
.miradu-swatch[aria-checked="true"]{border:2px solid var(--m-brand)}

/* --- sticky pasek zakupowy na mobile (dodaje szablon single-product) --- */
@media(max-width:781px){
  .miradu-buybar{position:fixed;inset:auto 0 0 0;z-index:60;background:var(--m-raised);border-top:1px solid var(--m-border);padding:14px 20px calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px}
  .miradu-buybar .price{font-size:21px;font-weight:600;line-height:1}
  .miradu-buybar .vat{font-family:var(--m-mono);font-size:10px;color:var(--m-muted);margin-top:4px}
  .miradu-buybar .button{flex:1;height:52px;display:flex;align-items:center;justify-content:center;background:var(--m-brand);color:var(--m-on-brand);font-size:15px}
  body.single-product{padding-bottom:110px}
  /* rezerwa pod dolną nawigację mobilną, jeśli motyw ją ma */
  body.has-tabbar{padding-bottom:76px}
  body.woocommerce-cart{padding-bottom:126px}
}

/* --- filtry (atrybuty: szerokość, wysokość, kolor) --- */
.miradu-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 14px}
.miradu-filters .chip{font-family:var(--m-mono);font-size:11.5px;line-height:1;padding:10px 13px;border:1px solid var(--m-border);background:var(--m-raised);color:var(--m-muted);text-decoration:none}
.miradu-filters .chip.is-active{background:var(--m-brand);border-color:var(--m-brand);color:var(--m-on-brand)}

/* --- koszyk i checkout --- */
.woocommerce-cart table.cart,.woocommerce-checkout .woocommerce-checkout-review-order-table{border:1px solid var(--m-border);border-collapse:separate;border-spacing:0 1px;background:var(--m-border)}
.woocommerce table.cart td,.woocommerce table.cart th,
.woocommerce-checkout-review-order-table td,.woocommerce-checkout-review-order-table th{background:var(--m-raised);border:0;padding:14px}
.woocommerce .quantity .qty{border:1px solid var(--m-border);border-radius:0;background:var(--m-raised);height:32px;font-size:13px}
.woocommerce .cart_totals,.woocommerce-checkout .woocommerce-checkout-review-order{background:var(--m-section);padding:16px 20px}
.woocommerce .cart_totals table.shop_table{background:transparent;border:0}
.woocommerce .cart_totals table.shop_table th,.woocommerce .cart_totals table.shop_table td{background:transparent;border:0;border-bottom:1px solid var(--m-border);padding:8px 0;font-size:13.5px}
.woocommerce .cart_totals .order-total td{font-size:22px;font-weight:600}
.woocommerce #payment div.payment_box{background:var(--m-raised);border:1px solid var(--m-border);border-radius:0}
.woocommerce #payment div.payment_box::before{display:none}

/* --- komunikaty: kolory statusów, lewa krecha 3px --- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notices-wrapper li{
  border-top:0;border-radius:0;background:var(--m-raised);padding:13px 16px;font-size:13.5px;color:var(--m-text);list-style:none
}
.woocommerce-message{background:#EDF3EC;border-left:3px solid var(--m-success)}
.woocommerce-info{background:#EDF1F5;border-left:3px solid var(--m-info)}
.woocommerce-error{background:#F8EDEB;border-left:3px solid var(--m-danger)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce .stock.out-of-stock{color:var(--m-danger)}
.woocommerce .stock.in-stock{color:var(--m-success)}

/* --- pola formularzy --- */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row .select2-container .select2-selection{
  border:1px solid var(--m-border);border-radius:0;background:var(--m-raised);padding:11px 13px;font-family:inherit;font-size:14px;color:var(--m-text)
}
.woocommerce form .form-row input.input-text:hover{border-color:#C0A88E}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row input.input-text:focus-visible{border-color:var(--m-brand);outline:none;box-shadow:none}
/* autofill Chrome – bez niebieskiego tła */
.woocommerce form .form-row input.input-text:-webkit-autofill,
.woocommerce form .form-row input.input-text:-webkit-autofill:hover,
.woocommerce form .form-row input.input-text:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--m-raised) inset;-webkit-text-fill-color:var(--m-text);transition:background-color 9999s}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--m-danger)}
.woocommerce form .form-row label{font-size:12.5px;color:var(--m-muted)}

/* --- fokus klawiatury: obowiązkowy, nie usuwać --- */
.woocommerce :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--m-accent);outline-offset:2px}

/* --- pas zaufania (wzorzec bloku, klasa na grupie) --- */
.miradu-trust{background:var(--m-section);padding:16px 20px;display:flex;gap:14px;font-size:12px;line-height:1.45}
.miradu-trust strong{font-weight:500}
.miradu-trust span{color:var(--m-muted)}

/* ═══════════ warstwa komputerowa (RWD) — od 1024 px ═══════════
   Ten sam markup Woo: telefon dostaje układ z reguł powyżej,
   komputer nadpisania stąd. Punkt przełamania: 1024 px. */

/* pasek zakupowy przykleja się do dołu aż do progu desktopowego */
@media(min-width:782px) and (max-width:1023.98px){
  .miradu-buybar{position:fixed;inset:auto 0 0 0;z-index:60;background:var(--m-raised);border-top:1px solid var(--m-border);padding:14px 20px calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px}
  .miradu-buybar .price{font-size:21px;font-weight:600;line-height:1}
  .miradu-buybar .vat{font-family:var(--m-mono);font-size:10px;color:var(--m-muted);margin-top:4px}
  .miradu-buybar .button{flex:1;height:52px;display:flex;align-items:center;justify-content:center;background:var(--m-brand);color:var(--m-on-brand);font-size:15px}
  body.single-product{padding-bottom:110px}
}

@media(min-width:1024px){
  /* na desktopie cena i przycisk są w kolumnie zakupowej, nie w pasku */
  .miradu-buybar{display:none}

  /* ── kategoria: filtry w kolumnie, produkty w siatce 3 × ── */
  .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
  .woocommerce ul.products li.product{flex-direction:column;padding:18px;gap:0}
  .woocommerce ul.products li.product a img{width:100%;height:210px;object-fit:cover}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{margin-top:16px;font-size:17px}
  .woocommerce ul.products li.product .miradu-dims{font-size:11.5px;line-height:1.7}
  .woocommerce ul.products li.product .price{font-size:20px}
  .woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:18px}

  /* pasek filtrów zmienia się w kolumnę boczną */
  .miradu-archive{display:grid;grid-template-columns:264px 1fr;gap:32px;align-items:start}
  .miradu-filters{flex-direction:column;padding:0;gap:0;background:var(--m-raised);border:1px solid var(--m-border);position:sticky;top:24px}
  .miradu-filters .chip{display:block;border:0;border-bottom:1px solid var(--m-border);padding:13px 16px}
  .miradu-filters .chip:last-child{border-bottom:0}

  /* ── karta produktu: galeria + kolumna zakupowa ── */
  .woocommerce div.product{display:grid;grid-template-columns:1fr 460px;gap:44px;align-items:start}
  .woocommerce div.product .woocommerce-product-gallery{width:auto;float:none;margin:0;border:1px solid var(--m-border)}
  .woocommerce div.product div.summary{width:auto;float:none;margin:0;border:1px solid var(--m-border);background:var(--m-raised);padding:30px;position:sticky;top:24px}
  .woocommerce div.product .product_title{font-size:32px}
  .woocommerce div.product .woocommerce-product-details__short-description{font-size:15px}
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce div.product .related,
  .woocommerce div.product .upsells,
  .woocommerce div.product .woocommerce-product-gallery + .clear{grid-column:1 / -1}
  .miradu-swatch{height:56px}

  /* ── koszyk: pozycje + podsumowanie obok ── */
  .woocommerce-cart .woocommerce{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}
  .woocommerce-cart .woocommerce > .woocommerce-notices-wrapper{grid-column:1 / -1}
  .woocommerce-cart .woocommerce-cart-form{margin:0}
  .woocommerce-cart .cart-collaterals{width:auto;float:none;margin:0}
  .woocommerce-cart .cart-collaterals .cross-sells{grid-column:1 / -1}
  .woocommerce .cart_totals{margin-top:0}
  .woocommerce table.cart td.product-thumbnail img{width:110px;height:110px;object-fit:cover}
  body.woocommerce-cart{padding-bottom:0}

  /* ── kasa: formularz + podsumowanie ── */
  .woocommerce-checkout .woocommerce{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start}
  .woocommerce-checkout .woocommerce > .woocommerce-notices-wrapper,
  .woocommerce-checkout form.checkout{grid-column:1 / -1}
}

/* bardzo szerokie ekrany: treść nie rozjeżdża się w nieskończoność */
@media(min-width:1600px){
  .woocommerce-page main .wp-block-group,.miradu-archive{max-width:1440px;margin-left:auto;margin-right:auto}
}


/* ═══════════════════════════════════════════════════════════════
   MOJE KONTO
   Korzysta ze zmiennych z bloku :root na górze tego pliku.
   NIE definiuje własnych zmiennych i nie dodaje drugiego :root.

   Świadomie pominięte, bo motyw robi to już globalnie i działa
   także na stronach konta:
     · pola formularzy, etykiety, stany hover i focus
     · komunikaty .woocommerce-message / -info / -error
     · fokus klawiatury :focus-visible
     · stan disabled przycisków
   Punkty przełamania równe motywowym: 1024 px i 781 px.
   ═══════════════════════════════════════════════════════════════ */

/* --- ramy strony --- */
body.woocommerce-account .woocommerce{
  max-width:1140px;                       /* węziej niż --m-max: panel konta czyta się lepiej */
  margin-inline:auto;
  padding-inline:var(--m-gutter,20px);
  padding-block:48px 80px;
}
@media(max-width:781px){
  body.woocommerce-account .woocommerce{padding-block:32px 56px}
}

/* --- układ: menu boczne + treść --- */
body.woocommerce-account.logged-in .woocommerce{
  display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:start;
}
body.woocommerce-account:not(.logged-in) .woocommerce{max-width:940px}
@media(max-width:1023.98px){
  body.woocommerce-account.logged-in .woocommerce{grid-template-columns:200px 1fr;gap:30px}
}
@media(max-width:781px){
  body.woocommerce-account.logged-in .woocommerce{grid-template-columns:1fr;gap:26px}
}

/* --- menu boczne --- */
.woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0;padding:0;border-top:1px solid var(--m-border);
}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--m-border)}
.woocommerce-MyAccount-navigation li a{
  display:block;padding:13px 14px;font-size:15px;color:var(--m-text);
  text-decoration:none;border-left:2px solid transparent;
  transition:background .15s,border-color .15s;
}
.woocommerce-MyAccount-navigation li a:hover{background:var(--m-section);text-decoration:none}
.woocommerce-MyAccount-navigation li.is-active a{
  background:var(--m-section);border-left-color:var(--m-brand);
  color:var(--m-brand);font-weight:500;
}

/* --- treść --- */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content legend{
  font-weight:500;letter-spacing:-.015em;color:var(--m-text);margin:0 0 18px;
}
.woocommerce-MyAccount-content h2{font-size:22px}
.woocommerce-MyAccount-content h3{font-size:18px}
.woocommerce-MyAccount-content p{font-size:15.5px;line-height:1.7}
body.woocommerce-account .woocommerce a{color:var(--m-brand)}
body.woocommerce-account .woocommerce a:hover{
  color:var(--m-brand-hover);text-decoration:underline;text-underline-offset:3px;
}

/* --- przyciski w dziale konta --- */
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce a.button{
  background:var(--m-brand);color:var(--m-on-brand);
  font-size:15px;font-weight:400;letter-spacing:.02em;
  padding:13px 28px;border:0;border-radius:0;line-height:1.2;
  cursor:pointer;display:inline-block;text-decoration:none;transition:background .15s;
}
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce a.button:hover{
  background:var(--m-brand-hover);color:var(--m-on-brand);text-decoration:none;
}
body.woocommerce-account .woocommerce .button:active{background:#45231A}  /* glina 800 — motyw nie ma zmiennej */

/* przycisk drugorzędny w tabeli zamówień */
body.woocommerce-account .woocommerce-orders-table .button{
  background:transparent;color:var(--m-text);border:1px solid var(--m-text);
  padding:8px 18px;font-size:14px;
}
body.woocommerce-account .woocommerce-orders-table .button:hover{
  background:var(--m-section);color:var(--m-text);
}

/* --- tabele zamówień --- */
body.woocommerce-account .woocommerce table.shop_table{
  width:100%;border-collapse:collapse;border:0;border-radius:0;background:transparent;
}
body.woocommerce-account .woocommerce table.shop_table th{
  font-family:var(--m-mono);font-size:11px;letter-spacing:.08em;font-weight:500;
  color:var(--m-muted);text-align:left;text-transform:uppercase;
  padding:0 14px 10px 0;border-bottom:1px solid var(--m-border);
}
body.woocommerce-account .woocommerce table.shop_table td{
  padding:14px 14px 14px 0;border-bottom:1px solid var(--m-border);
  vertical-align:middle;font-size:15px;background:transparent;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-number a{
  font-family:var(--m-mono);font-size:14px;font-weight:500;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-total,
body.woocommerce-account .woocommerce-Price-amount{font-variant-numeric:tabular-nums}
body.woocommerce-account .woocommerce-orders-table__cell-order-status{
  font-family:var(--m-mono);font-size:12px;color:var(--m-muted);
}

/* --- adresy --- */
body.woocommerce-account .woocommerce-Addresses{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;
  background:var(--m-border);border:1px solid var(--m-border);
}
body.woocommerce-account .woocommerce-Address{
  background:var(--m-raised);padding:22px 20px;
}
body.woocommerce-account .woocommerce-Address-title{
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;
}
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3{font-size:16px;margin:0}
body.woocommerce-account .woocommerce-Address-title a{
  font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;
}
body.woocommerce-account .woocommerce-Address address{
  font-style:normal;font-size:14.5px;line-height:1.65;color:var(--m-muted);
}
@media(max-width:781px){
  body.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}
}

/* POPRAWKA przewijania poziomego przy 390 px.
   WooCommerce trzyma własne szerokości i float na wrapperach kolumn —
   to one, a nie .woocommerce-Address, wypychały treść poza ekran. */
body.woocommerce-account .woocommerce .u-columns,
body.woocommerce-account .woocommerce .u-column1,
body.woocommerce-account .woocommerce .u-column2,
body.woocommerce-account .woocommerce .col-1,
body.woocommerce-account .woocommerce .col-2{
  width:auto;float:none;margin-inline:0;max-width:100%;
}

/* --- logowanie i rejestracja --- */
body.woocommerce-account #customer_login{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--m-border);border:1px solid var(--m-border);
}
body.woocommerce-account #customer_login .col-1,
body.woocommerce-account #customer_login .col-2{
  background:var(--m-raised);padding:30px 28px;
}
body.woocommerce-account #customer_login h2{font-size:20px;font-weight:500;margin:0 0 20px}
body.woocommerce-account .woocommerce-form-login__rememberme{
  font-size:14px;color:var(--m-muted);display:inline-flex;align-items:center;gap:7px;
}
body.woocommerce-account .woocommerce-LostPassword{margin-top:16px;font-size:14px}
body.woocommerce-account .woocommerce-ResetPassword{max-width:480px}
@media(max-width:781px){
  body.woocommerce-account #customer_login{grid-template-columns:1fr}
}


/* POPRAWKA układu siatki — clearfix WooCommerce kontra grid.
   .woocommerce ma clearfix ::before i ::after; w kontenerze grid
   pseudoelementy stają się elementami siatki i przesuwają menu
   do kolumny 2. Motyw bloczkowy Woo trzyma też własne width i float
   na obu kolumnach panelu konta. */
body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after,
body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after,
body.woocommerce-account #customer_login::before,
body.woocommerce-account #customer_login::after{content:none}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
  width:auto;float:none;margin:0;
}

/* POPRAWKA przewijania przy 834 px — min-width:auto na elementach siatki.
   Element siatki nie kurczy się poniżej swojej minimalnej treści, a
   „Dodaj Adres rozliczeniowy" ma white-space:nowrap. Do tego przy 200 px
   menu bocznego dwie kolumny adresów po prostu się nie mieszczą,
   więc zwijamy je do jednej już od 1024 px, nie od 781 px. */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-Address{min-width:0}
@media(max-width:1023.98px){
  body.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}
}

/* --- poprawki po usunięciu dubla z kitu (18.09.2026) --- */

/* Linki w koncie bez podkreślenia w spoczynku — sekcja „treść" wyżej
   zakłada podkreślenie dopiero na :hover, ale nie wyłącza domyślnego. */
body.woocommerce-account .woocommerce a{text-decoration:none}

/* „Zapamiętaj mnie" ma stać w osobnym wierszu nad przyciskiem logowania.
   Kit robił to przez label{display:block}, co dotykało wszystkich etykiet.
   Węziej: sama ta etykieta z inline-flex na flex. */
body.woocommerce-account .woocommerce-form-login__rememberme{display:flex}

/* Gwiazdka pola wymaganego w kolorze z palety, nie w domyślnym #AA0000.
   abbr dostaje od przeglądarki kropkowane podkreślenie — zdejmujemy. */
.woocommerce form .form-row .required,
.woocommerce .required{
  color:var(--m-danger);border:0;text-decoration:none;
}

/* --- ramy strony konta przejmuje szablon Elementora (18.09.2026) --- */
/* Motyw daje .woocommerce własną szerokość i dopełnienia. Gdy stronę
   renderuje szablon Elementora, te same ramy daje jego kontener i wychodzi
   podwójne wcięcie: menu odsunięte od nagłówka, 160 px pustki pod treścią.
   Warunek na .elementor-page sprawia, że po wyłączeniu szablonu
   ramy motywu wracają same. */
body.elementor-page.woocommerce-account .woocommerce{
  max-width:none;margin-inline:0;padding-inline:0;padding-block:0;
}

/* --- „Zapamiętaj mnie" w osobnym wierszu, druga próba --- */
/* WooCommerce ustawia tej etykiecie display:inline-block selektorem
   .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme
   o swoistości (0,3,0). Reguła motywu wyżej, z inline-flex (0,2,1),
   nigdy nie działała — to stary błąd, nie nowy. Ta ma (0,4,1). */
body.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{
  display:flex;align-items:center;gap:7px;
}

/* ═══════ poprawki po przejściu na szablon Theme Buildera (18.09.2026) ═══════ */

/* --- ramy strony: przejmuje je kontener Elementora --- */
/* Poprzednia próba opierała się na klasie body.elementor-page, której tu nie ma:
   stronę renderuje szablon Theme Buildera, więc body dostaje
   elementor-template-full-width i elementor-page-1207, ale nie elementor-page.
   .elementor-location-single to obudowa każdego szablonu Single — znika razem
   z szablonem, więc ramy motywu wracają same, gdyby go wyłączyć. */
body.woocommerce-account .elementor-location-single .woocommerce{
  max-width:none;margin-inline:0;padding-inline:0;padding-block:0;
}

/* Widok wylogowany zostaje węższy niż kontener — dwie kolumny formularza
   na pełnych 1140 px czyta się gorzej. Motyw zakładał 940 px i to zostaje. */
body.woocommerce-account:not(.logged-in) .elementor-location-single .woocommerce{
  max-width:940px;margin-inline:auto;
}

/* --- pozycje menu: niższe, spokojniejsze --- */
/* Wysokość podbijał nie margines, tylko padding:1em 0 na <li> z arkusza
   woocommerce-blocktheme.css, o swoistości (0,2,1). Stąd selektory
   z .woocommerce-account — równa swoistość, nasz arkusz ładuje się później.
   Dopełnienie linku wraca do autorskich 13 px: po wyzerowaniu <li>
   daje to około 48 px, czyli wartość docelową. */
.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{padding:0;margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{padding:13px 14px;line-height:1.45}

/* --- rezerwa pod paskiem mobilnym --- */
/* Pasek ma 81 px, rezerwa w motywie 76 px — stąd 5 px stopki pod paskiem. */
@media(max-width:781px){
  body.has-tabbar{padding-bottom:88px}
}

/* --- kokpit konta: własna treść zamiast domyślnych akapitów (18.09.2026) --- */
/* Treść wstawia haczyk woocommerce_account_dashboard (snippet w WPCode),
   a dwa domyślne akapity WooCommerce chowamy. Zakres ogranicza klasa
   body.woocommerce-dashboard, więc pozostałe ekrany konta są nietknięte.
   Nasza treść siedzi w <div> Elementora, nie w <p>, więc selektor jej nie łapie. */
body.woocommerce-dashboard .woocommerce-MyAccount-content > p{display:none}

/* --- szablony Elementora wewnątrz treści konta (18.09.2026) --- */
/* Reguły sekcji „treść" celują w p, h2 i h3 wewnątrz .woocommerce-MyAccount-content
   i sięgają także do szablonu Elementora, przez co ustawienia typografii
   z edytora przegrywają. Nie zawężamy tamtych reguł do bezpośrednich dzieci,
   bo WooCommerce trzyma swoje nagłówki głęboko (tytuły adresów, tabele zamówień)
   i straciłyby stylowanie. Zamiast tego oddajemy sterowanie Elementorowi
   wyłącznie w jego własnym poddrzewie: inherit bierze wartość z widżetu. */
.woocommerce-MyAccount-content .elementor p,
.woocommerce-MyAccount-content .elementor h2,
.woocommerce-MyAccount-content .elementor h3{
  font-size:inherit;line-height:inherit;margin:0;
}

/* --- widok wylogowany: jedna ramka zamiast ramki w ramce --- */
/* Zewnętrzną ramkę i siatkę dwóch kolumn daje motyw na #customer_login.
   WooCommerce dokłada każdemu formularzowi własną ramkę z promieniem 5 px —
   jedyne zaokrąglenie w całym dziale konta. Zdejmujemy je. */
body.woocommerce-account #customer_login form.woocommerce-form-login,
body.woocommerce-account #customer_login form.woocommerce-form-register{
  border:0;border-radius:0;padding:0;margin:0;
}

/* ═══════ domknięcie drobiazgów (18.09.2026) ═══════ */

/* --- ramka pola „Zmiana hasła" w kolorze z palety --- */
/* WooCommerce daje fieldset domyślne #F0F0F0, spoza palety. */
body.woocommerce-account .woocommerce fieldset{
  border:1px solid var(--m-border);border-radius:0;
}

/* --- powiększony obszar dotyku ikony „pokaż hasło" --- */
/* Ikona ma 22 × 22 px, czyli połowę zalecanego minimum dla palca.
   Dopełnienie powiększa obszar klikalny, ujemny margines zachowuje
   dotychczasowe położenie — ikona nie przeskoczy.
   Margines tylko w poziomie: w pionie ikonę wyśrodkowuje translateY
   z WooCommerce, ujemny margines górny podnosiłby ją o 12 px. */
.woocommerce form .show-password-input{
  padding:12px;margin:0 -12px;
}

/* --- linie tabeli zamówień w kolorze z palety --- */
/* Dolne krawędzie ustawia motyw, górne zostawały domyślne WooCommerce. */
body.woocommerce-account .woocommerce table.shop_table td,
body.woocommerce-account .woocommerce table.shop_table th{
  border-color:var(--m-border);
}

/* --- zaokrąglenia: 0 px w całym sklepie --- */
/* Przycisk na liście produktów miał 2 px. Reszta witryny jest ostra. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce ul.products li.product .button{
  border-radius:0;
}

/* ═══════ OPINIE NA KARCIE PRODUKTU (21.09.2026) ═══════
   Sekcja [miradu_opinie] w szablonie 1274 — natywny szablon
   opinii WooCommerce. Reguły tylko pod #opinie.
   ═════════════════════════════════════════════════════ */

/* podwójny tytuł: zostaje H2 „Opinie klientów" z Elementora */
#opinie .woocommerce-Reviews-title{display:none}

/* tekst sekcji */
#opinie #reviews,
#opinie #reviews p,
#opinie #reviews label,
#opinie .comment-reply-title{font-family:inherit;color:#2E211B}
#opinie .comment-reply-title{display:block;font-size:16px;font-weight:500;margin:24px 0 12px}
#opinie #reviews .comment-notes,
#opinie #reviews p.woocommerce-noreviews{color:#6E5C51}

/* pola formularza */
#opinie #review_form input[type="text"],
#opinie #review_form input[type="email"],
#opinie #review_form textarea,
#opinie #review_form select{
  font-family:inherit;font-size:15px;color:#2E211B;background:#FFFFFF;
  border:1px solid #DED0C2;border-radius:0;padding:11px 13px;
  min-height:44px;box-sizing:border-box;
}
#opinie #review_form input[type="text"],
#opinie #review_form input[type="email"],
#opinie #review_form textarea{width:100%;max-width:100%}
#opinie #review_form textarea{min-height:140px;resize:vertical}

/* przycisk „Wyślij" jak inne przyciski WooCommerce */
#opinie #review_form #submit{
  font-family:inherit;font-size:15px;font-weight:400;letter-spacing:.02em;line-height:1.2;
  background:#6E3A2A;color:#F0E2D6;border:0;border-radius:0;
  padding:13px 28px;min-height:44px;cursor:pointer;
}
#opinie #review_form #submit:hover{background:#5A2E21;color:#F0E2D6}

/* obrys fokusu */
#opinie a:focus-visible,
#opinie #review_form input:focus-visible,
#opinie #review_form textarea:focus-visible,
#opinie #review_form select:focus-visible,
#opinie #review_form #submit:focus-visible,
#opinie p.stars a:focus-visible{outline:3px solid #C97A52;outline-offset:2px}

/* gwiazdki: wypełnione jak w Loop Item 1112 (--mrd-accent), puste z palety */
#opinie .star-rating::before,
#opinie p.stars a::before{color:#DED0C2}
#opinie .star-rating span::before,
#opinie p.stars:hover a::before,
#opinie p.stars.selected a::before{color:#C8913F}
/* WooCommerce po wyborze i przy najechaniu zmienia tylko kształt gwiazdek
   za wybraną (kontur), nie kolor — dlatego kolor pustych ustawiamy sami */
#opinie p.stars.selected a.active ~ a::before,
#opinie p.stars:hover a:hover ~ a::before{color:#DED0C2}
/* obszar dotyku jednej gwiazdki 44 × 44 px; ikona wyśrodkowana
   (WooCommerce przykleja ją do lewego górnego rogu) */
#opinie p.stars a{width:44px;height:44px;margin-right:0}
#opinie p.stars a::before{top:50%;left:50%;transform:translate(-50%,-50%)}

/* lista opinii */
#opinie .commentlist{margin:0;padding:0;list-style:none}
#opinie .commentlist .comment-text{border:1px solid #DED0C2;border-radius:0}
#opinie .commentlist .meta{color:#6E5C51;font-size:14px}

/* --- Koszyk i kasa: w podsumowaniu sama „Wysyłka" bez nazwy metody (21.09.2026) --- */
.wc-block-components-totals-shipping .wc-block-components-totals-shipping__via{display:none}

/* --- Stopka zawsze na dole ekranu, także na krótkich stronach (21.09.2026) --- */
.wp-site-blocks{
  display:flex;flex-direction:column;
  min-height:calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}
.wp-site-blocks > main{flex-grow:1}
@media (max-width:1023px){
  body.has-tabbar .wp-site-blocks{min-height:calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 76px)}
}
@media (max-width:781px){
  body.has-tabbar .wp-site-blocks{min-height:calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 88px)}
}

/* --- Koszyk: sekcja „pod koszykiem” (szablon 1355) ukryta przy pustym koszyku, bo pusty koszyk ma własne „Nowe w sklepie” (21.09.2026) --- */
.wp-block-woocommerce-cart:has(> .wp-block-woocommerce-empty-cart-block):not(:has(> .wp-block-woocommerce-filled-cart-block)) ~ .elementor-1355{display:none}

/* ═══════ MOJE KONTO — przycisk „Wystaw opinię” (21.09.2026) ═══════
   Drugorzędny obok wypełnionego „Zobacz”: obrys i tekst w glinie.
   Klasa miradu-opinia pochodzi z klucza akcji w snippecie WPCode.
   ═════════════════════════════════════════════════════════════════ */
.woocommerce-account .woocommerce-orders-table .woocommerce-button.miradu-opinia{
  background:transparent;color:#6E3A2A;
  border:1px solid #6E3A2A;box-shadow:none;
  padding-top:12px;padding-bottom:12px; /* obrys 1 px: wysokość jak „Zobacz” (44 px) */
}
.woocommerce-account .woocommerce-orders-table .woocommerce-button.miradu-opinia:hover{
  background:#6E3A2A;color:#F0E2D6;border-color:#6E3A2A;
}
/* WooCommerce wypisuje przyciski akcji bez spacji — bez tego stykają się */
.woocommerce-account .woocommerce-orders-table .woocommerce-button + .woocommerce-button{margin-left:8px}

/* ═══════ STRONA OPINII /opinia-zamowienie/ (21.09.2026) ═══════
   Blok WooCommerce [woocommerce_review_order] na stronie 1347.
   Inny mechanizm gwiazdek niż na karcie produktu (SVG + ukryte pola),
   dlatego osobne reguły. Wszystko pod .woocommerce-review-order.
   ═════════════════════════════════════════════════════════════ */
/* H1: rozmiar i grubość jak na /moje-konto/ już się zgadzają (40/600,
   29/600 na telefonie); wyrównany tylko odstęp liter */
.woocommerce-review-order .woocommerce-review-order__title{letter-spacing:-0.6px}

/* pole „Twoja opinia” */
.woocommerce-review-order .woocommerce-review-order__item-review-textarea{
  font-family:inherit;font-size:15px;line-height:1.5;color:#2E211B;
  background:#FFFFFF;border:1px solid #DED0C2;border-radius:0;
  padding:11px 13px;box-sizing:border-box;width:100%;max-width:100%;min-height:120px;
}

/* gwiazdki: kolor zamiast przezroczystości (WooCommerce: opacity .3 / 1) */
.woocommerce-review-order .woocommerce-star-rating__stars{gap:0}
.woocommerce-review-order .woocommerce-star-rating__star{
  width:44px;height:44px;align-items:center;justify-content:center;color:#DED0C2;
}
.woocommerce-review-order .woocommerce-star-rating__icon,
.woocommerce-review-order .woocommerce-star-rating__stars:hover .woocommerce-star-rating__icon{opacity:1}
.woocommerce-review-order .woocommerce-star-rating__input:checked ~ .woocommerce-star-rating__star{color:#C8913F}
/* po najechaniu: jak w WooCommerce — gwiazdka pod kursorem i niższe pełne, reszta pusta */
.woocommerce-review-order .woocommerce-star-rating__stars:hover .woocommerce-star-rating__star{color:#DED0C2}
.woocommerce-review-order .woocommerce-star-rating__stars .woocommerce-star-rating__star:hover,
.woocommerce-review-order .woocommerce-star-rating__star:hover ~ .woocommerce-star-rating__star{color:#C8913F}
/* fokus: pole jest ukryte, obrys na widocznej etykiecie */
.woocommerce-review-order .woocommerce-star-rating__input:focus-visible + .woocommerce-star-rating__star{
  outline:3px solid #C97A52;outline-offset:2px;
}

/* przycisk „Dodaj opinię” jak przyciski WooCommerce w sklepie */
.woocommerce-review-order .woocommerce-review-order__submit{
  font-family:inherit;font-size:15px;font-weight:400;line-height:18px;
  padding:13px 28px;min-height:44px;border:0;border-radius:0;
  background:#6E3A2A;color:#F0E2D6;
}
.woocommerce-review-order .woocommerce-review-order__submit:hover{background:#5A2E21;color:#F0E2D6}

/* wymagane i błąd */
.woocommerce-review-order .required{color:#983B2F}
.woocommerce-review-order .woocommerce-review-order__item-status--error{color:#983B2F}

/* --- Koszyk i kasa: większa pozycja + parametry produktu jako pigułki (22.09.2026) --- */

/* Koszyk: większe zdjęcie i nazwa */
.wc-block-cart .wc-block-cart-items .wc-block-cart-item__image{width:160px}
.wc-block-cart .wc-block-cart-items .wc-block-cart-item__image img{width:160px;height:auto;max-width:none}
.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name{
  font-size:17px;line-height:1.35;font-weight:500;color:#2E211B;text-decoration:none;
}
.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name:hover{color:#6E3A2A;text-decoration:underline}
.wc-block-cart .wc-block-cart-items__row{padding-top:24px;padding-bottom:24px}

/* Krótki opis produktu pod nazwą — zastąpiony parametrami */
.wc-block-cart .wc-block-components-product-metadata__description,
.wc-block-checkout .wc-block-components-product-metadata__description{display:none}

/* Parametry jako pigułki (koszyk i kasa) */
.wc-block-components-product-details{
  display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px;padding:0;list-style:none;
}
.wc-block-components-product-details > span{
  margin:0;padding:4px 10px;background:#EDE1D6;color:#6E3A2A;
  font-size:13px;line-height:1.4;border-radius:0;
}
.wc-block-components-product-details > span::before,
.wc-block-components-product-details > span::after{content:none}
/* dopisane: WooCommerce 11 wstawia separator „ / ” jako osobny <span aria-hidden> (nie ::before/::after) */
.wc-block-components-product-details > span > span[aria-hidden="true"]{display:none}
.wc-block-components-product-details__name{font-weight:400;color:#6E5C51}
.wc-block-components-product-details__value{font-weight:500;color:#2E211B}

/* Kasa: miniatury w podsumowaniu nieco większe */
.wc-block-checkout .wc-block-components-order-summary-item__image,
.wc-block-checkout .wc-block-components-order-summary-item__image img{width:72px;max-width:72px}

/* Telefon */
@media (max-width:781px){
  .wc-block-cart .wc-block-cart-items .wc-block-cart-item__image{width:96px}
  .wc-block-cart .wc-block-cart-items .wc-block-cart-item__image img{width:96px}
  .wc-block-cart table.wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name{font-size:16px}
  .wc-block-components-product-details > span{font-size:12px;padding:3px 8px}
}

/* --- Koszyk na telefonie: przycisk „Przejdź do płatności” nad paskiem .mrd-tabbar + pola dotyku 44 px (22.09.2026) --- */
@media (max-width:781px){
  /* WooCommerce przykleja przycisk do dołu ekranu (fixed, z-index 9999) — podnosimy go nad pasek */
  .wc-block-cart .wc-block-cart__submit-container--sticky{bottom:81px}
  body.woocommerce-cart{padding-bottom:170px}
}
/* Przyciski ilości i usuwania — min. 44 × 44 px (koszyk, wszystkie szerokości) */
.wc-block-cart .wc-block-components-quantity-selector{min-height:44px}
.wc-block-cart .wc-block-components-quantity-selector__button{min-width:44px;min-height:44px}
.wc-block-cart .wc-block-components-quantity-selector__input{min-height:44px}
.wc-block-cart .wc-block-cart-item__remove-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* --- Pole ilości w koszyku: min. 44 px szerokości (22.09.2026) --- */
.wc-block-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{min-width:44px}

/* --- Pole ilości w koszyku: przełącznik mieści trzy pola po 44 px, kosz przechodzi do nowej linii, gdy brak miejsca (22.09.2026) ---
   WooCommerce ustawia przełącznikowi stałe 107 px, więc „+” nachodził na ikonę kosza */
.wc-block-cart .wc-block-components-quantity-selector{width:auto}
.wc-block-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{flex:0 0 44px}
.wc-block-cart .wc-block-cart-item__quantity{flex-wrap:wrap}

/* === MOJE KONTO — „Mam problem" (22.09.2026, fragment WPCode „Mam problem" v1.0) === */
/* Przycisk trzeciorzędny (tekstowy) — nie konkuruje z „Zobacz" i „Wystaw opinię" */
.woocommerce-account .woocommerce-orders-table .woocommerce-button.miradu-problem{
  background:transparent;color:#6E3A2A;border:1px solid transparent;box-shadow:none;
  text-decoration:underline;text-underline-offset:3px;padding:12px;min-height:44px}
.woocommerce-account .woocommerce-orders-table .woocommerce-button.miradu-problem:hover{
  background:transparent;color:#5A2E21;border-color:transparent;text-decoration-thickness:2px}
/* Akcje zawijają się zamiast rozpychać tabelę */
.woocommerce-account .woocommerce-orders-table__cell-order-actions{white-space:normal}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button{margin:4px 8px 4px 0}
.woocommerce-account .woocommerce-orders-table .woocommerce-button + .woocommerce-button{margin-left:0}

/* Sekcja na ekranie zamówienia */
.mrd-problem{margin-top:40px;border:1px solid #DED0C2;background:#FFFFFF;border-radius:0}
section.mrd-problem{padding:20px}
.mrd-problem > summary{list-style:none;cursor:pointer;min-height:44px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:18px;font-weight:500;color:#2E211B}
.mrd-problem > summary::-webkit-details-marker{display:none}
.mrd-problem > summary::after{content:"+";font-size:24px;line-height:1;color:#6E3A2A}
.mrd-problem[open] > summary::after{content:"\2212"}
.mrd-problem__body{padding:4px 20px 24px}
.mrd-problem h2{font-size:20px;margin:0 0 4px}
.mrd-problem__meta{color:#6E5C51;font-size:14px;margin:0 0 16px}
.mrd-problem fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}
.mrd-problem legend,.mrd-problem__label{display:block;font-weight:500;margin:0 0 8px;padding:0;color:#2E211B}
.mrd-problem .mrd-wym{color:#983B2F}
.mrd-problem .mrd-opc{color:#6E5C51;font-weight:400}
.mrd-problem__opcja{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid #DED0C2;margin:0 0 6px;cursor:pointer;background:#FFFFFF}
.mrd-problem__opcja:has(input:checked){border-color:#6E3A2A;background:#F6F2EE}
.mrd-problem input[type=radio],.mrd-problem input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;accent-color:#6E3A2A;margin:0}
.mrd-problem textarea{width:100%;min-height:140px;border:1px solid #DED0C2;border-radius:0;padding:12px;font:inherit;background:#FFFFFF;color:#2E211B;box-sizing:border-box;margin:0 0 16px}
.mrd-problem :focus-visible{outline:3px solid #C97A52;outline-offset:2px}
.mrd-problem__hint{display:none;background:#EDE1D6;padding:12px 16px;margin:0 0 20px;font-size:15px}
.mrd-problem:has(input[value="zwrot"]:checked) .mrd-problem__hint--zwrot,
.mrd-problem:has(input[value="transport"]:checked) .mrd-problem__hint--zdjecia,
.mrd-problem:has(input[value="wada"]:checked) .mrd-problem__hint--zdjecia{display:block}
.mrd-problem__blad{border-left:4px solid #983B2F;background:#FFFFFF;padding:12px 16px;color:#983B2F;margin:0 0 16px}
.mrd-problem__blad ul{margin:0;padding-left:18px}
.mrd-problem__ok{border-left:4px solid #557A50;background:#F6F2EE;padding:12px 16px;margin:0 0 16px}
.mrd-problem__info{font-size:14px;color:#6E5C51;margin:12px 0 0}
/* Rozmowa */
.mrd-watek{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:12px}
.mrd-wiad{max-width:85%;padding:12px 16px;border:1px solid #DED0C2;margin:0}
.mrd-wiad--klient{align-self:flex-end;background:#F6F2EE}
.mrd-wiad--miradu{align-self:flex-start;background:#EDE1D6;border-color:#EDE1D6}
.mrd-wiad__meta{font-size:13px;color:#6E5C51;margin:0 0 4px}
.mrd-wiad__tresc p{margin:0 0 8px}
.mrd-wiad__tresc p:last-child{margin:0}
/* Gdy jest zgłoszenie — natywne „Aktualizacje zamówienia" są już w rozmowie */
body.mrd-ma-zgloszenie .woocommerce-OrderUpdates,
body.mrd-ma-zgloszenie h2:has(+ .woocommerce-OrderUpdates){display:none}
@media (max-width:767px){
  .mrd-wiad{max-width:100%}
  .mrd-problem > summary{font-size:16px;padding:14px 16px}
  .mrd-problem__body{padding:4px 16px 20px}
  section.mrd-problem{padding:16px}
}
/* === koniec „Mam problem" === */

/* === „Mam problem" — poprawki v1.1 (22.09.2026) === */
body.woocommerce-account .woocommerce .mrd-problem fieldset{border:0;padding:0;margin:0 0 20px}
#mrd-zgloszenie{scroll-margin-top:120px}
/* === koniec poprawek v1.1 === */

/* === NEWSLETTER I ZGODY MARKETINGOWE (23.09.2026, fragment „Miradu — zgody marketingowe” v1.0) === */
.mrd-news{max-width:560px}
.mrd-news__form p{margin:0 0 16px}
.mrd-news label{display:block;font-weight:500;color:#2E211B;margin:0 0 6px}
.mrd-news input[type=text],.mrd-news input[type=email]{width:100%;min-height:48px;border:1px solid #DED0C2;border-radius:0;padding:12px;font:inherit;background:#FFFFFF;color:#2E211B;box-sizing:border-box}
.mrd-news .mrd-opc{color:#6E5C51;font-weight:400}
.mrd-news .mrd-wym{color:#983B2F}
.mrd-news :focus-visible{outline:3px solid #C97A52;outline-offset:2px}
.mrd-news__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* zgoda — pole wyboru obok tekstu, nigdy zaznaczone domyślnie */
.mrd-news__zgoda label,.woocommerce .mrd-news__zgoda label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:15px;line-height:1.5;color:#2E211B;cursor:pointer}
.mrd-news__zgoda input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:2px 0 0;accent-color:#6E3A2A}
.mrd-news__info,.woocommerce .mrd-news__info{display:block;font-size:14px;color:#6E5C51;margin:8px 0 0}
.mrd-news__ok{border-left:4px solid #557A50;background:#F6F2EE;padding:12px 16px;margin:0 0 16px}
.mrd-news__blad{border-left:4px solid #983B2F;background:#FFFFFF;padding:12px 16px;margin:0 0 16px;color:#983B2F}
.mrd-news button.button{min-height:48px}
/* pole wyboru w koncie klienta */
.woocommerce-account .mrd-news__konto{border:1px solid #DED0C2;padding:16px 20px;margin:0 0 24px;min-width:0}
.woocommerce-account .mrd-news__konto legend{font-weight:500;padding:0 6px;color:#2E211B}
/* pole wyboru w kasie (API dodatkowych pól) */
.wc-block-checkout .wc-block-components-checkbox label{line-height:1.5}
@media (max-width:767px){
  .mrd-news{max-width:100%}
  .mrd-news button.button{width:100%}
}
/* === koniec newslettera === */

/* === NEWSLETTER — poprawki v1.2 (24.09.2026) === */
/* Motyw/Elementor narzucały .mrd-news display:grid (2 kolumny 252 px) i formularzowi
   display:flex, więc pola kurczyły się do 200 px. Wymuszamy zwykły układ blokowy. */
.mrd-news,.elementor-shortcode .mrd-news{display:block}
.mrd-news__form,.elementor-shortcode .mrd-news__form{display:block;gap:0}
.mrd-news__form p{display:block;width:auto}
.mrd-news input[type=text],.mrd-news input[type=email]{width:100%;max-width:100%}
.mrd-news__zgoda label{display:flex}
/* === koniec poprawek v1.2 === */

/* === NEWSLETTER — poprawki v1.3 (24.09.2026) === */
/* Limit 560 px z v1.0 nie działał (motyw go przebijał), a formularz i tak dobrze wygląda
   na całej szerokości kontenera — więc zdejmujemy limit zamiast go wzmacniać. */
.mrd-news,.elementor-shortcode .mrd-news{max-width:none}
/* === koniec poprawek v1.3 === */

/* --- koszyk (Elementor): przycisk „Zastosuj” – hover w kolorach marki zamiast niebieskiego --- */
.elementor-widget-woocommerce-cart .woocommerce button.button.e-apply-coupon:hover,
.elementor-widget-woocommerce-cart .woocommerce button.button.e-apply-coupon:focus-visible{
  background:var(--m-brand);border-color:var(--m-brand);color:#fff;outline:none;box-shadow:none
}