/* wp-custom-css */



/*
Theme Name: Shoptimizer Child
Template: shoptimizer
Version: 1.0.0
*/

/* === KOMINY-JEREMIAS.PL – custom CSS (listing, button, cart) === */

/* =========================
   CLEAN BLUE SYSTEM (STARTER)
   ========================= */
:root{
  --brand-blue: #701DCE;
  --brand-navy: #531698;
  --brand-bg: #F8F5FB;
  --brand-card: #FFFFFF;
  --brand-border: rgba(27, 17, 39, 0.10);
  --brand-text: #1b1127;
  --brand-muted: rgba(27, 17, 39, 0.65);
  --shadow-sm: 0 6px 18px rgba(27,17,39,0.08);
  --shadow-md: 0 12px 28px rgba(27,17,39,0.12);
}



/* Tło strony (subtelnie) */
body{
  background: var(--brand-bg);
  color: var(--brand-text);
}

/* Linki */
a{
  color: var(--brand-blue);
  text-decoration: none;
}
a:hover{
  color: var(--brand-navy);
}

/* Focus (formularze) */
input:focus, select:focus, textarea:focus, button:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(112,29,206,0.22);
  border-color: rgba(112,29,206,0.55);
}

/* =========================
   KAFELKI PRODUKTÓW (LISTING)
   ========================= */

/* karta */
.woocommerce ul.products li.product{
  background: var(--brand-card);
  border: 1px solid var(--brand-border);
  border-radius:0;
  padding: 14px;
  box-shadow: var(--shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.woocommerce ul.products li.product:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
  border-color: rgba(112,29,206,0.22);
}

/* zdjęcie – Twoje ustawienia (równe kafle + oddech) */
.woocommerce ul.products li.product .shoptimizer-plp-image-wrapper{
  aspect-ratio: 3 / 4;
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:0;
  background: #fff;
  border: 1px solid rgba(27,17,39,0.08);
}

.woocommerce ul.products li.product .shoptimizer-plp-image-wrapper img{
  max-width: 94%;
  max-height: 94%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
}

/* tytuł – czytelnie i równo */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  color: var(--brand-text);
  margin: 12px 0 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
}

/* =========================
   CENA – PREMIUM BLUE BADGE
   ========================= */
