/* ==========================================================================
   SKATE SHOP — reskin WooCommerce pod design Skate Strategies
   Zmieniamy TYLKO wygląd. Cała logika (ceny, koszyk, checkout, płatności
   Przelewy24) zostaje domyślna, obsługiwana przez WooCommerce.
   ========================================================================== */

.skate-shop-wrap {
  padding: 60px 24px 100px;
  max-width: 1180px;
  margin: 0 auto;
}

/* ---------- Ogólne typo / linki wewnątrz .woocommerce ---------- */
.woocommerce {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--text);
}
.skate-shop-wrap .woocommerce a { color: var(--navy); text-decoration: none; }
.skate-shop-wrap .woocommerce a:hover { color: var(--orange); }

/* Tytuł strony sklepu / kategorii */
.skate-shop-wrap h1.woocommerce-products-header__title,
.skate-shop-wrap h1.entry-title {
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 26px;
  letter-spacing: -0.01em;
}

/* Breadcrumb */
.woocommerce-breadcrumb {
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 22px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}
.woocommerce-breadcrumb a { color: var(--muted); }
.woocommerce-breadcrumb a:hover { color: var(--orange); }

/* Komunikaty (dodano do koszyka, błędy itd.) */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
p.no-comments {
  background: var(--surface);
  border: 1px solid var(--line);
  border-left: 4px solid var(--orange);
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 24px;
  font-size: 14.5px;
  list-style: none;
}
.woocommerce-error { border-left-color: #c0392b; }
.woocommerce-message .button,
.woocommerce-info .button {
  float: none;
  display: inline-block;
  margin-left: 12px;
}

/* Filtr kategorii / sortowanie */
.woocommerce-result-count { color: var(--muted); font-size: 13.5px; }
.woocommerce-ordering select {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 9px 14px;
  font-family: inherit;
  font-size: 13.5px;
  background: var(--bg);
  color: var(--text);
}

/* ---------- Siatka produktów ---------- */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin: 0 0 40px !important;
  padding: 0;
  list-style: none;
}
@media (max-width: 980px) { ul.products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { ul.products { grid-template-columns: 1fr; } }

ul.products li.product {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 18px;
  text-align: left;
  transition: transform .15s ease, box-shadow .15s ease;
  list-style: none;
  margin: 0 !important;
}
ul.products li.product a { display: block; }
ul.products li.product img {
  border-radius: 10px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin-bottom: 14px;
}
ul.products li.product .price del { color: var(--muted); opacity: .6; margin-right: 6px; }
ul.products li.product .price ins { text-decoration: none; color: var(--orange); }
ul.products li.product .star-rating { font-size: 13px; margin-bottom: 6px; }

ul.products li.product .button,
ul.products li.product .added_to_cart {
  display: inline-block;
  margin-top: 12px;
  background: var(--orange);
  color: #1a0f00;
  padding: 10px 20px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 13.5px;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
ul.products li.product .button:hover { filter: brightness(0.95); }
ul.products li.product .onsale {
  position: absolute;
  background: var(--navy);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 100px;
  top: 12px; left: 12px;
}

/* ---------- Pojedynczy produkt ---------- */
.single-product .product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-bottom: 60px;
}
@media (max-width: 780px) { .single-product .product { grid-template-columns: 1fr; gap: 24px; } }

.single-product .woocommerce-product-gallery img {
  border-radius: 16px;
  border: 1px solid var(--line);
}
.single-product .product_title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 10px;
  letter-spacing: -0.01em;
}
.single-product .price {
  font-size: 24px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 18px;
  display: block;
}
.single-product .woocommerce-product-details__short-description {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 22px;
}
.single-product .single_add_to_cart_button {
  background: var(--orange);
  color: #1a0f00;
  padding: 15px 34px;
  border-radius: 100px;
  border: none;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 6px 16px -4px rgba(255,158,0,0.45);
}

/* Zakładki (opis / opinie) */
.woocommerce-tabs ul.tabs {
  display: flex;
  gap: 6px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 24px;
  padding: 0;
  list-style: none;
}
.woocommerce-tabs ul.tabs li {
  list-style: none;
  margin: 0;
}
.woocommerce-tabs ul.tabs li a {
  display: inline-block;
  padding: 12px 20px;
  font-weight: 700;
  font-size: 14px;
  color: var(--muted);
  border-radius: 10px 10px 0 0;
}
.woocommerce-tabs ul.tabs li.active a { color: var(--navy); background: var(--surface); }

