/* =====================================================================
Listwowo – CSS sklepu WooCommerce spójny z motywem (kit Elementora Huniart)
Układ/UI wg szablonu HTML „Roiser" (shop-grid, shop-details, cart), przepisany
na tokeny motywu: nagłówki Poppins 500 (ujemny tracking), tekst Lora 400,
kolory primary #0D1218 / text #4F5357 / accent #797D80,
brand #DC8B3A (main) / #633B13 (darker) / #FFF5E2 (subtle),
tła #F8F8F8 (sekcje), #15110E (stopka), border #EAECF1, przyciski radius 0.
Mapowanie Roiser -> motyw: #E53E3E->brand, #141414->heading, #74787C->text,
#F6F6F7->bg, #E8E8E8->border, Jost->Poppins/Lora. Radiusy kart Roiser (6px) zachowane.
Ładowany przez mu-plugin listwowo-woo-shop-style.php.
===================================================================== */
body {
--lw-heading: var(--e-global-color-primary, #0D1218);
--lw-text: var(--e-global-color-text, #4F5357);
--lw-muted: var(--e-global-color-accent, #797D80);
--lw-brand: var(--e-global-color-870ef80, #DC8B3A);
--lw-brand-dark: var(--e-global-color-bf890a9, #633B13);
--lw-brand-subtle: var(--e-global-color-15e26ab, #FFF5E2);
--lw-bg: var(--e-global-color-1e38924, #F8F8F8);
--lw-dark: #15110E;
--lw-border: #EAECF1;
--lw-radius: 6px; /* radius kart/boxów z Roiser */
--lw-font-head: var(--e-global-typography-primary-font-family, "Poppins"), sans-serif;
--lw-font-text: var(--e-global-typography-text-font-family, "Lora"), serif;
}
/* --- Bazowa typografia stron sklepu --- */
body.woocommerce, body.woocommerce-page, .woocommerce { font-family: var(--lw-font-text); color: var(--lw-text); font-size: 16px; line-height: 1.5; }
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3, .woocommerce-page h4 {
font-family: var(--lw-font-head); font-weight: 500; color: var(--lw-heading); line-height: 1.2; }
.woocommerce a { color: var(--lw-heading); }
.woocommerce a:hover { color: var(--lw-brand-dark); }
.lw-eyebrow { display: block; font-family: var(--lw-font-head); font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--lw-brand); margin-bottom: 10px; line-height: 1; }
.lw-label { font-family: var(--lw-font-head); font-size: 12px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; }
.lw-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.woocommerce #primary.content-area, .woocommerce-page #primary.content-area { overflow-x: clip; }
/* --- Przyciski = przyciski motywu (Poppins 600 14px, bez capitalize – polszczyzna, radius 0, 12px 24px) --- */
.woocommerce .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce-page .button, .woocommerce .wc-block-components-button, .wc-block-components-button, .wp-block-button__link {
background: var(--lw-brand) !important; color: #fff !important; border: 0 !important; border-radius: 0 !important;
font-family: var(--lw-font-head) !important; font-weight: 600 !important; font-size: 14px !important; line-height: 14px !important;
letter-spacing: 0; text-transform: none; padding: 12px 24px !important; transition: background .2s ease, color .2s ease; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .single_add_to_cart_button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.wc-block-components-button:hover, .wp-block-button__link:hover {
background: var(--lw-brand-dark) !important; color: #fff !important; }
.woocommerce .button.lw-btn-outline, .woocommerce a.button.lw-btn-outline {
background: transparent !important; color: var(--lw-heading) !important; border: 1px solid var(--lw-heading) !important; padding: 11px 23px !important; }
.woocommerce .button.lw-btn-outline:hover { background: var(--lw-heading) !important; color: #fff !important; }
/* --- Pola formularzy jak w motywie --- */
.woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="tel"], .woocommerce input[type="password"],
.woocommerce input[type="number"], .woocommerce textarea, .woocommerce select, .woocommerce .select2-container .select2-selection--single {
font-family: var(--lw-font-text); font-size: 15px; color: var(--lw-text); background: var(--lw-bg); border: 1px solid var(--lw-border); border-radius: 0; padding: 12px 16px; height: auto; }
.woocommerce input:focus, .woocommerce textarea:focus, .woocommerce select:focus { outline: none; border-color: var(--lw-brand); }
/* =====================================================================
Nagłówek strony (Roiser .page-header: pełna szerokość, szare tło, tytuł
po lewej + breadcrumb po prawej, dekoracyjny łuk w tle)
===================================================================== */
body.woocommerce header#masthead, body.woocommerce-page header#masthead { background: var(--lw-dark); }
.woocommerce .woocommerce-breadcrumb { font-family: var(--lw-font-head); font-size: 13px; font-weight: 500; letter-spacing: .3px; color: var(--lw-muted); padding: 26px 0 0; margin: 0; }
.woocommerce .woocommerce-breadcrumb a { color: var(--lw-muted); text-decoration: none; }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--lw-brand-dark); }
.woocommerce-products-header {
position: relative; z-index: 0; isolation: isolate; background: var(--lw-bg); overflow: hidden;
margin: 0 calc(50% - 50vw) 40px; padding: 64px max(20px, calc(50vw - 50%)) 56px;
display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; align-items: end; }
.woocommerce-products-header::before { /* łuk jak w Roiser, w kolorze brand-subtle */
content: ""; position: absolute; z-index: -1; left: -140px; top: -260px; width: 620px; height: 620px; border-radius: 50%;
background: var(--lw-brand-subtle); pointer-events: none; }
.woocommerce-products-header::after {
content: ""; position: absolute; z-index: -1; right: 6%; top: -300px; width: 560px; height: 560px; border-radius: 50%;
border: 1px solid var(--lw-brand); opacity: .35; pointer-events: none; }
.woocommerce-products-header__title.page-title { font-family: var(--lw-font-head); font-size: 48px; font-weight: 500; letter-spacing: -1.4px; line-height: 1.05; color: var(--lw-heading); margin: 0; }
.woocommerce-products-header .woocommerce-breadcrumb { padding: 0; font-size: 15px; color: var(--lw-text); justify-self: end; text-align: right; }
.woocommerce-products-header .woocommerce-breadcrumb a { color: var(--lw-muted); }
.woocommerce-products-header .term-description, .woocommerce-products-header .page-description { grid-column: 1 / -1; font-family: var(--lw-font-text); color: var(--lw-text); max-width: 720px; margin-top: 16px; }
.woocommerce-products-header .term-description p, .woocommerce-products-header .page-description p { margin: 0; }
/* =====================================================================
Układ archiwum: treść (lewo) + sidebar filtrów (prawo, jak Roiser col-lg-9/3)
===================================================================== */
.lw-shop-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items: start; }
.lw-shop-layout.lw-full { grid-template-columns: minmax(0, 1fr); }
.lw-shop-main { min-width: 0; order: 1; }
.lw-shop-filters { order: 0; position: sticky; top: 24px; }
/* --- Pasek nad siatką (Roiser .top-grid-content): przełącznik widoku + licznik | sortowanie --- */
.lw-shop-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; margin: 0 0 28px; }
.lw-shop-top-left { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 30px; }
.lw-view-toggle { display: inline-flex; align-items: center; gap: 15px; border: 1px solid var(--lw-border); border-radius: var(--lw-radius); padding: 10px 20px; background: #fff; }
.lw-view-toggle button { background: none; border: 0; padding: 0; margin: 0; line-height: 0; cursor: pointer; color: var(--lw-muted); border-radius: 0; }
.lw-view-toggle button svg { display: block; fill: currentColor; }
.lw-view-toggle button:hover, .lw-view-toggle button.is-active { color: var(--lw-heading); }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
display: inline-flex; align-items: center; margin: 0; font-family: var(--lw-font-head); font-size: 14px; font-weight: 500; color: var(--lw-muted); }
.woocommerce .woocommerce-ordering { float: none; }
.woocommerce .woocommerce-result-count { float: none; }
.woocommerce .woocommerce-ordering select { font-family: var(--lw-font-head); font-size: 14px; font-weight: 500; color: var(--lw-heading); background: #fff; border: 1px solid var(--lw-border); border-radius: var(--lw-radius); padding: 11px 36px 11px 20px; cursor: pointer;
-webkit-appearance: none; appearance: none;
background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 16px center; }
.woocommerce ul.products { margin: 0 !important; }
/* --- Pasek podkategorii (strona działu) --- */
.lw-subcats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; padding: 0; list-style: none; }
.lw-subcats li { margin: 0; }
.lw-subcats a { display: inline-flex; align-items: center; gap: 8px; font-family: var(--lw-font-head); font-size: 13px; font-weight: 500; color: var(--lw-heading);
background: #fff; border: 1px solid var(--lw-border); border-radius: 100px; padding: 9px 16px; text-decoration: none; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.lw-subcats a .lw-count { font-size: 12px; color: var(--lw-muted); }
.lw-subcats a:hover { border-color: var(--lw-brand); color: var(--lw-brand-dark); }
.lw-subcats li.lw-active a { background: var(--lw-brand); border-color: var(--lw-brand); color: #fff; }
.lw-subcats li.lw-active a .lw-count { color: rgba(255,255,255,.75); }
/* =====================================================================
Sidebar filtrów (Roiser .shop-sidebar: boxy z ramką i radiusem, nagłówek
z dolną linią, lista z checkboxami i licznikami po prawej)
===================================================================== */
.lw-filters-head { display: flex; align-items: baseline; justify-content: space-between; padding: 0 4px 12px; }
.lw-filters-head > span { font-family: var(--lw-font-head); font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--lw-muted); }
.lw-clear-filters { font-family: var(--lw-font-head); font-size: 12px; font-weight: 500; color: var(--lw-brand-dark); text-decoration: underline; }
.lw-clear-filters.lw-disabled { color: #B9BEC2; pointer-events: none; text-decoration: none; }
.lw-filter-group { border: 1px solid var(--lw-border); border-radius: var(--lw-radius); background: #fff; padding: 22px 26px; margin-bottom: 24px; }
.lw-filter-group summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center;
font-family: var(--lw-font-head); font-size: 17px; font-weight: 500; letter-spacing: -0.4px; color: var(--lw-heading); }
.lw-filter-group summary::-webkit-details-marker { display: none; }
.lw-filter-group summary::after { content: "+"; font-size: 18px; font-weight: 400; color: var(--lw-muted); line-height: 1; }
.lw-filter-group[open] summary { padding-bottom: 18px; border-bottom: 1px solid var(--lw-border); }
.lw-filter-group[open] summary::after { content: "–"; }
.lw-filter-group .lw-filter-body { margin-top: 18px; }
.lw-filter-widget-title-hidden { display: none; }
.lw-filter-widget ul, .lw-filter-list { list-style: none; margin: 0; padding: 0; }
.lw-filter-widget ul li, .lw-filter-list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 0 0 10px; font-family: var(--lw-font-text); font-size: 15px; }
.lw-filter-widget ul li:last-child, .lw-filter-list li:last-child { padding-bottom: 0; }
.lw-filter-widget ul li a, .lw-filter-list li a { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; color: var(--lw-heading); text-decoration: none; }
/* „checkbox" Roiser jako pseudoelement (filtry to linki, nie inputy) */
.lw-filter-widget ul.children li a::before, .lw-filter-list li a::before, .lw-filter-widget .woocommerce-widget-layered-nav-list li a::before {
content: ""; flex: 0 0 auto; width: 14px; height: 14px; border: 1px solid #C5C9CE; border-radius: 3px; background: #fff; transition: background .15s ease, border-color .15s ease; }
.lw-filter-widget ul li a:hover, .lw-filter-list li a:hover { color: var(--lw-brand-dark); }
.lw-filter-widget ul li a:hover::before, .lw-filter-list li a:hover::before { border-color: var(--lw-brand); }
.lw-filter-widget ul li .count, .lw-filter-widget .lw-count, .lw-filter-list .lw-count { font-family: var(--lw-font-text); font-size: 15px; color: var(--lw-heading); }
.lw-filter-widget .woocommerce-widget-layered-nav-list li .count { color: var(--lw-heading); }
.lw-filter-widget .woocommerce-widget-layered-nav-list li.chosen a::before, .lw-filter-list li.lw-active a::before,
.lw-filter-widget .product-categories li.current-cat > a::before {
background: var(--lw-brand) border-box; border-color: var(--lw-brand);
background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center; }
.lw-filter-widget .woocommerce-widget-layered-nav-list li.chosen a, .lw-filter-list li.lw-active a { color: var(--lw-brand-dark); }
/* hierarchia kategorii: dział = etykieta Poppins, podkategorie z „checkboxami", wcięte */
.lw-filter-widget .product-categories > li.cat-item { display: block; padding: 0 0 14px; }
.lw-filter-widget .product-categories > li.cat-item:last-child { padding-bottom: 0; }
.lw-filter-widget .product-categories > li.cat-item > a { font-family: var(--lw-font-head); font-size: 12px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; color: var(--lw-heading); }
.lw-filter-widget .product-categories > li.cat-item > a::before { content: none; }
.lw-filter-widget .product-categories > li.cat-item > .count { display: none; }
.lw-filter-widget .product-categories ul.children { display: block; margin: 8px 0 0; padding: 0; }
/* na stronie działu rozwinięty tylko bieżący dział; pozostałe = sama etykieta */
body.tax-product_cat .lw-filter-widget .product-categories > li.cat-item:not(.current-cat):not(.current-cat-parent):not(.current-cat-ancestor) > ul.children { display: none; }
body.tax-product_cat .lw-filter-widget .product-categories > li.cat-item:not(.current-cat):not(.current-cat-parent):not(.current-cat-ancestor) > a::after { content: "›"; margin-left: 6px; color: var(--lw-muted); font-weight: 400; }
.lw-filter-widget .product-categories ul.children li { padding: 0 0 8px; }
.lw-filter-widget .product-categories ul.children li:last-child { padding-bottom: 0; }
.lw-filter-widget .product-categories li.current-cat > a, .lw-filter-widget .product-categories li.current-cat-parent > a { color: var(--lw-brand-dark); }
.lw-filter-widget .product-categories ul.children li.current-cat > a { font-weight: 700; }
/* cena: suwak jQuery UI w kolorze brand (Roiser: accent-color primary) */
.lw-filter-widget .price_slider_wrapper { margin-top: 4px; }
.lw-filter-widget .price_slider { margin-bottom: 18px; }
.lw-filter-widget .price_slider_amount { font-family: var(--lw-font-head); font-size: 15px; font-weight: 500; color: var(--lw-heading); display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.lw-filter-widget .price_slider_amount .price_label { order: 1; }
.lw-filter-widget .price_slider_amount .button { order: 2; padding: 9px 14px !important; font-size: 12px !important; line-height: 12px !important; }
.lw-filter-widget .ui-slider { background: var(--lw-border); border: 0; height: 4px; border-radius: 4px; margin: 16px 8px 14px; }
.lw-filter-widget .ui-slider .ui-slider-range { background: var(--lw-brand) !important; border-radius: 4px; }
.lw-filter-widget .ui-slider .ui-slider-handle { background: var(--lw-brand) !important; border: 2px solid #fff !important; box-shadow: 0 0 0 1px var(--lw-brand) !important;
width: 16px !important; height: 16px !important; top: -6px !important; margin-left: -8px !important; border-radius: 50% !important; }
/* =====================================================================
Karty produktów (Roiser .shop-item: radius 6px, miniatura z badge i
akcjami na hover (koszyk / ulubione / podgląd), treść z ramką bez górnej
krawędzi: kategoria, tytuł, cena w kolorze brand)
===================================================================== */
.woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 { display: grid !important; gap: 24px !important; }
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.woocommerce ul.products::before, .woocommerce ul.products::after { content: none !important; display: none !important; }
.woocommerce ul.products li.product { width: 100% !important; float: none !important; margin: 0 !important; padding: 0; background: #fff; border-radius: var(--lw-radius); overflow: hidden;
position: relative; display: flex; flex-direction: column; }
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link { text-decoration: none; color: inherit; display: flex; flex-direction: column; position: relative; flex: 1 1 auto; }
/* miniatura */
.woocommerce ul.products li.product a img { aspect-ratio: 1 / 1; object-fit: contain !important; object-position: center; background: var(--lw-bg); padding: 22px; width: 100%; height: auto; margin: 0;
border-radius: var(--lw-radius) var(--lw-radius) 0 0; transform: scale(1); transition: transform .4s ease-in-out; }
.woocommerce ul.products li.product:hover a img { transform: scale(1.03); }
/* treść */
.woocommerce ul.products li.product .lw-card-cat { display: block; font-family: var(--lw-font-head); font-size: 12px; font-weight: 500; letter-spacing: .3px; text-transform: uppercase; color: var(--lw-muted); line-height: 1; margin: 0; padding: 26px 24px 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--lw-font-head); font-size: 18px; font-weight: 500; letter-spacing: -0.4px; line-height: 1.3; color: var(--lw-heading); margin: 0; padding: 10px 24px 0; }
.woocommerce ul.products li.product .lw-card-cat + .woocommerce-loop-product__title { padding-top: 10px; }
.woocommerce ul.products li.product .star-rating { margin: 10px 24px 0; color: var(--lw-brand); }
.woocommerce ul.products li.product .price { display: flex; align-items: center; gap: 10px; font-family: var(--lw-font-head); font-size: 16px; font-weight: 600; color: var(--lw-brand); padding: 0 24px; margin: 12px 0 0; }
.woocommerce ul.products li.product .price del { color: var(--lw-text); font-weight: 400; opacity: 1; }
.woocommerce ul.products li.product .price ins { text-decoration: none; font-weight: 600; }
.woocommerce ul.products li.product .price .woocommerce-price-suffix { display: inline; font-family: var(--lw-font-text); font-size: 12px; font-weight: 400; color: var(--lw-muted); white-space: nowrap; }
.woocommerce ul.products li.product .lw-card-desc { display: none; font-family: var(--lw-font-text); font-size: 15px; line-height: 1.6; color: var(--lw-text); margin: 12px 24px 0; padding: 0; }
.woocommerce ul.products li.product .lw-card-meta { font-family: var(--lw-font-head); font-size: 12px; font-weight: 500; letter-spacing: .3px; color: var(--lw-muted); margin: 10px 24px 0; padding: 0; }
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link::after { content: ""; display: block; height: 24px; }
/* ramka treści (Roiser .shop-content: border bez górnej krawędzi, radius dolny) */
.woocommerce ul.products li.product::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--lw-border); border-radius: var(--lw-radius); pointer-events: none; transition: border-color .2s ease; }
.woocommerce ul.products li.product:hover::after { border-color: #D6DAE0; }
/* badge */
.woocommerce ul.products li.product .lw-badge, .woocommerce ul.products li.product .onsale {
position: absolute; top: 20px; left: 20px; z-index: 2; margin: 0; padding: 6px 14px; min-height: 0; min-width: 0; line-height: 1.3; border-radius: 0;
font-family: var(--lw-font-head); font-size: 11px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; color: #fff; background: var(--lw-brand); }
.woocommerce ul.products li.product .lw-badge-new { background: var(--lw-heading); }
.woocommerce ul.products li.product .lw-badge-new ~ .onsale, .woocommerce ul.products li.product .lw-badge-new ~ a .onsale { top: 52px; }
/* akcje na hover (Roiser .shop-list: białe kółka 45px, zjeżdżają z prawej) */
.woocommerce ul.products li.product .lw-card-actions { position: absolute; top: 20px; right: 10px; z-index: 3; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none;
opacity: 0; visibility: hidden; transition: all .4s ease-in-out; }
.woocommerce ul.products li.product:hover .lw-card-actions, .woocommerce ul.products li.product:focus-within .lw-card-actions { right: 20px; opacity: 1; visibility: visible; }
.woocommerce ul.products li.product .lw-card-actions .button, .woocommerce ul.products li.product .lw-card-actions a.button,
.woocommerce ul.products li.product .lw-card-actions .lw-card-btn {
display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 !important; margin: 0; border: 0 !important; border-radius: 50% !important;
background: #fff !important; color: var(--lw-heading) !important; box-shadow: 0 2px 8px rgba(13,18,24,.08); cursor: pointer; line-height: 0 !important; font-size: 0 !important; text-decoration: none;
transition: background .2s ease, color .2s ease; }
.woocommerce ul.products li.product .lw-card-actions .button:hover, .woocommerce ul.products li.product .lw-card-actions .lw-card-btn:hover,
.woocommerce ul.products li.product .lw-card-actions .lw-card-btn.is-active, .woocommerce ul.products li.product .lw-card-actions .button.added { background: var(--lw-brand) !important; color: #fff !important; }
.woocommerce ul.products li.product .lw-card-actions svg { width: 18px; height: 18px; display: block; }
.woocommerce ul.products li.product .lw-card-actions .button.loading { opacity: .6; }
.woocommerce ul.products li.product .lw-card-actions .button.loading::after, .woocommerce ul.products li.product .lw-card-actions .button.added::after { content: none !important; display: none !important; }
.woocommerce ul.products li.product .lw-card-actions a.added_to_cart { position: absolute; right: 54px; top: 0; white-space: nowrap; font-family: var(--lw-font-head); font-size: 12px; font-weight: 600; color: #fff; background: var(--lw-heading); padding: 0 12px; height: 44px; line-height: 44px; border-radius: 22px; text-decoration: none; }
.woocommerce ul.products li.product .lw-card-actions a.added_to_cart:hover { background: var(--lw-brand-dark); }
/* --- Widok listy (Roiser .grid-shop: obraz w kolumnie ~40%, tytuł większy, opis widoczny) --- */
.woocommerce ul.products.lw-view-list { grid-template-columns: minmax(0, 1fr) !important; gap: 30px !important; }
.woocommerce ul.products.lw-view-list li.product > a.woocommerce-LoopProduct-link { display: grid; grid-template-columns: 300px minmax(0, 1fr); column-gap: 0; align-items: center; align-content: center; }
.woocommerce ul.products.lw-view-list li.product > a.woocommerce-LoopProduct-link > img { grid-column: 1; grid-row: 1 / span 8; align-self: stretch; height: 100%; border-radius: var(--lw-radius) 0 0 var(--lw-radius); }
.woocommerce ul.products.lw-view-list li.product > a.woocommerce-LoopProduct-link > :not(img) { grid-column: 2; }
.woocommerce ul.products.lw-view-list li.product > a.woocommerce-LoopProduct-link::after { content: none; }
.woocommerce ul.products.lw-view-list li.product .lw-card-cat { padding-top: 30px; }
.woocommerce ul.products.lw-view-list li.product .woocommerce-loop-product__title { font-size: 24px; letter-spacing: -0.7px; padding-right: 30px; }
.woocommerce ul.products.lw-view-list li.product .lw-card-desc { display: block; padding-right: 30px; }
.woocommerce ul.products.lw-view-list li.product .lw-card-meta { margin-bottom: 30px; }
.woocommerce ul.products.lw-view-list li.product .price { order: 9; margin-top: 12px; }
.woocommerce ul.products.lw-view-list li.product .lw-card-actions { top: auto; bottom: 26px; right: 20px; flex-direction: row; opacity: 1; visibility: visible; }
/* --- Karty działów (strona /sklep/) – styl spójny z kartami produktów --- */
.lw-shop-intro { margin: -8px 0 28px; max-width: 720px; }
.lw-shop-intro p { margin: 0; font-family: var(--lw-font-text); color: var(--lw-text); }
.woocommerce ul.products li.product-category { background: #fff; }
.woocommerce ul.products li.product-category > a { display: block; text-decoration: none; }
.woocommerce ul.products li.product-category img { aspect-ratio: 4 / 3; object-fit: contain !important; background: var(--lw-bg); padding: 28px; width: 100%; height: auto; margin: 0; border-radius: var(--lw-radius) var(--lw-radius) 0 0; transition: transform .4s ease-in-out; }
.woocommerce ul.products li.product-category:hover img { transform: scale(1.03); }
.woocommerce ul.products li.product-category.lw-cat-photo img { object-fit: cover !important; padding: 0; }
.woocommerce ul.products li.product-category .woocommerce-loop-category__title { font-family: var(--lw-font-head); font-size: 22px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.2; color: var(--lw-heading); margin: 0; padding: 24px 24px 0; }
.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark.count { display: none; }
.woocommerce ul.products li.product-category .lw-cat-children { list-style: none; margin: 12px 0 0; padding: 0 24px 18px; flex: 1 1 auto; }
.woocommerce ul.products li.product-category .lw-cat-children li { margin: 0; padding: 0; }
.woocommerce ul.products li.product-category .lw-cat-children a { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 7px 0; font-family: var(--lw-font-text); font-size: 15px; color: var(--lw-text); text-decoration: none; border-bottom: 1px solid var(--lw-border); }
.woocommerce ul.products li.product-category .lw-cat-children li:last-child a { border-bottom: 0; }
.woocommerce ul.products li.product-category .lw-cat-children a:hover { color: var(--lw-brand-dark); }
.woocommerce ul.products li.product-category .lw-cat-children .lw-count { font-family: var(--lw-font-head); font-size: 12px; color: var(--lw-muted); }
.woocommerce ul.products li.product-category .lw-cat-all { display: block; margin: 0 24px 24px; font-family: var(--lw-font-head); font-size: 12px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; color: var(--lw-brand); text-decoration: none; }
.woocommerce ul.products li.product-category .lw-cat-all:hover { color: var(--lw-brand-dark); }
/* --- Paginacja (Roiser .pagination-wrap: kwadraty 50px na szarym tle, aktywny = brand) --- */
.woocommerce nav.woocommerce-pagination { text-align: center; margin-top: 50px; }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: inline-flex; gap: 10px; }
.woocommerce nav.woocommerce-pagination ul li { border: 0 !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 0;
font-family: var(--lw-font-head); font-size: 14px; font-weight: 600; line-height: 1; color: var(--lw-heading); background: var(--lw-bg); transition: background .2s ease, color .2s ease; }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--lw-brand); color: #fff; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--lw-brand); color: #fff; }
/* --- Komunikaty --- */
.woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error { border-top: 2px solid var(--lw-brand); background: var(--lw-bg); color: var(--lw-text); font-family: var(--lw-font-text); }
.woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before { color: var(--lw-brand); }
.woocommerce .woocommerce-error { border-top-color: #E22D2D; }
.woocommerce .woocommerce-error::before { color: #E22D2D; }
@media (max-width: 1199px) {
.lw-shop-layout { grid-template-columns: 260px minmax(0, 1fr); }
.woocommerce ul.products.lw-view-list li.product > a.woocommerce-LoopProduct-link { grid-template-columns: 240px minmax(0, 1fr); }
}
@media (max-width: 1000px) {
.lw-shop-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.lw-shop-main { order: 0; }
.lw-shop-filters { order: 1; position: static; }
.woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.woocommerce-products-header__title.page-title { font-size: 36px; }
.woocommerce-products-header { padding-top: 44px; padding-bottom: 40px; margin-bottom: 32px; }
.woocommerce ul.products li.product .lw-card-actions { opacity: 1; visibility: visible; right: 20px; }
}
@media (max-width: 700px) {
.woocommerce-products-header { grid-template-columns: minmax(0, 1fr); }
.woocommerce-products-header .woocommerce-breadcrumb { justify-self: start; text-align: left; order: -1; margin-bottom: 14px; }
.woocommerce ul.products.lw-view-list li.product > a.woocommerce-LoopProduct-link { grid-template-columns: minmax(0, 1fr); }
.woocommerce ul.products.lw-view-list li.product > a.woocommerce-LoopProduct-link > img { grid-column: 1; grid-row: auto; height: auto; border-radius: var(--lw-radius) var(--lw-radius) 0 0; }
.woocommerce ul.products.lw-view-list li.product > a.woocommerce-LoopProduct-link > :not(img) { grid-column: 1; }
.lw-view-toggle { display: none; }
}
@media (max-width: 560px) {
.woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 { grid-template-columns: minmax(0, 1fr) !important; }
}
/* =====================================================================
Karta produktu (single) – Roiser shop-details: galeria z miniaturami w
kolumnie po lewej (ramka, aktywna = brand), panel info: kategoria (eyebrow),
tytuł, cena, opis w liniach, lista korzyści z ikonami, ilość + koszyk,
przycisk pełnej szerokości, meta w linii; sekcje pod spodem.
===================================================================== */
.woocommerce div.product { margin-top: 32px; }
.woocommerce div.product .lw-eyebrow { margin-bottom: 12px; }
.woocommerce div.product .product_title { font-family: var(--lw-font-head); font-size: 34px; font-weight: 500; letter-spacing: -1.1px; line-height: 1.15; color: var(--lw-heading); margin-bottom: 10px; }
.woocommerce div.product .product_title .lw-code { display: block; font-family: var(--lw-font-head); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--lw-muted); margin-top: 8px; }
.woocommerce div.product .lw-product-brand { font-family: var(--lw-font-head); font-size: 13px; font-weight: 500; letter-spacing: .3px; color: var(--lw-muted); margin: 0 0 20px; }
.woocommerce div.product .lw-product-brand a { color: var(--lw-heading); text-decoration: none; border-bottom: 1px solid var(--lw-border); }
.woocommerce div.product .lw-product-brand a:hover { color: var(--lw-brand-dark); border-color: var(--lw-brand-dark); }
.woocommerce div.product .woocommerce-product-rating { margin-bottom: 20px; }
.woocommerce div.product .woocommerce-product-rating .star-rating { color: var(--lw-heading); }
.woocommerce div.product p.price { font-family: var(--lw-font-head); font-size: 24px; font-weight: 600; letter-spacing: -0.5px; color: var(--lw-heading); margin: 0 0 24px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.woocommerce div.product p.price ins { text-decoration: none; }
.woocommerce div.product p.price del { color: var(--lw-text); font-weight: 400; font-size: .75em; opacity: 1; }
.woocommerce div.product p.price .woocommerce-price-suffix { display: inline; font-family: var(--lw-font-text); font-size: 13px; font-weight: 400; letter-spacing: 0; color: var(--lw-muted); white-space: nowrap; }
/* opis w ramkach top/bottom (Roiser .product-desc-wrap) */
.woocommerce div.product .woocommerce-product-details__short-description { font-family: var(--lw-font-text); font-size: 16px; line-height: 1.6; color: var(--lw-text); border-top: 1px solid var(--lw-border); border-bottom: 1px solid var(--lw-border); padding: 20px 0; margin: 0 0 22px; }
.woocommerce div.product .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }
/* lista korzyści z ikonami (Roiser .details-list) */
.woocommerce div.product .lw-details-list { list-style: none; margin: 0 0 28px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.woocommerce div.product .lw-details-list li { display: flex; align-items: center; gap: 12px; font-family: var(--lw-font-text); font-size: 15px; color: var(--lw-heading); }
.woocommerce div.product .lw-details-list li svg { flex: 0 0 auto; width: 20px; height: 20px; color: var(--lw-brand); }
/* ilość + koszyk (Roiser .product-btn) */
.woocommerce div.product form.cart { display: flex; align-items: stretch; gap: 16px; margin: 0 0 16px; flex-wrap: wrap; }
.woocommerce div.product form.cart .quantity { display: flex; }
.woocommerce div.product form.cart .quantity .qty { font-family: var(--lw-font-head); font-size: 15px; font-weight: 500; color: var(--lw-heading); border: 1px solid var(--lw-heading); background: #fff; height: 100%; min-height: 48px; border-radius: 0; width: 84px; text-align: center; padding: 0 8px; }
.woocommerce div.product form.cart .quantity .qty:focus { border-color: var(--lw-brand); }
.woocommerce div.product form.cart .single_add_to_cart_button { flex: 1; min-width: 220px; display: inline-flex; align-items: center; justify-content: center; }
.woocommerce div.product .lw-wishlist-btn { display: flex; width: 100%; align-items: center; justify-content: center; gap: 8px; background: transparent; border: 1px solid var(--lw-heading); color: var(--lw-heading);
padding: 15px 20px; font-family: var(--lw-font-head); font-size: 14px; font-weight: 600; line-height: 14px; text-transform: none; cursor: pointer; margin: 0 0 24px; border-radius: 0; transition: background .2s ease, color .2s ease; }
.woocommerce div.product .lw-wishlist-btn:hover, .woocommerce div.product .lw-wishlist-btn.is-active { background: var(--lw-heading); color: #fff; }
.woocommerce div.product .lw-wishlist-btn.is-active svg { fill: currentColor; }
/* meta w jednej linii (Roiser .product-meta) */
.woocommerce div.product .product_meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 8px; font-family: var(--lw-font-head); font-size: 13px; font-weight: 500; letter-spacing: .2px; color: var(--lw-muted); }
.woocommerce div.product .product_meta > span { display: inline; }
.woocommerce div.product .product_meta .sku_wrapper { order: 0; } .woocommerce div.product .product_meta .lw-ean { order: 1; } .woocommerce div.product .product_meta .posted_in { order: 2; }
.woocommerce div.product .product_meta a, .woocommerce div.product .product_meta .sku, .woocommerce div.product .product_meta .lw-ean span { color: var(--lw-heading); text-decoration: none; }
.woocommerce div.product .product_meta a:hover { color: var(--lw-brand-dark); }
/* Galeria: miniatury pionowo po lewej (position:absolute – nie ruszamy layoutu FlexSlidera).
Roiser: kolumna 112px + 24px odstępu, ramka #DEE0E3, aktywna = brand. */
.woocommerce div.product div.images.woocommerce-product-gallery { position: relative; padding: 0 0 0 92px; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { background: var(--lw-bg); border-radius: var(--lw-radius); overflow: hidden; }
.woocommerce div.product div.images .woocommerce-product-gallery__image img { width: 100%; height: auto; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 16px; right: 16px; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(13,18,24,.1); }
.woocommerce div.product div.images .flex-control-thumbs { position: absolute !important; left: 0; top: 0; bottom: 0; width: 72px; display: flex !important;
flex-direction: column; flex-wrap: nowrap; gap: 10px; margin: 0; overflow-y: auto; overflow-x: hidden; padding: 0; scrollbar-width: none; }
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar { display: none; }
.woocommerce div.product div.images .flex-control-thumbs li { width: 100% !important; float: none; margin: 0; aspect-ratio: 1 / 1; flex-shrink: 0; display: flex !important; }
.woocommerce div.product div.images .flex-control-thumbs img { border: 1px solid #DEE0E3; border-radius: 3px; opacity: 1; width: 100%; height: 100%; object-fit: cover; background: #fff; cursor: pointer; transition: border-color .2s ease; }
.woocommerce div.product div.images .flex-control-thumbs img:hover { border-color: var(--lw-muted); }
.woocommerce div.product div.images .flex-control-thumbs img.flex-active { border-color: var(--lw-brand); opacity: 1; }
.woocommerce div.product div.images .onsale { position: absolute; top: 20px; left: 112px; z-index: 3; margin: 0; padding: 8px 16px; min-height: 0; min-width: 0; line-height: 1; border-radius: 100px;
font-family: var(--lw-font-head); font-size: 11px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; color: #fff; background: var(--lw-brand); }
@media (max-width: 700px) {
.woocommerce div.product div.images.woocommerce-product-gallery { padding: 0; }
.woocommerce div.product div.images .flex-control-thumbs { position: static !important; width: auto; flex-direction: row; max-height: none; overflow-x: auto; overflow-y: hidden; margin: 12px 0 0; }
.woocommerce div.product div.images .flex-control-thumbs li { width: 64px !important; height: 64px; }
.woocommerce div.product div.images .onsale { left: 16px; }
.woocommerce div.product .product_title { font-size: 28px; }
}
/* Akordeon (zamiast zakładek) – nagłówki jak etykiety Roiser (.tab-navigation) */
.woocommerce div.product .woocommerce-tabs { border-top: 1px solid var(--lw-heading); margin-top: 18px; }
.woocommerce div.product .lw-accordion-head { width: 100%; display: flex; justify-content: space-between; align-items: center; background: none; border: 0; border-bottom: 1px solid var(--lw-border);
padding: 18px 0; font-family: var(--lw-font-head); font-size: 16px; font-weight: 500; letter-spacing: -0.3px; text-transform: none; color: var(--lw-text); cursor: pointer; text-align: left; border-radius: 0; transition: color .2s ease; }
.woocommerce div.product .lw-accordion-head:hover, .woocommerce div.product .lw-accordion-head[aria-expanded="true"] { color: var(--lw-heading); }
.woocommerce div.product .lw-accordion-head .lw-accordion-icon { font-size: 18px; font-weight: 400; color: var(--lw-muted); }
.woocommerce div.product .lw-accordion-panel { padding: 18px 0 28px; border-bottom: 1px solid var(--lw-border); font-family: var(--lw-font-text); font-size: 15px; line-height: 1.7; color: var(--lw-text); }
.woocommerce div.product .lw-accordion-panel[hidden] { display: none !important; }
.woocommerce div.product .lw-accordion-panel:not([hidden]) { display: block !important; } /* single-product.js WooCommerce chowa panele inline (brak ul.tabs) */
.woocommerce div.product .lw-accordion-panel h2 { display: none; }
/* treść opisu w akordeonie: podtytuły z importu (h3/h4) w skali tekstu, nie kitu Elementora */
.woocommerce div.product .lw-accordion-panel h3, .woocommerce div.product .lw-accordion-panel h4 { font-family: var(--lw-font-head); font-size: 17px; font-weight: 500; letter-spacing: -0.2px; line-height: 1.3; color: var(--lw-heading); margin: 26px 0 8px; }
.woocommerce div.product .lw-accordion-panel h3:first-child, .woocommerce div.product .lw-accordion-panel h2 + h3 { margin-top: 0; }
.woocommerce div.product .lw-accordion-panel p { margin: 0 0 12px; }
.woocommerce div.product .lw-accordion-panel p:last-child { margin-bottom: 0; }
.woocommerce div.product .lw-accordion-panel ul, .woocommerce div.product .lw-accordion-panel ol { margin: 0 0 12px; padding-left: 20px; }
.woocommerce div.product .lw-accordion-panel li { margin: 0 0 4px; }
.woocommerce div.product .lw-accordion-panel strong { font-weight: 600; color: var(--lw-heading); }
.woocommerce div.product .lw-accordion-panel a { color: var(--lw-brand-dark); text-decoration: underline; text-underline-offset: 2px; }
.woocommerce div.product .lw-accordion-panel table { border-collapse: collapse; width: 100%; margin: 0 0 12px; }
.woocommerce div.product .lw-accordion-panel td, .woocommerce div.product .lw-accordion-panel th { border: 1px solid var(--lw-border); padding: 6px 10px; text-align: left; }
/* tabela atrybutów (Roiser .product-table: szare tło, linie) */
.woocommerce table.shop_attributes { border: 1px solid var(--lw-border); background: var(--lw-bg); font-size: 14px; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border: 0; border-bottom: 1px solid var(--lw-border); padding: 12px 16px; background: none; font-style: normal; }
.woocommerce table.shop_attributes tr:last-child th, .woocommerce table.shop_attributes tr:last-child td { border-bottom: 0; }
.woocommerce table.shop_attributes th { width: 220px; font-family: var(--lw-font-head); font-weight: 500; color: var(--lw-heading); border-right: 1px solid var(--lw-border); }
.woocommerce table.shop_attributes td { color: var(--lw-heading); }
.woocommerce table.shop_attributes td p { margin: 0; }
/* Sekcje pod produktem */
.woocommerce div.product .related, .woocommerce div.product .lw-brand-products, .woocommerce div.product .lw-popular-categories, .woocommerce div.product section.lw-section {
clear: both; width: 100%; float: none; margin-top: 72px; padding-top: 48px; border-top: 1px solid var(--lw-border); }
.woocommerce div.product .related > h2, .woocommerce .lw-brand-products > h2, .woocommerce .lw-popular-categories > h2 {
font-family: var(--lw-font-head); font-size: 30px; font-weight: 500; letter-spacing: -1px; color: var(--lw-heading); margin: 0 0 28px; }
.lw-cat-boxes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.lw-cat-box { display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--lw-border); border-radius: var(--lw-radius); background: #fff; padding: 32px 16px;
font-family: var(--lw-font-head); font-size: 16px; font-weight: 500; letter-spacing: -0.3px; color: var(--lw-heading); text-decoration: none; transition: border-color .2s ease, color .2s ease, background .2s ease; }
.lw-cat-box:hover { border-color: var(--lw-brand); color: var(--lw-brand-dark); background: var(--lw-brand-subtle); }
.woocommerce div.product .lw-popular-categories { margin-bottom: 80px; }
@media (max-width: 700px) {
.lw-cat-boxes { grid-template-columns: repeat(2, 1fr); }
.woocommerce div.product form.cart { flex-direction: column; }
.woocommerce div.product form.cart .quantity .qty { width: 100%; }
}
/* =====================================================================
Koszyk (blok WooCommerce) / zamówienie / konto – tabela i podsumowanie
wg Roiser cart.html (szare panele, nagłówki uppercase, ramki), tokeny motywu
===================================================================== */
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { font-family: var(--lw-font-text); color: var(--lw-text); }
.wc-block-cart .wc-block-cart-items, .wc-block-cart table.wc-block-cart-items { background: var(--lw-bg); border: 1px solid var(--lw-border); border-radius: var(--lw-radius); overflow: hidden; }
.wc-block-cart .wc-block-cart-items th, .wc-block-cart .wc-block-cart-items__header { font-family: var(--lw-font-head) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .5px; text-transform: uppercase; color: var(--lw-muted) !important; padding: 22px 24px !important; border-bottom: 1px solid var(--lw-border) !important; }
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row { padding: 24px !important; border-bottom: 1px solid var(--lw-border); }
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row:last-child { border-bottom: 0; }
.wc-block-cart .wc-block-components-product-name { font-family: var(--lw-font-head); font-size: 17px; font-weight: 500; letter-spacing: -0.3px; color: var(--lw-heading); text-decoration: none; }
.wc-block-cart .wc-block-components-product-metadata, .wc-block-cart .wc-block-components-product-details { font-family: var(--lw-font-head); font-size: 12px; color: var(--lw-muted); }
.wc-block-cart .wc-block-components-product-price, .wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price { font-family: var(--lw-font-head); font-weight: 600; color: var(--lw-heading); }
.wc-block-cart .wc-block-cart-item__image img { border: 1px solid var(--lw-border); border-radius: 3px; background: #fff; }
.wc-block-cart .wc-block-components-quantity-selector { border-radius: 0; box-shadow: none; border: 1px solid var(--lw-border); background: #fff; font-family: var(--lw-font-head); }
.wc-block-cart .wc-block-components-quantity-selector::after { border-radius: 0; box-shadow: none; }
.wc-block-cart .wc-block-cart-item__remove-link { font-family: var(--lw-font-head); font-size: 12px; color: var(--lw-muted); }
.wc-block-cart .wc-block-cart-item__remove-link:hover { color: var(--lw-brand-dark); }
.wc-block-cart .wc-block-cart__sidebar .wc-block-components-sidebar, .wc-block-cart .wc-block-components-totals-wrapper, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
background: var(--lw-bg); border-color: var(--lw-border); }
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block { border: 1px solid var(--lw-border); border-radius: var(--lw-radius); padding: 16px 24px; }
.wc-block-cart .wc-block-components-totals-wrapper { border-top-color: var(--lw-border); padding: 16px 0; }
.wc-block-cart .wc-block-components-totals-item, .wc-block-cart .wc-block-components-totals-item__label { font-family: var(--lw-font-head); font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: .3px; color: var(--lw-text); }
.wc-block-cart .wc-block-components-totals-item__value { font-family: var(--lw-font-head); font-weight: 600; color: var(--lw-heading); text-transform: none; }
.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { color: var(--lw-heading); font-weight: 600; }
.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 20px; }
.wc-block-cart .wc-block-components-totals-item__description, .wc-block-cart .wc-block-components-shipping-rates-control, .wc-block-cart .wc-block-components-radio-control__label { font-family: var(--lw-font-text); font-size: 14px; text-transform: none; letter-spacing: 0; color: var(--lw-text); }
.wc-block-cart .wc-block-components-radio-control__option { border-color: var(--lw-border); }
.wc-block-cart .wc-block-components-radio-control__input:checked, .wc-block-cart .wc-block-components-radio-control__input:checked::before { border-color: var(--lw-brand); background-color: var(--lw-brand); }
.wc-block-cart .wc-block-components-totals-coupon .wc-block-components-text-input input, .wp-block-woocommerce-checkout .wc-block-components-text-input input { border-radius: 0; border-color: var(--lw-border); font-family: var(--lw-font-text); }
.wc-block-cart .wc-block-cart__submit-container .wc-block-components-button { width: 100%; justify-content: center; padding: 16px 24px !important; }
.wc-block-cart .wc-block-components-button__text { font-family: var(--lw-font-head); font-weight: 600; }
.wc-block-components-panel__button, .wc-block-components-totals-coupon-link { font-family: var(--lw-font-head); color: var(--lw-heading); }
.wc-block-components-panel__button:hover, .wc-block-components-totals-coupon-link:hover { color: var(--lw-brand-dark); }
.wc-block-cart .wc-block-cart__empty-cart__title, .wp-block-woocommerce-cart h2, .wp-block-woocommerce-checkout h2, .wp-block-woocommerce-checkout .wc-block-components-title { font-family: var(--lw-font-head); font-weight: 500; letter-spacing: -0.5px; color: var(--lw-heading); }
/* klasyczne szablony (konto, zamówienia, shortcode) */
.woocommerce table.shop_table { border: 1px solid var(--lw-border); border-radius: var(--lw-radius); background: var(--lw-bg); font-family: var(--lw-font-text); font-size: 15px; }
.woocommerce table.shop_table th { font-family: var(--lw-font-head); font-size: 13px; font-weight: 500; letter-spacing: .5px; text-transform: uppercase; color: var(--lw-muted); padding: 22px 16px; }
.woocommerce table.shop_table td { padding: 20px 16px; color: var(--lw-heading); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: var(--lw-border); }
.woocommerce table.shop_table td.product-name a { font-family: var(--lw-font-head); font-size: 17px; font-weight: 500; text-decoration: none; }
.woocommerce table.shop_table .product-remove a.remove { color: var(--lw-heading) !important; font-weight: 400; }
.woocommerce table.shop_table .product-remove a.remove:hover { background: var(--lw-brand); color: #fff !important; }
.woocommerce .cart-collaterals .cart_totals { background: var(--lw-bg); border: 1px solid var(--lw-border); padding: 30px; }
.woocommerce .cart-collaterals .cart_totals table.shop_table { border: 0; background: none; }
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-checkout h3, .woocommerce-account h2, .woocommerce-account h3 { font-family: var(--lw-font-head); font-size: 24px; font-weight: 500; letter-spacing: -0.8px; color: var(--lw-heading); }
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button { display: flex; justify-content: center; padding: 16px 24px !important; }
.woocommerce form .form-row label { font-family: var(--lw-font-head); font-size: 13px; font-weight: 500; color: var(--lw-heading); }
.woocommerce-checkout #payment { background: var(--lw-bg); border-radius: 0; }
.woocommerce-checkout #payment div.payment_box { background: #fff; border-radius: 0; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; }
/* =====================================================================
PASS 2 (2026-09-06): typografia + separacja archiwum.
Zasada: 3 role typograficzne. Naglowki = Poppins 500. Tresc i etykiety
nawigacyjne = Lora 400. Dane (cena, liczniki, chipy) = Poppins 600/500.
Jedyny tracked-uppercase na stronie = nadtytul nad H1.
Separacja: bialy pas naglowka -> szary grunt (#F8F8F8) z bialymi
kartami bez ramek -> ciemna stopka. Karty i boxy oddziela grunt, nie
wloskowate linie.
===================================================================== */
body.woocommerce.archive, body.woocommerce.post-type-archive-product, body.woocommerce.tax-product_cat, body.woocommerce.tax-product_brand, body.woocommerce.tax-product_tag { background: var(--lw-bg); }
/* pas naglowka: bialy, jedna linia dzielaca */
.woocommerce .page-header, .woocommerce-products-header { background: #fff !important; border-bottom: 1px solid var(--lw-border); margin-bottom: 0 !important; }
.woocommerce .page-header::before, .woocommerce .page-header::after, .woocommerce-products-header::before, .woocommerce-products-header::after { display: none !important; }
.woocommerce-products-header__title.page-title { font-size: 44px; letter-spacing: -1.2px; }
.lw-eyebrow { font-size: 13px; letter-spacing: 1.2px; margin-bottom: 8px; }
.woocommerce .woocommerce-breadcrumb { font-family: var(--lw-font-text); font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--lw-muted); }
.woocommerce .woocommerce-breadcrumb a { color: var(--lw-muted); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--lw-heading); }
/* uklad: wiecej powietrza */
.lw-shop-layout { gap: 40px; padding: 40px 0 72px; }
.lw-shop-layout.lw-full { padding-top: 32px; }
.lw-subcats { margin-bottom: 24px; gap: 10px; }
.lw-subcats a { font-size: 14px; padding: 10px 16px; border-color: transparent; background: #fff; box-shadow: 0 1px 2px rgba(13,18,24,.05); }
.lw-subcats a:hover { border-color: var(--lw-heading); }
.lw-subcats li.lw-active a { background: var(--lw-heading); border-color: var(--lw-heading); }
.lw-shop-top { margin-bottom: 24px; }
.woocommerce .woocommerce-result-count { font-family: var(--lw-font-text); font-size: 14px; font-weight: 400; color: var(--lw-muted); }
.woocommerce .woocommerce-ordering select { font-family: var(--lw-font-text); font-size: 14px; font-weight: 400; border-color: transparent; box-shadow: 0 1px 2px rgba(13,18,24,.05); padding: 10px 40px 10px 14px; }
.woocommerce .woocommerce-ordering::before { font-family: var(--lw-font-text); font-weight: 400; font-size: 14px; }
/* sidebar: biale boxy na gruncie, bez ramek; jedna hierarchia w srodku */
.lw-filters-head { padding: 0 2px 14px; }
.lw-filters-head > span { font-family: var(--lw-font-head); font-size: 16px; font-weight: 500; letter-spacing: -0.3px; text-transform: none; color: var(--lw-heading); }
.lw-clear-filters { font-family: var(--lw-font-text); font-size: 13px; text-decoration: none; border-bottom: 1px solid currentColor; }
.lw-filter-group { border: 0; box-shadow: 0 1px 2px rgba(13,18,24,.05); padding: 22px 24px 20px; margin-bottom: 16px; }
.lw-filter-group summary { font-family: var(--lw-font-head); font-size: 16px; font-weight: 500; letter-spacing: -0.3px; text-transform: none; color: var(--lw-heading); padding-bottom: 0; border: 0; }
.lw-filter-group[open] summary { padding-bottom: 14px; border-bottom: 1px solid var(--lw-border); }
.lw-filter-group .lw-filter-body { margin-top: 14px; }
.lw-filter-widget ul li, .lw-filter-list li { font-family: var(--lw-font-text); font-size: 15px; padding: 6px 0; }
.lw-filter-widget ul li .count, .lw-filter-widget .lw-count, .lw-filter-list .lw-count { font-family: var(--lw-font-head); font-size: 12px; font-weight: 500; color: var(--lw-muted); }
.lw-filter-widget .product-categories > li.cat-item { padding: 6px 0; }
.lw-filter-widget .product-categories > li.cat-item + li.cat-item { border-top: 0; }
.lw-filter-widget .product-categories > li.cat-item > a { font-family: var(--lw-font-head); font-size: 14px; font-weight: 500; letter-spacing: -0.2px; text-transform: none; color: var(--lw-heading); line-height: 1.35; }
.lw-filter-widget .product-categories > li.cat-item > a::after { color: var(--lw-muted); }
.lw-filter-widget .product-categories > li.current-cat > a, .lw-filter-widget .product-categories > li.current-cat-parent > a { color: var(--lw-brand-dark); }
.lw-filter-widget .product-categories ul.children { margin: 8px 0 4px; padding-left: 0; border-left: 0; }
.lw-filter-widget .product-categories ul.children li { padding: 5px 0 5px 4px; font-size: 15px; }
.lw-filter-widget .product-categories ul.children li a { color: var(--lw-text); }
.lw-filter-widget .product-categories ul.children li.current-cat > a { color: var(--lw-brand-dark); font-weight: 700; }
.lw-filter-widget .price_slider_amount { font-family: var(--lw-font-text); font-size: 14px; }
/* karty: bez ramek, oddzielone gruntem; zdjecie na bieli z linia pod spodem */
.woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 { gap: 28px !important; }
.woocommerce ul.products li.product { border: 0 !important; box-shadow: 0 1px 2px rgba(13,18,24,.05); transition: box-shadow .25s ease, transform .25s ease; }
.woocommerce ul.products li.product:hover { box-shadow: 0 12px 28px -12px rgba(13,18,24,.18), 0 1px 2px rgba(13,18,24,.05); transform: translateY(-2px); }
.woocommerce ul.products li.product a img { background: #fff; padding: 28px; border-bottom: 1px solid var(--lw-border); }
.woocommerce ul.products li.product .lw-card-cat { display: block; font-family: var(--lw-font-text); font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--lw-muted); padding: 20px 22px 0; margin: 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 17px; letter-spacing: -0.4px; line-height: 1.3; padding: 4px 22px 8px; }
.woocommerce ul.products li.product .price { font-family: var(--lw-font-head); font-size: 17px; font-weight: 600; letter-spacing: -0.3px; color: var(--lw-heading); padding: 0 22px; }
.woocommerce ul.products li.product .price .woocommerce-price-suffix { font-family: var(--lw-font-text); font-size: 12px; color: var(--lw-muted); }
.woocommerce ul.products li.product .lw-card-desc { font-size: 14px; margin: 10px 22px 0; }
.woocommerce ul.products li.product .lw-card-meta { font-family: var(--lw-font-text); font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--lw-muted); margin: 8px 22px 22px; }
.woocommerce ul.products li.product .lw-card-actions .lw-card-btn { box-shadow: 0 2px 8px rgba(13,18,24,.12); }
/* karty dzialow (/sklep/) - ta sama logika; zdjecia w pelnym kadrze */
.woocommerce ul.products li.product-category img { padding: 0; border-bottom: 0; object-fit: cover !important; }
.woocommerce ul.products li.product-category .woocommerce-loop-category__title { font-size: 22px; padding: 22px 24px 0; }
.woocommerce ul.products li.product-category .lw-cat-children { padding: 0 24px 16px; }
.woocommerce ul.products li.product-category .lw-cat-children a { font-size: 15px; padding: 7px 0; }
.woocommerce ul.products li.product-category .lw-cat-all { font-family: var(--lw-font-head); font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; margin: 0 24px 24px; color: var(--lw-brand-dark); border-bottom: 1px solid currentColor; display: inline-block; }
.lw-shop-intro { margin: 0 0 32px; }
.lw-shop-intro p { font-size: 17px; line-height: 1.6; }
/* paginacja */
.woocommerce nav.woocommerce-pagination { margin-top: 44px; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { background: #fff; border: 0; box-shadow: 0 1px 2px rgba(13,18,24,.05); font-family: var(--lw-font-head); font-size: 14px; font-weight: 500; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--lw-heading); color: #fff; }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: #fff; color: var(--lw-brand-dark); box-shadow: 0 0 0 1px var(--lw-heading) inset; }
@media (max-width: 1000px) { .lw-shop-layout { gap: 28px; padding: 28px 0 56px; } .woocommerce-products-header__title.page-title { font-size: 34px; } }
/* =====================================================================
Pasek wyszukiwania „Profil” (zastępuje nagłówek archiwum)
===================================================================== */
.woocommerce-products-header:not(:has(.term-description, .page-description)) { display: none; }
.lw-bar { position: relative; background: var(--lw-dark); color: #fff; margin: 0 calc(50% - 50vw); padding: 36px max(20px, calc(50vw - 50%)) 0; border-bottom: 1.5px solid var(--lw-brand); }
.woocommerce .lw-bar .woocommerce-breadcrumb { padding: 0; margin: 0 0 22px; font-size: 13px; color: #9a948c; }
.woocommerce .lw-bar .woocommerce-breadcrumb a { color: #9a948c; }
.woocommerce .lw-bar .woocommerce-breadcrumb a:hover { color: #fff; }
.lw-bar-grid { display: grid; grid-template-columns: 1.05fr 1.4fr; gap: 48px; align-items: end; padding-bottom: 36px; }
.lw-bar h1 { font-family: var(--lw-font-head); font-weight: 500; font-size: 42px; letter-spacing: -1.2px; line-height: 1.08; margin: 0 0 10px; color: #fff; }
.lw-bar-sub { margin: 0; font-family: var(--lw-font-text); font-size: 16px; color: #cfc8bf; max-width: 46ch; line-height: 1.55; }
.lw-tally { display: flex; align-items: baseline; gap: 12px; margin: 0 0 12px; font-family: var(--lw-font-text); font-style: italic; font-size: 17px; line-height: 1; color: #cfc8bf; }
.lw-tally b { font-family: var(--lw-font-head); font-style: normal; font-weight: 500; font-size: 34px; letter-spacing: -1px; line-height: 1; color: #fff; }
.lw-tally::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .35; align-self: center; margin-left: 6px; }
.lw-search { display: flex; align-items: stretch; width: 100%; border: 1px solid rgba(255,255,255,.14); margin: 0; }
.woocommerce .lw-search select, .woocommerce .lw-search input, .woocommerce .lw-search button, body .lw-search input[type="search"] { font-family: var(--lw-font-head); font-size: 16px; border: 0 !important; outline: 0; border-radius: 0 !important; margin: 0; box-shadow: none; line-height: 1.2; background-clip: padding-box; }
.lw-search input[type="search"] { flex: 1; min-width: 0; padding: 0 20px; height: 60px; background: #fff; color: var(--lw-heading); }
.lw-search input::placeholder { color: var(--lw-muted); font-family: var(--lw-font-text); font-style: italic; }
.lw-search select { height: 60px; width: 200px; flex: 0 0 200px; text-overflow: ellipsis; padding: 0 40px 0 16px; color: var(--lw-heading); border-right: 1px solid var(--lw-border); -webkit-appearance: none; appearance: none;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234F5357' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 18px center; }
.lw-search button { height: 60px; padding: 0 28px; background: var(--lw-brand); color: #fff; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 10px; }
.lw-search button:hover { background: var(--lw-brand-dark); color: #fff; }
.lw-search svg { width: 18px; height: 18px; flex: none; }
.lw-search input:focus-visible, .lw-search select:focus-visible, .lw-search button:focus-visible { box-shadow: inset 0 0 0 2px var(--lw-brand); }
.lw-bar-quick { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 16px; font-family: var(--lw-font-head); font-size: 13.5px; }
.lw-bar-quick a { color: #e6e0d6; text-decoration: none; border-bottom: 1px solid transparent; }
.lw-bar-quick a:hover { border-bottom-color: var(--lw-brand); color: #fff; }
.lw-bar-quick span { color: #8d867d; }
.lw-bar-profile { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; height: 24px; }
.lw-bar-profile svg { display: block; width: 100%; height: 24px; }
.lw-bar-profile path { fill: none; stroke: var(--lw-brand); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
@media (max-width: 900px) {
.lw-bar-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.lw-bar h1 { font-size: 32px; }
.lw-search select { display: none; }
.lw-search input[type="search"], .lw-search button { height: 52px; }
.lw-tally { font-size: 15px; gap: 8px; }
.lw-tally b { font-size: 26px; }
.lw-tally::after { display: none; }
.lw-bar-quick { gap: 4px 16px; }
}
/* Karta w listingu: nazwa / kod / cena netto (brutto) / wysokość – materiał */
.woocommerce ul.products li.product .woocommerce-loop-product__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 2px; }
/* poprawka 2026-09-16: .lw-omnibus ma bazowo (price-history.php, wp_head) "flex:0 0 100%" - mialo to sens
w .price (flex-direction:row na karcie produktu), ale karta listingu (.woocommerce-LoopProduct-link) jest
flex-direction:COLUMN, wiec "flex-basis:100%" liczylo sie z WYSOKOSCI kontenera (gdy CSS Grid wyrownuje
wysokosc karty w wierszu -> kontener dostaje definitywna wysokosc) i omnibus zabieral cala dostepna
przestrzen kosztem innych elementow (flex-shrink:1 domyslnie) - tytul kurczyl sie do ~10-12px (niewidoczny
tekst) na WSZYSTKICH szerokosciach ekranu, nie tylko mobile. Selektor tu jest bardziej specyficzny niz baza
(.lw-omnibus), wiec wygrywa bez !important mimo ze bazowy