.woocommerce ul.products li.product .price{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius:0;
  background: linear-gradient(145deg, var(--brand-blue), var(--brand-navy));
  color: #fff;
  font-size: 1.08em;
  font-weight: 900;
  letter-spacing: 0.2px;
  margin-top: 10px;
  box-shadow: 0 10px 24px rgba(83,22,152,0.22);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.woocommerce ul.products li.product:hover .price{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(83,22,152,0.30);
  filter: brightness(1.03);
}
.woocommerce ul.products li.product .price del{
  color: rgba(255,255,255,0.65);
  font-weight: 600;
  font-size: 0.9em;
  margin-right: 4px;
}
.woocommerce ul.products li.product .price ins{
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}

/* =========================
   PRZYCISKI (WooCommerce)
   ========================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background: var(--brand-blue);
  color: #fff;
  border: 0;
  border-radius:0;
  padding: 0px 0px;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(112,29,206,0.18);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  background: var(--brand-navy);
  filter: brightness(1.02);
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(83,22,152,0.22);
}

/* przycisk „ghost” (jeśli gdzieś użyjesz klasy .is-outline) */
.woocommerce a.button.is-outline{
  background: transparent;
  color: var(--brand-blue);
  border: 2px solid rgba(112,29,206,0.35);
  box-shadow: none;
}
.woocommerce a.button.is-outline:hover{
  border-color: rgba(83,22,152,0.55);
  color: var(--brand-navy);
  background: rgba(112,29,206,0.06);
}

/* =========================
   Oznaczenia promocji / sale
   ========================= */
.woocommerce span.onsale{
  background: rgba(112,29,206,0.10);
  color: var(--brand-navy);
  border: 1px solid rgba(112,29,206,0.25);
  border-radius:0;
  padding: 3px 10px;
  font-weight: 800;
}

/* Mobile tweak */
@media (max-width: 768px){
  .woocommerce ul.products li.product{
    border-radius:0;
    padding: 12px;
  }
  .woocommerce ul.products li.product .price{
    font-size: 1.02em;
    padding: 7px 12px;
  }
}





/* ==========================================
   JW PREMIUM – opis produktu (karty/ramki/KPI)
   ========================================== */

.jw-wrap{font-family:inherit;color:#111;line-height:1.55}
.jw-wrap *{box-sizing:border-box}
.jw-h2{font-size:28px;margin:10px 0 8px;letter-spacing:-.2px}
.jw-h3{font-size:18px;margin:18px 0 10px}
.jw-h3--tight{margin:0 0 10px}
.jw-lead{margin:0 0 12px;color:#333;font-size:15px}
.jw-p{margin:0;color:#333}
.jw-note{margin:10px 0 0;font-size:12px;color:#666}

.jw-img{width:100%;height:auto;border-radius:0;border:1px solid #ececf3;display:block}

/* chips */
.jw-pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.jw-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:0;border:1px solid #e9e9ef;background:#fff;font-size:13px;font-weight:800}
.jw-pill--soft{background:#fafafe;font-weight:700}

/* hero */
.jw-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin:0 0 14px}
.jw-hero__text,.jw-hero__media{
  background:#fff;border:1px solid #e9e9ef;border-radius:0;padding:16px;
  box-shadow:0 6px 20px rgba(17,17,17,.05)
}

/* KPI */
.jw-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 10px}
.jw-kpi{border:1px solid #ececf3;background:linear-gradient(180deg,#fff,#fafafe);border-radius:0;padding:12px}
.jw-kpi__label{font-size:12px;color:#666;margin:0 0 4px}
.jw-kpi__value{font-size:15px;color:#111}

/* bullets */
.jw-bullets{display:grid;gap:8px;margin:12px 0 0}
.jw-bullet{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:0;border:1px solid #ececf3;background:#fff}
.jw-ico{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;background:#f6f7ff;border:1px solid #e6e8ff;flex:0 0 auto}

/* grids */
.jw-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jw-grid2--swap{align-items:start}
.jw-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 10px}

/* cards */
.jw-card{background:#fff;border:1px solid #e9e9ef;border-radius:0;padding:12px;box-shadow:0 6px 20px rgba(17,17,17,.04)}
.jw-card--img{padding:10px}
.jw-card--img img{width:100%;height:auto;border-radius:0;border:1px solid #ececf3;display:block}
.jw-card--img figcaption{margin:10px 4px 2px;font-size:13px;color:#444}

/* features */
.jw-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.jw-feature{display:flex;gap:12px;background:#fff;border:1px solid #e9e9ef;border-radius:0;padding:14px;box-shadow:0 6px 20px rgba(17,17,17,.04)}
.jw-feature__icon{width:40px;height:40px;border-radius:0;display:flex;align-items:center;justify-content:center;background:#f6f7ff;border:1px solid #e6e8ff;font-size:18px;flex:0 0 auto}
.jw-feature__title{margin:0 0 4px;font-size:15px;font-weight:900}
.jw-feature__text{margin:0;color:#444;font-size:14px}

/* boxes */
.jw-box{background:#fff;border:1px solid #e9e9ef;border-radius:0;padding:16px;margin:12px 0;box-shadow:0 6px 20px rgba(17,17,17,.04)}
.jw-box--light{background:linear-gradient(180deg,#fff,#fbfbff)}
.jw-box--img{padding:12px}

/* callouts */
.jw-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.jw-callout{border:1px solid #ececf3;background:#fff;border-radius:0;padding:12px}
.jw-callout__t{font-weight:900;margin:0 0 6px}
.jw-callout__d{font-size:14px;color:#444;margin:0}

/* table */
.jw-table-wrap{overflow:auto;border-radius:0;border:1px solid #ececf3;background:#fff}
.jw-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.jw-table th,.jw-table td{padding:12px 12px;border-bottom:1px solid #f0f0f6;vertical-align:top}
.jw-table th{width:34%;background:#fafafe;text-align:left;font-weight:900}
.jw-table tr:last-child th,.jw-table tr:last-child td{border-bottom:none}

/* tip */
.jw-tip{margin-top:12px;padding:12px;border:1px dashed #dadceb;border-radius:0;background:#fffdf5;font-size:13px;color:#333}

/* CTA */
.jw-cta{
  display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:center;
  border-radius:0;padding:16px;margin-top:14px;
  background:linear-gradient(135deg,#111 0%,#1a1a1a 55%,#111 100%);
  color:#fff
}
.jw-cta__title{font-size:16px;font-weight:900;margin:0 0 6px}
.jw-cta__text{margin:0;color:#d9d9d9;font-size:14px}
.jw-cta__btns{display:flex;flex-direction:column;gap:10px}
.jw-btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;padding:10px 12px;border-radius:0;background:#fff;color:#111;font-weight:900;border:1px solid rgba(255,255,255,.25)}
.jw-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}

@media (max-width:980px){
  .jw-hero,.jw-grid2,.jw-grid3,.jw-features,.jw-callouts,.jw-cta,.jw-kpis{grid-template-columns:1fr}
}

/* ==========================================
   JW – kadrowanie zdjęć PREMIUM (FINAL)
   ========================================== */

/* A) KAFLE / REALIZACJE */
.jw-wrap .jw-grid3 .jw-card--img img{ width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover; object-position:center; }
@media (max-width:767px){ .jw-wrap .jw-grid3 .jw-card--img img{ aspect-ratio:4 / 3; } }

/* B) HERO + BOXY (packshoty, główne zdjęcia) */
.jw-wrap .jw-hero__media .jw-img,
.jw-wrap .jw-box .jw-img{
  width: 100%;
  max-height: 420px;
  height: auto;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

/* C) TECH (schematy / przekroje / detale) */
.jw-wrap img[alt*="Przekrój"],
.jw-wrap img[alt*="Schemat"],
.jw-wrap img[alt*="detail"],
.jw-wrap img[alt*="detal"]{
  height: auto !important;
  object-fit: contain !important;
  background: #fff;
  padding: 12px;
}

/* ==========================================
   WOO – zdjęcie GŁÓWNE produktu (PREMIUM)
   ========================================== */

/* Kontener zdjęcia */
.single-product div.product div.images {
  max-width: 100%;
}

/* GŁÓWNE ZDJĘCIE PRODUKTU */
.single-product div.product div.images img.wp-post-image {
  width: 100%;
  max-height: 520px;        /* ← reguluj */
  height: auto;
  object-fit: contain;     /* ← NIE UCINA */
  object-position: center;
  background: #fff;
  padding: 10px;
  border: 1px solid #ececf3;
}

.single-product div.product div.images {
  background: #fff;
  padding: 14px;
  border-radius:0;
  border: 1px solid #e9e9ef;
}
@media (max-width: 768px){
  .single-product div.product div.images img.wp-post-image {
    max-height: 360px;
  }
}

/* ==========================================
   WOO – MINIATURKI GALERII PRODUKTU (PREMIUM)
   ========================================== */

/* Kontener miniaturek */
.single-product div.product .flex-control-thumbs {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 8px;
  margin-top: 12px;
}

/* Każda miniaturka = równy kafel */
.single-product div.product .flex-control-thumbs li {
  margin: 0 !important;
  aspect-ratio: 1 / 1;       /* ← KLUCZ */
  border: 1px solid #ececf3;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Obrazek w miniaturce */
.single-product div.product .flex-control-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: contain;       /* NIE UCINA */
  object-position: center;
  padding: 6px;
}

/* Hover – lekko premium */
.single-product div.product .flex-control-thumbs li:hover {
  border-color: #111;
}

/* ==========================================
   CROSS-SELL – MINIATURKI (RÓWNE, PREMIUM)
   ========================================== */

/* Sekcja cross-sell */
.jw-cross-sell ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
}

/* Pojedynczy produkt */
.jw-cross-sell ul.products li.product {
  margin: 0 !important;
}

/* Kontener obrazka */
.jw-cross-sell ul.products li.product a img {
  width: 100%;
  height: 180px;            /* ← klucz */
  object-fit: contain;      /* NIE UCINA */
  object-position: center;
  background: #fff;
  padding: 10px;
  border: 1px solid #ececf3;
}

/* Tytuł produktu – spójny i czytelny */
.jw-cross-sell ul.products li.product h2,
.jw-cross-sell ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px;
  line-height: 1.3;
  margin: 10px 0 6px;
}

/* Cena */
.jw-cross-sell ul.products li.product .price {
  font-size: 14px;
}

/* Hover – delikatny premium efekt */
.jw-cross-sell ul.products li.product:hover a img {
  border-color: #111;
}

.jw-cross-sell .jw-cross-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:0;
  background:#111;
  color:#fff !important;
  text-decoration:none;
  font-weight:900;
  border:1px solid #111;
}
.jw-cross-sell .jw-cross-btn:hover{ filter:brightness(1.06); }
.jw-cross-sell .jw-cross-meta{ font-size:13px; color:#444; }

/* ==========================================
   CROSS-SELL – OSADZENIE W KONTENERZE MOTYWU
   ========================================== */

/* Główny wrapper sekcji */
.jw-cross-sell {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

/* Lista produktów – reset marginesów Woo */
.jw-cross-sell ul.products {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Każdy produkt – bez uciekania */
.jw-cross-sell ul.products li.product {
  float: none !important;
}

/* Callback box – strona produktu */
.jw-callback{
  max-width: 720px;
  margin: 32px auto;
  padding: 20px;
  border: 1px solid #e6e6ef;
  border-radius:0;
  background: #fafafe;
}
.jw-callback h3{
  margin: 0 0 8px;
  font-weight: 900;
}
.jw-callback p{
  margin: 0 0 16px;
  color: #444;
}
.jw-callback form{
  display: grid;
  gap: 10px;
}
.jw-callback input[type="text"],
.jw-callback input[type="tel"]{
  padding: 10px 12px;
  border-radius:0;
  border: 1px solid #ddd;
}
.jw-callback button{
  margin-top: 6px;
  padding: 12px;
  border-radius:0;
  background: #111;
  color: #fff;
  font-weight: 900;
  border: none;
  cursor: pointer;
}
.jw-callback button:hover{
  filter: brightness(1.05);
}
.jw-callback-consent{
  font-size: 12px;
  color: #555;
}
.jw-callback-success{
  max-width: 720px;
  margin: 20px auto;
  padding: 14px;
  border-radius:0;
  background: #e9f7ee;
  color: #176a3a;
  font-weight: 700;
}

/* PREMIUM success */
.jw-callback-success{
  margin-top: 14px;
  padding: 16px;
  border-radius:0;
  border: 1px solid #d7f0dd;
  background: #eefaf2;
}
.jw-callback-success__title{
  font-weight: 900;
  margin: 0 0 8px;
}
.jw-callback-success__meta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  font-size: 13px;
  color:#1b5e32;
  margin: 0 0 10px;
}
.jw-callback-success__hint{
  font-size: 12px;
  color:#2b4a33;
}

/* Button loading */
.jw-callback .jw-callback-btn.is-loading{
  opacity: .85;
  cursor: progress;
}
.jw-callback .jw-callback-btn:disabled{
  opacity: .75;
}

/* ===============================
   DOBÓR ELEMENTÓW – FINALNY UKŁAD
   =============================== */

.jw-dobor-box{
  background: #0f0f12;
  color: #fff;
  padding: 28px;
  border-radius:0;
  margin: 32px 0;
  box-shadow: 0 20px 40px rgba(0,0,0,.35);

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}

/* LEWA STRONA – TEKST */
.jw-dobor-box__content{
  max-width: 760px;
}

.jw-dobor-box__title{
  font-size: 20px;
  font-weight: 900;
  margin: 0 0 10px;
}

.jw-dobor-box__text{
  font-size: 15px;
  line-height: 1.6;
  color: #d7d7dc;
}

.jw-dobor-box__text strong{
  color: #fff;
  font-weight: 900;
}

/* PRAWA STRONA – PRZYCISKI */
.jw-dobor-box__actions{
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 240px;
  flex-shrink: 0;
}

/* PRZYCISKI */
.jw-btn{
  padding: 12px 18px;
  border-radius:0;
  font-weight: 900;
  font-size: 14px;
  text-decoration: none !important;
  text-align: center;
  transition: .2s ease;
}

.jw-btn--light{
  background: #fff;
  color: #0f0f12 !important;
}

.jw-btn--outline{
  border: 1px solid rgba(255,255,255,.4);
  color: #fff !important;
}

/* MOBILE */
@media (max-width: 768px){
  .jw-dobor-box{
    flex-direction: column;
    align-items: stretch;
  }

  .jw-dobor-box__actions{
    width: 100%;
  }

  .jw-btn{
    width: 100%;
  }
}

/* Ograniczenie tytułu produktu (div) do 2 linii */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a {

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    line-height: 1.3em !important;
    max-height: 2.6em !important;
}


/* CTA secondary: Zapytaj o dobór – czarny z białą ramką */

.jw-dobor-box .jw-btn--outline{
  background: #0f0f12 !important;   /* czarne tło */
  color: #ffffff !important;        /* biały tekst */
  border: 1.5px solid #ffffff;      /* biała ramka */
}

/* hover – delikatny premium efekt */
.jw-dobor-box .jw-btn--outline:hover{
  background: #16161b !important;
  border-color: #ffffff;
  color: #ffffff !important;
}

.woocommerce ul.products li.product .shoptimizer-plp-image-wrapper{
  aspect-ratio: 1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f3f8;
  overflow:hidden;
}

.woocommerce ul.products li.product .shoptimizer-plp-image-wrapper img{
  max-width:94%;
  max-height:94%;
  width:auto;
  height:auto;
  object-fit:contain;
  object-position:center;
  display:block;
}

/* =====================================================
   LISTING (kategorie): CENA + DODAJ DO KOSZYKA (clean, bez ikon, bez SVG)
   - cena = badge (zostaje niebieska)
   - przycisk = biały z obrysem (nie jak cena)
   - hover przycisku = grafit
   - poprawne odstępy i szerokość
   ===================================================== */

/* Cena: kompaktowo (del + ins obok siebie) */
.woocommerce ul.products li.product .woocommerce-card__header .price{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  padding: 10px 12px !important;
  border-radius:0;

  white-space: nowrap !important;
  flex-wrap: nowrap !important;

  margin: 0px 0px 40px 0px !important; /* mniejsza przerwa nad przyciskiem */
}

/* Stara cena delikatniejsza */
.woocommerce ul.products li.product .woocommerce-card__header .price del{
  opacity: .65 !important;
  font-weight: 600 !important;
  font-size: .92em !important;
  margin: 0 !important;
}

/* Nowa cena mocna */
.woocommerce ul.products li.product .woocommerce-card__header .price ins{
  text-decoration: none !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

/* PRZYCISK: reset + clean ghost */
.woocommerce ul.products li.product .woocommerce-card__header > a.button.add_to_cart_button,
.woocommerce ul.products li.product .woocommerce-card__header > a.button.ajax_add_to_cart{
  display: block !important;
  width: % !important;
  max-width: % !important;
  box-sizing: border-box !important;

  margin: 0 !important;              /* usuwa motywowe marginesy */
  padding: 10px 14px !important;

  background: #ffffff !important;
  color: #531698 !important;          /* ciemniejszy niż cena */
  border: 2px solid rgba(83,22,152,0.35) !important;

  border-radius:0;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-indent: 0 !important;

  box-shadow: 0 6px 18px rgba(83,22,152,0.12) !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

/* Hover na przycisk: grafit (odróżnia od ceny) */
.woocommerce ul.products li.product .woocommerce-card__header > a.button.add_to_cart_button:hover,
.woocommerce ul.products li.product .woocommerce-card__header > a.button.ajax_add_to_cart:hover{
  background: #1b1127 !important;
  color: #ffffff !important;
  border-color: #1b1127 !important;
  box-shadow: 0 14px 30px rgba(27,17,39,0.22) !important;
  transform: translateY(-2px) !important;
}

/* Klik: wraca*/
.woocommerce ul.products li.product .woocommerce-card__header > a.button.add_to_cart_button:active,
.woocommerce ul.products li.product .woocommerce-card__header > a.button.ajax_add_to_cart:active{
  transform: translateY(0) !important;
}

/* Koszyk – centrowanie miniatury */
.woocommerce-cart table.shop_table td.product-thumbnail{
  width: 110px;
}

.woocommerce-cart table.shop_table td.product-thumbnail a{
  display: flex;
  align-items: center;
  justify-content: center;
}



.woocommerce div.product p.price ins {
    font-size: 34px;
    font-weight: 700;
    color: #B71C1C;
}

.woocommerce div.product p.price del {
    font-size: 18px;
    color: #999999;
}

/* Napis Promocja nad tytułem */
.woocommerce div.product .onsale,
.woocommerce div.product span.onsale,
.woocommerce div.product .badge,
.woocommerce div.product .product-label,
.woocommerce div.product .sale-label {
    background-color: #B71C1C !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 5px 12px !important;
    border-radius:0;
}




/* STRONA PRODUKTU – zwykła cena też duża */
.single-product .product .summary .price,
.single-product .product .summary p.price,
.single-product .product .summary span.price{
  font-size:34px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  color:#691EBE !important;
  margin: 8px 0 8px !important;
}

/* promocja – cena aktualna (jeśli jest) */
.single-product .product .summary .price ins{
  color:#B71C1C !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

/* stara cena (jeśli jest) */
.single-product .product .summary .price del{
  color:#999999 !important;
  font-size:18px !important;
  font-weight:600 !important;
  opacity:1 !important;
}

/* dopisek pod ceną */
.single-product .product .summary .price::after{
  content:"Cena brutto (z VAT 23%) | Autoryzowana dystrybucja";
  display:block;
  font-size:13px;
  font-weight:400;
  color:#666666;
  margin-top:6px;
  letter-spacing:.2px;
}


/* =========================
   LUX HOMEPAGE — Shoptimizer
   ========================= */

:root{
  --lux-navy:#290E47;
  --lux-navy-2:#37145F;
  --lux-text:#1C0F2A;
  --lux-muted:#625570;
  --lux-line:rgba(28, 15, 42, .08);
  --lux-bg:#F8F5FB;
  --lux-card:#FFFFFF;
  --lux-shadow: 0 18px 50px rgba(28, 15, 42, .10);
  --lux-shadow-soft: 0 10px 26px rgba(28, 15, 42, .08);
  --lux-radius: 16px;
  --lux-radius-lg: 22px;
  --lux-gap: 22px;
}

body{
  color:var(--lux-text);
}

/* ogranicznik szerokości pod Shoptimizer */
.lux-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px;
}

/* sekcje */
.lux-section{
  padding: 38px 0;
}
.lux-section--tight{ padding: 26px 0; }
.lux-section--bg{
  background: var(--lux-bg);
  border-top: 1px solid var(--lux-line);
  border-bottom: 1px solid var(--lux-line);
}

/* nagłówki */
.lux-h2{
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 14px 0;
}
.lux-sub{
  color: var(--lux-muted);
  margin: 0 0 18px 0;
}

/* przyciski */
.lux-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius:0;
  background: var(--lux-navy);
  color:#fff !important;
  text-decoration:none !important;
  font-weight: 700;
  box-shadow: 0 14px 30px rgba(41, 14, 71, .18);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.lux-btn:hover{
  background: var(--lux-navy-2);
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(41, 14, 71, .22);
}
.lux-btn--ghost{
  background: transparent;
  color: var(--lux-navy) !important;
  border: 1px solid rgba(41, 14, 71, .22);
  box-shadow: none;
}
.lux-btn--ghost:hover{
  background: rgba(41, 14, 71, .06);
  transform: translateY(-1px);
}

/* karty */
.lux-card{
  background: var(--lux-card);
  border: 1px solid var(--lux-line);
  border-radius:0;
  box-shadow: var(--lux-shadow-soft);
}
.lux-card-pad{ padding: 18px; }

/* HERO */
.lux-hero{
  background: radial-gradient(1200px 400px at 30% 30%, rgba(41,14,71,.08) 0%, rgba(255,255,255,0) 60%),
              linear-gradient(180deg, #FFFFFF 0%, #FAF7FD 100%);
  border-bottom: 1px solid var(--lux-line);
}
.lux-hero__wrap{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 30px;
  align-items:center;
  padding: 26px 0 18px 0;
}
.lux-hero__title{
  font-size: 38px;
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin: 0 0 10px 0;
}
.lux-hero__lead{
  color: var(--lux-muted);
  font-size: 16px;
  margin: 0 0 18px 0;
}
.lux-hero__img{
  position: relative;
  border-radius:0;
  overflow:hidden;
  border: 1px solid var(--lux-line);
  box-shadow: var(--lux-shadow);
  background: #fff;
}
.lux-hero__img img{
  width:100%;
  height:auto;
  display:block;
}

/* Pasek USP (ikony + tekst) */
.lux-usp{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding: 14px 0 24px 0;
}
.lux-usp__item{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius:0;
  background: rgba(255,255,255,.78);
  border: 1px solid var(--lux-line);
}
.lux-usp__ico{
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  color: var(--lux-navy);
}
.lux-usp__txt{
  font-weight: 700;
  color: var(--lux-text);
  font-size: 13px;
  line-height: 1.2;
}

/* „Najpopularniejsze zestawy” — luksusowy carousel bez JS */
.lux-snap{
  display:flex;
  gap: 16px;
  overflow-x:auto;
  padding: 10px 2px 18px 2px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.lux-snap::-webkit-scrollbar{ height: 10px; }
.lux-snap::-webkit-scrollbar-thumb{
  background: rgba(28,15,42,.12);
  border-radius:0;
}
.lux-snap__item{
  min-width: 260px;
  scroll-snap-align: start;
}
.lux-product{
  position:relative;
  overflow:hidden;
}
.lux-badge{
  position:absolute;
  left: 14px;
  top: 14px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  border-radius:0;
  background: rgba(41,14,71,.92);
  color:#fff;
  letter-spacing:.04em;
}
.lux-product__img{
  aspect-ratio: 4/3;
  background: linear-gradient(180deg, #fff 0%, #F8F4FC 100%);
  border-bottom: 1px solid var(--lux-line);
  display:flex;
  align-items:center;
  justify-content:center;
}
.lux-product__img img{ width: 84%; height:auto; display:block; }
.lux-product__body{ padding: 16px; }
.lux-product__name{
  font-weight: 800;
  margin: 0 0 6px 0;
  letter-spacing: -0.01em;
}
.lux-product__price{
  color: var(--lux-muted);
  margin: 0 0 12px 0;
}
.lux-product__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* kafle „Dobierz pod zastosowanie” */
.lux-grid-4{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.lux-tile{
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.lux-tile:hover{
  transform: translateY(-2px);
  box-shadow: var(--lux-shadow);
}
.lux-tile__img{
  aspect-ratio: 16/10;
  overflow:hidden;
  border-bottom: 1px solid var(--lux-line);
}
.lux-tile__img img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.lux-tile__cap{
  padding: 14px 14px 16px 14px;
}
.lux-tile__cap h3{
  margin: 0;
  font-size: 15px;
  font-weight: 900;
}
.lux-tile__cap a{
  display:inline-block;
  margin-top: 8px;
  color: var(--lux-navy);
  font-weight: 800;
  text-decoration:none;
}

/* sekcja „Dlaczego warto” + kontakt */
.lux-split{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 18px;
  align-items: stretch;
}
.lux-icons{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.lux-iconbox{
  padding: 14px;
  text-align:center;
}
.lux-iconbox img{ width: 44px; height:auto; display:block; margin: 0 auto 10px auto; }
.lux-iconbox strong{ display:block; font-size: 12px; }

.lux-contact{
  padding: 18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.lux-contact h3{
  margin:0 0 6px 0;
  font-size: 16px;
  font-weight: 900;
}
.lux-contact p{ margin: 0 0 12px 0; color: var(--lux-muted); }
.lux-contact a{ text-decoration:none; font-weight:800; color: var(--lux-navy); }

/* „Dobór w 3 krokach” */
.lux-steps{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.lux-step{
  padding: 14px;
  display:flex;
  gap: 12px;
  align-items:center;
}
.lux-step img{ width: 36px; height:auto; }
.lux-step b{ display:block; font-size: 13px; }
.lux-step span{ display:block; color: var(--lux-muted); font-size: 12px; }

/* responsive */
@media (max-width: 980px){
  .lux-hero__wrap{ grid-template-columns: 1fr; }
  .lux-usp{ grid-template-columns: 1fr 1fr; }
  .lux-grid-4{ grid-template-columns: 1fr 1fr; }
  .lux-split{ grid-template-columns: 1fr; }
  .lux-icons{ grid-template-columns: 1fr 1fr; }
  .lux-steps{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px){
  .lux-hero__title{ font-size: 30px; }
  .lux-usp{ grid-template-columns: 1fr; }
  .lux-grid-4{ grid-template-columns: 1fr; }
  .lux-steps{ grid-template-columns: 1fr; }
}


.kafelek-title {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* === HEADER PRO: SECONDARY ICON LINKS === */

.site-header .secondary-navigation a,
.site-header .header-secondary a,
.site-header .header-icons a,
.site-header .header-account a,
.site-header .header-help a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

.site-header .secondary-navigation a svg,
.site-header .header-secondary a svg,
.site-header .header-icons a svg {
  width: 18px !important;
  height: 18px !important;
  opacity: .85 !important;
}

/* Tekst pod ikoną – delikatnie stabilniejszy */
.site-header .secondary-navigation a span,
.site-header .header-secondary a span {
  font-size: 13px !important;
}

/* Hover: tylko subtelna zmiana koloru, bez „krzyku” */
.site-header .secondary-navigation a:hover,
.site-header .header-secondary a:hover,
.site-header .header-icons a:hover {
  color: #331f4a !important;
}

.site-header .secondary-navigation a:hover svg,
.site-header .header-secondary a:hover svg,
.site-header .header-icons a:hover svg {
  opacity: 1 !important;
}


/* === HEADER PRO: SEARCH FIELD === */

.site-header input[type="search"],
.site-header .search-field,
.site-header .woocommerce-product-search input[type="search"] {
  border: 1px solid #ddd8e3 !important;
  border-radius:0;
  padding: 10px 14px !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.site-header input[type="search"]:focus,
.site-header .search-field:focus {
  border-color: #331f4a !important;
  box-shadow: 0 0 0 3px rgba(51,31,74,.08) !important;
  outline: none !important;
}

.site-header input[type="search"]::placeholder,
.site-header .search-field::placeholder {
  color: #9aa3ad !important;
}
4) Top bar: odchudzamy i uspokajamy “flagę/ikonę”
/* === HEADER PRO: TOP BAR SLIM === */

.top-bar,
.site-top-bar,
.header-top,
.header-top-bar {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-size: 13px !important;
}

/* jeśli w top barze są ikonki/emoji/flag */
.top-bar img,
.site-top-bar img,
.header-top img,
.header-top-bar img,
.top-bar svg,
.site-top-bar svg {
  transform: translateY(1px);
  opacity: .9;
}







/* ==========================================================================
   SKLEP TECHNICZNY - ostra geometria i paleta producenta
   Dopisane 2026-09-19. Blok ma byc OSTATNI w arkuszu: nadpisuje zarowno
   motyw nadrzedny Shoptimizer, jak i wczesniejsze reguly tego pliku.

   Paleta wzieta z jeremias.pl (kolor markowy #521697). Producent trzyma
   border-radius: 0 na 1674 elementach - idziemy tak samo.
   ========================================================================== */

:root,
:root:root{
  --brand-blue:   #521697;   /* niebieski Jeremiasa */
  --brand-navy:   #3A0F6B;   /* ciemniejszy: nagłówki, hover */
  --brand-bg:     #F4F2F6;   /* neutralna szarość, bez niebieskiego nalotu */
  --brand-card:   #FFFFFF;
  --brand-border: #D8D3DE;   /* linia pełna, nie przezroczysta - czytelniejsza krawędź */
  --brand-text:   #18141D;   /* grafit zamiast czerni: mniej męczy przy długich tabelach */
  --brand-muted:  #5A646E;
  --brand-warn:   #C2410C;   /* sygnałowy pomarańcz TYLKO do ostrzeżeń */
  --shadow-sm: none;
  --shadow-md: none;

  --lux-navy:#3A0F6B; --lux-navy-2:#521697; --lux-text:#18141D;
  --lux-muted:#5A646E; --lux-line:#D8D3DE; --lux-bg:#F4F2F6;
  --lux-card:#FFFFFF; --lux-shadow:none;
}

/* --- 1. Zero zaokrągleń w całym sklepie ---------------------------------- */
*, *::before, *::after,
.button, button, input, select, textarea,
img, figure, .wp-post-image,
.woocommerce ul.products li.product, .woocommerce .quantity input,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce-message, .woocommerce-info, .woocommerce-error,
.product .onsale, .badge, .tag, .card, .widget,
[class*="jw-"], [class*="pw-"], [class*="lux-"]{
  border-radius: 0 !important;
}

/* --- 2. Płasko zamiast miękko ------------------------------------------- */
[class*="jw-"], [class*="pw-"], [class*="lux-"],
.woocommerce ul.products li.product, .card, .widget{
  box-shadow: none !important;
}

/* --- 3. Krawędź niesie informację, więc ma być widoczna ------------------ */
.jw-img, .jw-card, .jw-feature, .jw-box, .jw-callout, .jw-kpi,
.jw-bullet, .jw-pill, .jw-ico, .jw-feature__icon, .jw-card--img img,
.pw-przewin, .pw-legenda>div, .pw-cta{
  border-color: var(--brand-border) !important;
}
.jw-kpi{ background: #FFFFFF !important; }          /* gradient to nie jest techniczny */
.jw-ico, .jw-feature__icon{ background: #F2EEF6 !important; }

/* --- 4. Liczby w tabelach mają się kolumnować --------------------------- */
table, .jw-table, .pw-tabela, .woocommerce-product-attributes,
.price, .amount, .woocommerce-Price-amount{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* --- 5. Numer katalogowy czyta się jak numer, nie jak zdanie ------------- */
.jw-sku, .sku, .sku_wrapper .sku, .pw-tabela code, .jw-table code{
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: .01em;
}

/* --- 6. Przyciski: prostokątne, z wyraźną krawędzią --------------------- */
.button, button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .jw-btn, .pw-btn{
  border: 1px solid var(--brand-navy) !important;
  text-transform: none;
  letter-spacing: .01em;
}

/* --- 7. Ostrzeżenia na pomarańczowo, reszta na niebiesko ---------------- */
.jw-tip, .pw-uwaga{
  border-left: 3px solid var(--brand-warn) !important;
  background: #FFF7ED !important;
}