/* ---------- Koszyk ---------- */
table.shop_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}
table.shop_table th {
  text-align: left;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--muted);
  padding: 12px;
  border-bottom: 2px solid var(--line);
}
table.shop_table td {
  padding: 16px 12px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
table.shop_table td.product-name a { font-weight: 700; color: var(--text); }
table.shop_table img { border-radius: 10px; max-width: 64px; }
table.shop_table .product-price, table.shop_table .product-subtotal { font-weight: 700; color: var(--navy); }

.cart .quantity input.qty {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px;
  width: 56px;
  text-align: center;
}

a.remove {
  color: var(--muted) !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
a.remove:hover { color: #c0392b !important; }

.coupon input[type="text"] {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
  font-family: inherit;
}

button[name="update_cart"],
button[name="apply_coupon"] {
  background: var(--bg);
  border: 1px solid var(--navy);
  color: var(--navy);
  padding: 12px 22px;
  border-radius: 100px;
  font-weight: 700;
  cursor: pointer;
}
button[name="update_cart"]:hover,
button[name="apply_coupon"]:hover { background: var(--navy-dim); }

.cart-collaterals .cart_totals {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 26px;
  max-width: 420px;
  margin-left: auto;
}
.cart_totals h2 { font-size: 18px; font-weight: 800; margin-bottom: 14px; }
.cart_totals table td, .cart_totals table th { border-bottom: 1px solid var(--line); padding: 10px 0; }
.cart_totals .order-total .amount { font-size: 19px; font-weight: 800; color: var(--navy); }

.wc-proceed-to-checkout .checkout-button {
  display: block;
  text-align: center;
  background: var(--orange);
  color: #1a0f00;
  padding: 16px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  margin-top: 16px;
}
.wc-proceed-to-checkout .checkout-button:hover { filter: brightness(0.96); }

/* ---------- Checkout ---------- */
.woocommerce-checkout h3 {
  font-size: 19px;
  font-weight: 800;
  margin: 28px 0 16px;
}
.woocommerce-billing-fields .form-row,
.woocommerce-additional-fields .form-row {
  margin-bottom: 16px;
}
.woocommerce-checkout label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.select2-container .select2-selection--single {
  width: 100%;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: inherit;
  font-size: 14.5px;
  background: var(--bg);
  height: auto !important;
}
/* "Utwórz konto na Skate Strategies" — sekcja core WooCommerce
   (.woocommerce-account-fields, p.create-account, input#createaccount).
   Input#account_password miał type="password", pominięty w liście
   powyżej, więc zostawał nieostylowany; checkbox nie miał w ogóle reguł. */
.woocommerce-account-fields {
  margin-top: 16px;
}
.woocommerce-account-fields .create-account {
  margin-top: 12px;
}
p.form-row.create-account label.checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.woocommerce-checkout input.woocommerce-form__input-checkbox,
.woocommerce-checkout input[type="checkbox"] {
  accent-color: var(--orange);
  width: 16px;
  height: 16px;
  cursor: pointer;
}
/* Checkout blokowy (WooCommerce Blocks) — "Utwórz konto na Skate Strategies"
   to input#checkbox-control-0.wc-block-components-checkbox__input, NIE
   klasyczny #createaccount (reguła powyżej go nie łapie: appearance:none
   + flex bez flex-basis rozciąga input do wysokości wiersza, stąd 20x58).
   Podbijamy specyficzność do samego selektora WC (2 klasy + atrybut) i
   wymuszamy sztywny box 20x20 przez min/max, żeby flex nie mógł go rozciągnąć. */
.wc-block-components-checkbox {
  align-items: center !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"],
.wc-block-components-checkbox__input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex: 0 0 20px !important;
  align-self: flex-start !important;
  aspect-ratio: 1 !important;
  box-sizing: border-box !important;
  cursor: pointer;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
  background-color: var(--orange) !important;
  border-color: var(--orange) !important;
  accent-color: var(--orange);
}
#order_review {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 26px;
}
#order_review table.shop_table { margin-bottom: 0; }
#payment {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px;
}
#payment ul.payment_methods { list-style: none; padding: 0; }
#payment .payment_box {
  background: var(--bg);
  border-radius: 10px;
  padding: 14px;
  margin-top: 10px;
  font-size: 13.5px;
  color: var(--muted);
}
#place_order {
  width: 100%;
  background: var(--orange);
  color: #1a0f00;
  padding: 17px;
  border-radius: 100px;
  border: none;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  margin-top: 18px;
  box-shadow: 0 6px 16px -4px rgba(255,158,0,0.45);
}
#place_order:hover { filter: brightness(0.96); }

/* ---------- Moje konto ---------- */
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  background: var(--orange-dim);
  color: var(--navy);
}
.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"] {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
  width: 100%;
}
.woocommerce-MyAccount-content button.button {
  background: var(--orange);
  color: #1a0f00;
  padding: 13px 26px;
  border-radius: 100px;
  border: none;
  font-weight: 700;
  cursor: pointer;
}

#sidebar { display: none !important; }
.skate-shop-wrap #content-area,
.skate-shop-wrap #left-area { width: 100% !important; float: none !important; padding: 0 !important; }

body.woocommerce-shop #sidebar,
body.et_right_sidebar #sidebar {
  display: none !important;
}

body.woocommerce-shop #left-area,
body.et_right_sidebar #left-area {
  width: 100% !important;
  float: none !important;
  padding-right: 0 !important;
}

body.woocommerce-shop #content-area,
body.et_right_sidebar #content-area {
  width: 100% !important;
}

.skate-shop-wrap .container:before { display: none !important; }


ul.products li.product,
ul.products li.product.first,
ul.products li.product.last {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

#main-content {
  background: transparent !important;
}
#main-content .container:before,
.skate-shop-wrap .container:before {
  display: none !important;
}
body.woocommerce-shop #main-content .container,
body.et_right_sidebar #main-content .container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  float: none !important;
}
body.woocommerce-shop #content-area,
body.woocommerce-shop #left-area,
body.et_right_sidebar #content-area,
body.et_right_sidebar #left-area {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.skate-shop-wrap ul.products {
  margin: 0 !important;
  padding: 0 !important;
}

.skate-shop-wrap h1.entry-title,
.skate-shop-wrap h1.woocommerce-products-header__title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--text, #1a1a1a);
}

.skate-shop-wrap h1.page-title,
.skate-shop-wrap .woocommerce-breadcrumb {
  display: none !important;
}

ul.products li.product {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 18px !important;
  box-shadow: none !important;
}

ul.products li.product img {
  border-radius: 10px !important;
  box-shadow: none !important;
}

ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 10px 0 4px !important;
  color: var(--text) !important;
}

ul.products li.product .price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
}

.shop-cat-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 30px;
}
.shop-cat-pill {
  display: inline-block;
  padding: 9px 18px;
  border: 1.5px solid var(--navy);
  border-radius: 100px;
  color: var(--navy) !important;
  font-weight: 700;
  font-size: 13.5px;
  text-decoration: none !important;
}
.shop-cat-pill:hover { background: var(--navy-dim); }
.shop-cat-pill.active {
  background: var(--orange);
  border-color: var(--orange);
  color: #1a0f00 !important;
}

.skate-shop-wrap ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  justify-content: start !important;
  justify-items: stretch !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.skate-shop-wrap ul.products li.product:first-child {
  margin-left: 0 !important;
}

.skate-shop-wrap .woocommerce {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.skate-shop-wrap ul.products li.product {
  float: none !important;
  clear: none !important;
  width: auto !important;
}

.skate-shop-wrap p.woocommerce-result-count {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--muted) !important;
  font-size: 13.5px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

.skate-shop-wrap .woocommerce-ordering {
  margin: 0 !important;
}

.skate-shop-wrap ul.products::before,
.skate-shop-wrap ul.products::after {
  content: none !important;
  display: none !important;
}

.shop-cat-pill {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.skate-shop-wrap .page-hero {
  border-bottom: none !important;
}

.wrap .shop-cat-filters {
  margin-top: 24px !important;
}
.shop-cat-pill {
  color: #1a1a1a !important;
}
.shop-cat-pill.active {
  color: #1a0f00 !important;
}

.skate-shop-wrap .woocommerce-ordering {
  margin-top: 0 !important;
}
.wrap .page-hero {
  border-bottom: none !important;
}
.shop-cat-pill {
  border-color: #1a1a1a !important;
}
.shop-cat-pill.active {
  border-color: var(--orange) !important;
}

/* ===== ETAP A: Fundament wizualny Skateshopu ===== */

/* Nagłówki i breadcrumb w Fredoka, spójnie z resztą strony */
.skate-shop-wrap .woocommerce-breadcrumb {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.skate-shop-wrap .woocommerce-breadcrumb a:hover {
  color: var(--orange) !important;
}

/* Karty produktów - hover jak reszta kart na stronie, mały akcent koloru */
ul.products li.product {
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px -12px rgba(0,0,0,0.16);
  border-color: var(--orange) !important;
}
ul.products li.product .woocommerce-loop-product__title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  transition: color .15s ease;
}

/* Etykieta "Promocja" w palecie marki zamiast domyślnego WooCommerce */
.woocommerce span.onsale {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Komunikaty WooCommerce (dodano do koszyka, błędy) w stylu marki */
.skate-shop-wrap .woocommerce-message,
.skate-shop-wrap .woocommerce-info {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  border-left-color: var(--orange) !important;
}
.skate-shop-wrap .woocommerce-message::before,
.skate-shop-wrap .woocommerce-info::before {
  color: var(--orange) !important;
}
.skate-shop-wrap .woocommerce-error {
  border-left-color: #c0392b !important;
}
.skate-shop-wrap .woocommerce-message a.button,
.skate-shop-wrap .woocommerce-info a.button {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
}

/* Dropdown sortowania - dopracowany pod design system */
.skate-shop-wrap .woocommerce-ordering select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--text) !important;
  cursor: pointer;
  transition: border-color .15s ease;
}
.skate-shop-wrap .woocommerce-ordering select:hover {
  border-color: var(--orange) !important;
}

/* Licznik wyników - subtelny, spójny */
.skate-shop-wrap p.woocommerce-result-count {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.skate-shop-wrap .woocommerce-info {
  text-align: center;
  padding: 40px 24px !important;
  font-size: 16px !important;
}

/* ===== ETAP C: Strona pojedynczego produktu - pełny redesign ===== */

/* Layout: galeria+podsumowanie obok siebie, zakładki i podobne produkty na pełną szerokość */
.single-product .product {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 48px !important;
  max-width: 1180px;
  margin: 0 auto !important;
}
.single-product .product > .woocommerce-product-gallery,
.single-product .product > .summary {
  flex: 1 1 420px !important;
  min-width: 320px;
  width: auto !important;
}
.single-product .product > .woocommerce-tabs,
.single-product .product > .related {
  flex: 1 1 100% !important;
  width: 100% !important;
  margin-top: 20px;
}

/* Tytuł produktu - szerszy, w Fredoka, bez dziwnego zawijania */
.single-product .product_title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  max-width: none !important;
  color: var(--text) !important;
}

/* Cena - czarny/pomarańcz zamiast niebieskiego WooCommerce */
.single-product .summary .price,
.single-product .summary .price ins {
  color: var(--navy) !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.single-product .summary .price del {
  color: var(--muted) !important;
}

/* Ilość w magazynie */
.single-product .stock {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--muted) !important;
  font-weight: 600;
}

/* Selektor ilości */
.single-product .quantity input.qty {
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Przycisk Dodaj do koszyka - w stylu btn-primary marki */
.single-product .single_add_to_cart_button {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 16px 40px !important;
  box-shadow: 0 6px 16px -4px rgba(255,158,0,0.45) !important;
  transition: filter .15s ease, transform .15s ease;
}
.single-product .single_add_to_cart_button:hover {
  filter: brightness(0.96);
  transform: translateY(-2px);
}

/* Kategorie/tagi pod przyciskiem - czarne linki zamiast niebieskich */
.single-product .product_meta a {
  color: var(--navy) !important;
  font-weight: 600;
}
.single-product .product_meta a:hover {
  color: var(--orange) !important;
}

/* Zakładki Opis/Opinie */
.single-product .woocommerce-tabs ul.tabs {
  border-bottom: 2px solid var(--line) !important;
  gap: 4px;
}
.single-product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
}
.single-product .woocommerce-tabs ul.tabs li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
  padding: 12px 22px !important;
  border-radius: 12px 12px 0 0 !important;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
  color: var(--navy) !important;
  background: var(--surface) !important;
}
.single-product .woocommerce-tabs .panel h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--text) !important;
}
.single-product .woocommerce-tabs .panel {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--text) !important;
  line-height: 1.7;
}

/* Sekcja opinii - odświeżona */
#reviews #comments h2,
#reviews #review_form_wrapper h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--text) !important;
}
.woocommerce-noreviews {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#review_form textarea,
#review_form input[type="text"],
#review_form input[type="email"] {
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  padding: 12px 14px !important;
}
.comment-form-rating .stars a {
  color: var(--orange) !important;
}
#review_form #submit,
#review_form .form-submit input[type="submit"] {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
}

/* Podobne produkty - nagłówek + siatka 4 kolumn spójna z resztą sklepu */
.single-product .related h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--text) !important;
  font-size: 24px !important;
  margin-bottom: 24px !important;
}
.single-product .related ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.single-product .related ul.products li.product {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 18px !important;
}
@media (max-width: 980px) {
  .single-product .related ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 560px) {
  .single-product .related ul.products { grid-template-columns: 1fr !important; }
}

/* ===== Etap C - poprawki po review ===== */

/* Mniejszy odstęp między pigułkami kategorii a produktem */
.single-product .product {
  margin-top: 24px !important;
}

/* Cena i tytuł - czarne, nie navy-blue */
.single-product .product_title {
  color: #1a1a1a !important;
}
.single-product .summary .price,
.single-product .summary .price ins {
  color: #1a1a1a !important;
}

/* Wyrównanie ilości i przycisku Dodaj do koszyka w jednej linii, tej samej wysokości */
.single-product form.cart {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap;
}
.single-product form.cart .quantity {
  margin: 0 !important;
}
.single-product .quantity input.qty {
  height: 54px !important;
  width: 70px !important;
  padding: 0 12px !important;
  font-size: 16px !important;
  text-align: center;
}
.single-product .single_add_to_cart_button {
  height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

/* Mniejszy odstęp przed "Podobne produkty" */
.single-product .woocommerce-tabs {
  margin-bottom: 0 !important;
}

/* Usuń zdublowany nagłówek "Opis" wewnątrz panelu (zakładka już go pokazuje) */
.single-product .woocommerce-Tabs-panel--description > h2:first-child {
  display: none !important;
}

/* Wymuś naszą czcionkę na całej treści opisu, mocniejszy selektor */
.single-product .woocommerce-Tabs-panel--description,
.single-product .woocommerce-Tabs-panel--description p,
.single-product .woocommerce-Tabs-panel--description li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #1a1a1a !important;
}

/* ===== Sekcja opinii - pełny redesign ===== */
#reviews {
  margin-top: 10px !important;
}
#reviews #comments {
  margin-bottom: 30px;
}
#reviews .commentlist {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#reviews .commentlist li {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}
#review_form_wrapper #reply-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 18px !important;
  color: #1a1a1a !important;
  margin-bottom: 16px !important;
}
.comment-form-rating label,
.comment-form-comment label,
#review_form .comment-form-author label,
#review_form .comment-form-email label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  display: block;
  margin-bottom: 6px;
}
#review_form textarea,
#review_form input[type="text"],
#review_form input[type="email"] {
  width: 100% !important;
  margin-bottom: 16px !important;
}
#review_form .form-submit {
  margin-top: 8px !important;
}

/* Link powrotu do wszystkich produktów */
.shop-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  color: var(--muted) !important;
  text-decoration: none !important;
  margin-top: 20px;
}
.shop-back-link:hover {
  color: var(--orange) !important;
}

/* Ostateczne, mocne przybicie odstępów wokół .single-product .product */
.single-product.woocommerce-page .skate-shop-wrap {
  padding-top: 0 !important;
}
.single-product .product,
.single-product .product.type-product {
  margin: 0 auto !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}
.shop-back-arrow {
  display: inline-block;
  transition: transform .15s ease;
}
.shop-back-link:hover .shop-back-arrow {
  transform: translateX(-4px);
}
.single-product .woocommerce-tabs {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.single-product .related {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.single-product .clearfix {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.comment-form-rating {
  margin-bottom: 12px !important;
}
#review_form textarea,
#review_form input[type="text"],
#review_form input[type="email"] {
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
}
#review_form_wrapper #reply-title {
  margin-bottom: 10px !important;
}
.woocommerce-noreviews {
  margin-bottom: 16px !important;
}

/* Gwiazdki oceny - pomarańczowe zamiast żółtych */
.woocommerce #review_form #respond p.stars a,
.woocommerce #review_form #respond p.stars a:before,
.comment-form-rating p.stars a,
.comment-form-rating p.stars a:before,
p.stars a::before,
.star-1::before, .star-2::before, .star-3::before, .star-4::before, .star-5::before {
  color: var(--orange) !important;
}

/* Napraw brzydki narożnik na aktywnej zakładce Opis/Opinie */
.single-product .woocommerce-tabs ul.tabs li,
.single-product .woocommerce-tabs ul.tabs li.active,
.single-product .woocommerce-tabs ul.tabs li:before,
.single-product .woocommerce-tabs ul.tabs li:after,
.single-product .woocommerce-tabs ul.tabs li.active:before,
.single-product .woocommerce-tabs ul.tabs li.active:after {
  content: none !important;
  box-shadow: none !important;
  background-image: none !important;
}
.single-product .woocommerce-tabs ul.tabs li {
  border-radius: 0 !important;
  overflow: visible !important;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
  border-radius: 12px 12px 0 0 !important;
}

/* Ujednolicony font dla Opisu i Opinii - taki sam jak w panelu Opis */
.single-product #reviews,
.single-product #reviews p,
.single-product #reviews .commentlist,
.single-product #reviews .commentlist li,
.single-product #reviews .comment-text,
.single-product #reviews .woocommerce-noreviews,
.single-product #review_form_wrapper,
.single-product #review_form_wrapper p,
.single-product #review_form_wrapper label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--text) !important;
}
.single-product #reviews #comments h2,
.single-product #reviews #review_form_wrapper #reply-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 24px !important;
  color: var(--text) !important;
}

.single-product .shop-back-link {
  margin-top: -30px !important;
  margin-bottom: 10px !important;
}

.single-product #reviews,
.single-product #reviews p,
.single-product #reviews .woocommerce-noreviews,
.single-product #review_form_wrapper,
.single-product #review_form_wrapper p,
.single-product #review_form_wrapper label,
.single-product #review_form_wrapper #reply-title,
.single-product .comment-form-rating label,
.single-product .comment-form-comment label,
.single-product .comment-form-author label,
.single-product .comment-form-email label {
  font-size: 14.5px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 1.6 !important;
}
.single-product #review_form_wrapper #reply-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
}

.single-product .comment-form-rating {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px !important;
}
.single-product .comment-form-rating .stars a {
  font-size: 22px !important;
}
.single-product .comment-form-comment,
.single-product .comment-form-author,
.single-product .comment-form-email {
  margin-bottom: 18px !important;
}
.single-product #review_form textarea,
.single-product #review_form input[type="text"],
.single-product #review_form input[type="email"] {
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.single-product #review_form textarea:focus,
.single-product #review_form input:focus {
  outline: none !important;
  border-color: var(--orange) !important;
}
.single-product .comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px !important;
  font-size: 13px !important;
}
.single-product #review_form .form-submit input[type="submit"] {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 13px 30px !important;
  cursor: pointer;
}

/* Koszyk - tabela produktów */
.woocommerce-cart table.shop_table {
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  overflow: hidden;
  border-collapse: separate !important;
}
.woocommerce-cart table.shop_table th {
  background: var(--surface) !important;
  color: var(--muted) !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.woocommerce-cart table.shop_table td {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.woocommerce-cart table.shop_table .product-price,
.woocommerce-cart table.shop_table .product-subtotal,
.woocommerce-cart table.shop_table .amount {
  color: #1a1a1a !important;
  font-weight: 700;
}
.woocommerce-cart table.shop_table td.product-name a {
  color: #1a1a1a !important;
  font-weight: 700;
}
.woocommerce-cart .quantity input.qty {
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
}
.woocommerce-cart .coupon input[type="text"] {
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
}
.woocommerce-cart button[name="apply_coupon"],
.woocommerce-cart button[name="update_cart"] {
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  border: 1.5px solid var(--navy) !important;
  color: var(--navy) !important;
  background: transparent !important;
}
.woocommerce-cart button[name="apply_coupon"]:hover,
.woocommerce-cart button[name="update_cart"]:hover {
  background: var(--navy) !important;
  color: #fff !important;
}

/* Podsumowanie koszyka */
.cart_totals {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 24px !important;
}
.cart_totals h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #1a1a1a !important;
}
.cart_totals table.shop_table {
  border: none !important;
}
.cart_totals .amount {
  color: #1a1a1a !important;
  font-weight: 700;
}
.wc-proceed-to-checkout .checkout-button {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 15px !important;
  text-align: center;
  display: block;
}

.shop-cat-filters-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.shop-nav-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}
.nav-account-pill {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}
.nav-account-pill svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  stroke-width: 2.4;
}
.nav-cart-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--text, #1a1a1a);
  flex-shrink: 0;
}
.nav-cart-icon svg {
  width: 100%;
  height: 100%;
}
.nav-cart-icon:hover {
  color: var(--orange);
}
.nav-cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  background: var(--orange);
  color: #1a0f00;
  font-size: 10px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
}

body.woocommerce-cart .skate-shop-wrap,
body.woocommerce-checkout .skate-shop-wrap,
body.woocommerce-account .skate-shop-wrap {
  padding-top: 0 !important;
  margin-top: -40px !important;
}

/* Mobile: "Moje konto" nad kategoriami, koszyk wyrównany do prawej w tym samym rzędzie */
@media (max-width: 560px) {
  .shop-cat-filters-row {
    flex-wrap: wrap;
  }
  .shop-nav-actions {
    order: -1;
    width: 100%;
    justify-content: space-between;
  }
  .nav-account-pill {
    order: -1;
  }
  .shop-cat-filters {
    width: 100%;
    order: 1;
  }
}

.wc-block-components-text-input input,
.wc-block-components-select__select,
.wc-block-components-country-input input,
.wc-block-components-address-form input,
.wc-block-components-address-form select {
  padding-top: 22px !important;
  padding-bottom: 8px !important;
  height: auto !important;
  min-height: 58px !important;
}
.wc-block-components-text-input label,
.wc-block-components-select__label {
  transition: none !important;
}
.wc-block-components-text-input.is-active label,
.wc-block-components-select.is-active .wc-block-components-select__label,
.wc-block-components-text-input input:focus ~ label,
.wc-block-components-text-input input:not(:placeholder-shown) ~ label {
  font-size: 11px !important;
  top: 8px !important;
  transform: none !important;
}

/* ===== Moje konto - pełny redesign ===== */
.woocommerce-MyAccount-navigation {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 12px !important;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-MyAccount-navigation li {
  margin-bottom: 4px !important;
}
.woocommerce-MyAccount-navigation li a {
  display: block !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  color: var(--text, #1a1a1a) !important;
  text-decoration: none !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  transition: background .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation li a:hover {
  background: var(--orange-dim, rgba(255,158,0,0.12)) !important;
  color: var(--orange) !important;
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a,
.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--orange) !important;
  color: #1a0f00 !important;
}

.woocommerce-MyAccount-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--text, #1a1a1a) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.woocommerce-MyAccount-content a {
  color: var(--navy) !important;
  font-weight: 600;
  text-decoration: none !important;
}
.woocommerce-MyAccount-content a:hover {
  color: var(--orange) !important;
  text-decoration: underline !important;
}
.woocommerce-MyAccount-content strong {
  color: var(--text, #1a1a1a) !important;
}

.skate-shop-wrap .woocommerce {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start !important;
  gap: 32px !important;
  text-align: left !important;
}
.woocommerce-MyAccount-navigation {
  flex: 0 0 220px !important;
  width: 220px !important;
  text-align: left !important;
}
.woocommerce-MyAccount-content {
  flex: 1 1 auto !important;
  min-width: 0;
  text-align: left !important;
}
.woocommerce-MyAccount-navigation li a {
  white-space: nowrap;
}

/* Tabela zamówień, formularze adresów, edycji konta */
.woocommerce-MyAccount-content table.shop_table {
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  overflow: hidden;
  border-collapse: separate !important;
}
.woocommerce-MyAccount-content table.shop_table th {
  background: var(--surface) !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase;
  color: var(--muted) !important;
}
.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-MyAccount-content form select {
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.woocommerce-MyAccount-content form input:focus,
.woocommerce-MyAccount-content form select:focus {
  outline: none !important;
  border-color: var(--orange) !important;
}
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content input[type="submit"] {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 13px 28px !important;
  cursor: pointer;
}

/* ==========================================================================
   ETAP 3.4 — PAKIET POPRAWEK v2 (zastępuje poprzedni blok ETAP 3.4)
   Poprawki specyficzności po drugiej rundzie DevTools.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1 + 2. Komunikaty WooCommerce — mocniejsze celowanie (body.woocommerce-*)
   -------------------------------------------------------------------------- */
body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce .woocommerce-error,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
.et_pb_text_inner .woocommerce-info,
.et_pb_text_inner .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
  background: var(--surface) !important;
  color: var(--text, #1a1a1a) !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--orange) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin: 0 0 24px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap;
  list-style: none !important;
}
body.woocommerce .woocommerce-error,
.et_pb_text_inner .woocommerce-error {
  border-left-color: #c0392b !important;
}
body.woocommerce .woocommerce-message::before,
body.woocommerce .woocommerce-info::before,
body.woocommerce .woocommerce-error::before,
.et_pb_text_inner .woocommerce-info::before,
.et_pb_text_inner .woocommerce-message::before {
  content: none !important;
  display: none !important;
}

/* --------------------------------------------------------------------------
   3. Przyciski w komunikatach + USUNIĘCIE STRZAŁKI (wc-forward::after)
   -------------------------------------------------------------------------- */
body.woocommerce .woocommerce-message a.button,
body.woocommerce .woocommerce-info a.button,
.et_pb_text_inner .woocommerce-message a.button,
.et_pb_text_inner .woocommerce-info a.button,
body.woocommerce a.button.wc-forward,
body.woocommerce a.added_to_cart {
  flex: 0 0 auto;
  margin: 0 !important;
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 22px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
/* Usuń strzałkę ">" z WSZYSTKICH przycisków wc-forward (Zobacz koszyk / Dodaj do koszyka) */
body.woocommerce a.wc-forward::after,
body.woocommerce a.button.wc-forward::after,
body.woocommerce .button.wc-forward::after,
body.woocommerce .added_to_cart::after,
.woocommerce a.wc-forward::after {
  content: none !important;
  display: none !important;
}

/* --------------------------------------------------------------------------
   4. Floating labelki na Zamówieniu (scalone z dwóch generacji — poprawka
   odstępu label/tekst z drugiej rundy DevTools wygrywała i tak w cascade,
   teraz to jedna prawda źródłowa)
   -------------------------------------------------------------------------- */
.wc-block-components-text-input { position: relative !important; }
.wc-block-components-text-input input {
  height: auto !important;
  min-height: 64px !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
  padding: 30px 14px 10px !important;
}
.wc-block-components-text-input label {
  position: absolute !important;
  left: 14px !important; top: 21px !important;
  margin: 0 !important; padding: 0 !important;
  transform-origin: left top !important;
  transition: top .12s ease, font-size .12s ease !important;
  pointer-events: none !important;
  color: var(--muted) !important;
  background: transparent !important;
}
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:focus + label,
.wc-block-components-text-input input:not(:placeholder-shown) + label {
  top: 7px !important; font-size: 11px !important; font-weight: 600 !important;
  line-height: 1 !important;
  transform: none !important;
}

/* --------------------------------------------------------------------------
   5. Koszyk + Checkout (Blocks) — przyciski POMARAŃCZOWE
   "Przejdź do płatności" i "Kupuję i płacę"
   -------------------------------------------------------------------------- */
.wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout-actions-block button,
button.wc-block-components-checkout-place-order-button,
.wc-block-cart .wc-block-components-button,
.wc-block-checkout__actions button {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding: 16px 32px !important;
  box-shadow: none !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout__actions button:hover {
  filter: brightness(0.96) !important;
}
/* tekst wewnątrz (Blocks czasem wrappuje w span) */
.wc-block-components-checkout-place-order-button .wc-block-components-button__text,
.wc-block-cart__submit-button .wc-block-components-button__text {
  color: #1a0f00 !important;
}

/* --------------------------------------------------------------------------
   6. OPINIE — realne klasy: .woocommerce-Reviews-title, mocne bicie Divi
   -------------------------------------------------------------------------- */
/* Nagłówek "Opinie" */
.single-product h2.woocommerce-Reviews-title,
body.single-product #reviews h2.woocommerce-Reviews-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--text, #1a1a1a) !important;
  margin: 0 0 18px !important;
  line-height: 1.2 !important;
}

/* "Na razie nie ma opinii" — zwykły tekst wewnątrz karty panelu (patrz Opis) */
body.single-product .woocommerce-noreviews {
  margin: 0 0 24px !important;
  font-size: 14.5px !important;
  color: var(--text, #1a1a1a) !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body.single-product #review_form_wrapper #reply-title,
body.single-product #reply-title.comment-reply-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--text, #1a1a1a) !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
  display: block !important;
}
/* "Twój adres email nie zostanie..." + wszystkie labelki/tekst formularza */
body.single-product #review_form .comment-notes,
body.single-product #review_form .comment-form-rating > label,
body.single-product #review_form .comment-form-comment > label,
body.single-product #review_form .comment-form-author > label,
body.single-product #review_form .comment-form-email > label,
body.single-product #review_form p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  color: var(--text, #1a1a1a) !important;
  line-height: 1.6 !important;
}
body.single-product #review_form .comment-form-rating > label,
body.single-product #review_form .comment-form-comment > label,
body.single-product #review_form .comment-form-author > label,
body.single-product #review_form .comment-form-email > label {
  font-weight: 700 !important;
  display: block !important;
  margin: 0 0 8px !important;
}
body.single-product .comment-form-rating p.stars a,
body.single-product .comment-form-rating p.stars a::before {
  color: var(--orange) !important;
}
body.single-product #review_form textarea,
body.single-product #review_form input[type="text"],
body.single-product #review_form input[type="email"] {
  width: 100% !important;
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14.5px !important;
  background: var(--bg, #fff) !important;
  box-sizing: border-box !important;
  margin: 0 0 16px !important;
}
body.single-product #review_form textarea:focus,
body.single-product #review_form input:focus {
  outline: none !important; border-color: var(--orange) !important;
}
body.single-product #review_form .form-submit input[type="submit"] {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 13px 32px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   7. TABY Opis / Opinie — wyczyść ząbki i tło Divi
   -------------------------------------------------------------------------- */
body.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 2px solid var(--line) !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  background: transparent !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
  content: none !important;
  display: none !important;
  border: none !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--muted) !important;
  padding: 12px 22px !important;
  border-radius: 10px 10px 0 0 !important;
  background: transparent !important;
  display: inline-block !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--navy) !important;
  background: var(--surface) !important;
}

/* --------------------------------------------------------------------------
   8. Odstęp sortowanie -> produkty
   -------------------------------------------------------------------------- */
.skate-shop-wrap .woocommerce-ordering { margin-bottom: 28px !important; }
.skate-shop-wrap ul.products { margin-top: 36px !important; clear: both !important; }

/* --------------------------------------------------------------------------
   9. MOJE KONTO — biały kwadrat = .et_builder_inner_content (ZNALEZIONE!)
   + poszerzenie do ~1000px + wyśrodkowanie
   -------------------------------------------------------------------------- */
body.woocommerce-account #left-area .et_builder_inner_content,
body.woocommerce-account .et_builder_inner_content,
body.woocommerce-account #content-area,
body.woocommerce-account #left-area,
body.woocommerce-account #main-content,
body.woocommerce-account #main-content .container {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
body.woocommerce-account .woocommerce {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start !important;
  gap: 40px !important;
  max-width: 100% !important;
  background: transparent !important;
  padding-bottom: 60px !important;
}
/* ==========================================================================
   ETAP 3.4 — BLOK DOMYKAJĄCY (po trzeciej rundzie DevTools)
   Rozwiązuje: (a) biały #main-content, (b) strzałka single_add_to_cart,
   (c) Fredoka na stronie produktu, + odstępy w danych kontaktowych.
   ========================================================================== */

/* ==========================================================================
   MOJE KONTO — FIX FINALNY (zastępuje poprzednie bloki "Moje konto")
   Root cause: Divi wstrzykuje ::before/::after (clearfix) do .woocommerce,
   które jako flex-items rozpychały layout. Zabijamy je + wymuszamy nowrap.
   ========================================================================== */

/* Biały kwadrat = #main-content (potwierdzone breadcrumb) */
body.woocommerce-account #main-content,
html body.woocommerce-account #main-content {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
body.woocommerce-account #main-content .container,
body.woocommerce-account #content-area,
body.woocommerce-account #left-area,
body.woocommerce-account .et_builder_inner_content,
body.woocommerce-account .et_pb_section,
body.woocommerce-account .et_pb_row,
body.woocommerce-account .et_pb_text_inner {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
body.woocommerce-account #main-content .container {
  max-width: 1180px !important;
  margin: 0 auto !important;
  width: 100% !important;
  padding: 0 24px !important;
}

/* KLUCZ: kontener flex konta */
body.woocommerce-account .woocommerce {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;      /* nie zawijaj — treść ma zostać po prawej */
  align-items: flex-start !important;
  gap: 40px !important;
  max-width: 100% !important;
  background: transparent !important;
}

/* ZABIJ clearfix Divi, który psuł flex (::before/::after jako flex-items) */
body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
  content: none !important;
  display: none !important;
}

/* ADRESY (/moje-konto/adresy/) — domyślny WC: .col-1/.col-2 float 48% łamie
   nagłówek, .edit ma float:right w rdzeniu WC, stąd wisi w headerze.
   Zdejmujemy floaty, przechodzimy na grid + normalny flow. */
.woocommerce-Addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  width: 100%;
}
.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2,
.woocommerce-Addresses .woocommerce-Address {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
.woocommerce-Address-title.title {
  display: block;
  margin-bottom: 18px;
}
.woocommerce-Address-title.title h2,
.woocommerce-Address-title.title h3 {
  font-size: 19px;
  font-weight: 700;
  white-space: normal;
  margin-bottom: 12px;
}
.woocommerce-Address-title.title .edit {
  float: none !important;
  display: inline-block;
  margin: 0;
}
.woocommerce-Address address {
  line-height: 1.8;
}

@media (max-width: 1100px) {
  .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .woocommerce-Addresses {
    gap: 24px;
  }
}

/* Menu — wąska kolumna po lewej, stała szerokość */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 240px !important;
  width: 240px !important;
  margin: 0 !important;
}

/* Treść — reszta szerokości po prawej */
body.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Na wąskich ekranach — menu nad treścią (naturalne zawijanie mobile) */
@media (max-width: 768px) {
  body.woocommerce-account .woocommerce {
    flex-wrap: wrap !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}

/* --------------------------------------------------------------------------
   (b) STRZAŁKA na "Dodaj do koszyka" = .single_add_to_cart_button::after
   -------------------------------------------------------------------------- */
body.woocommerce .single_add_to_cart_button::after,
body.woocommerce div.product form.cart .single_add_to_cart_button::after,
.single-product .single_add_to_cart_button::after,
.single_add_to_cart_button.button.alt::after {
  content: none !important;
  display: none !important;
}

/* --------------------------------------------------------------------------
   (c) FREDOKA na stronie produktu — font ładowany przez @import na górze pliku.
   Teraz reguły font-family faktycznie zadziałają. Wzmacniamy nagłówek Opinie.
   -------------------------------------------------------------------------- */
body.single-product #reviews h2.woocommerce-Reviews-title,
body.woocommerce div.product #reviews .woocommerce-Reviews-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--text, #1a1a1a) !important;
  line-height: 1.2 !important;
  margin: 0 0 18px !important;
}
/* nagłówek formularza opinii też Fredoka */
body.single-product #review_form_wrapper #reply-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* ==========================================================================
   /moje-konto/ — wylogowany: karty Logowanie / Zarejestruj się
   Markup core WooCommerce (myaccount/form-login.php): .u-columns.col2-set
   > .u-column1.col-1 (login) + .u-column2.col-2 (register)
   ========================================================================== */
.u-columns.col2-set {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  gap: 32px !important;
}
.u-columns.col2-set .u-column1,
.u-columns.col2-set .u-column2 {
  flex: 1 1 0 !important;
  width: auto !important;
  float: none !important;
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  padding: 30px 26px !important;
  display: flex !important;
  flex-direction: column !important;
}
.u-columns.col2-set form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.u-columns.col2-set h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  margin: 0 0 18px !important;
}
/* p.form-row dostaje domyślny margines akapitu z WP — zerujemy górny,
   żeby odstęp pod h2 sterowało wyłącznie jego margin-bottom (18px). */
.u-columns.col2-set .form-row {
  margin-top: 0 !important;
}
/* Etykiety ujednolicone z resztą projektu (patrz .woocommerce-checkout label)
   + min-height na 2 linie tekstu, żeby dłuższa etykieta w karcie logowania
   ("Nazwa użytkownika lub adres e-mail") nie przesuwała pola niżej niż
   w karcie rejestracji — obie karty startują pole na tej samej wysokości. */
.u-columns.col2-set .form-row label {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  min-height: 2.6em;
  margin-bottom: 6px !important;
}
.u-columns.col2-set .form-row input.input-text {
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  width: 100%;
}
.u-columns.col2-set .form-row input.input-text:focus {
  outline: none !important;
  border-color: var(--orange) !important;
}
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 13px 26px !important;
  transition: transform .15s ease, background .15s ease;
  cursor: pointer;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover {
  background: #e08e00 !important;
  transform: translateY(-1px);
}
/* Usuń strzałkę ">" (wc-forward::after) z przycisków logowania/rejestracji */
.woocommerce-form-login__submit::after,
.woocommerce-form-register__submit::after {
  content: none !important;
  display: none !important;
}

/* --------------------------------------------------------------------------
   "Wybierz paczkomat" (WooCommerce Blocks / InPost) — domyślny styl bloku
   ma czarną ramkę, kursywę i retro cień; ujednolicamy z .btn-primary /
   przyciskiem PRZEŚLIJ (Fluent Forms). Blocks mają wysoką specyficzność
   inline-styli, stąd !important.
   -------------------------------------------------------------------------- */
button.wc-block-components-button.select-paczkomat-button,
button.wc-block-components-button.select-paczkomat-button * {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
button.wc-block-components-button.select-paczkomat-button {
  background: var(--orange) !important;
  color: #1a0f00 !important;
  border: none !important;
  border-radius: 100px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 13px 26px !important;
  box-shadow: 0 6px 16px -4px rgba(255,158,0,0.45) !important;
  text-shadow: none !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  cursor: pointer;
}
button.wc-block-components-button.select-paczkomat-button:hover {
  background: #e08e00 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -4px rgba(255,158,0,0.55) !important;
}
.woocommerce-LostPassword.lost_password a,
.woocommerce-privacy-policy-text a {
  color: var(--orange) !important;
  text-decoration: none !important;
}
.woocommerce-LostPassword.lost_password a:hover,
.woocommerce-privacy-policy-text a:hover {
  text-decoration: underline !important;
}
@media (max-width: 560px) {
  .u-columns.col2-set {
    flex-direction: column;
  }
  .u-columns.col2-set .u-column1,
  .u-columns.col2-set .u-column2 {
    width: 100% !important;
    flex: 1 1 100%;
  }
}