/*
Theme Name: Child Theme sweetestworld.pl
Theme URI: sweetestworld.pl
Template: hello-elementor
Author: ITPER PL
Author URI: itper.pl
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1770294562
Updated: 2026-02-05 13:29:22

*/

.animated-divider-left{
  display:flex;
  align-items:center;
  gap:16px;
}

/* nagłówek/tekst po lewej */
.animated-divider-left > *{
  flex:0 0 auto;
}

/* linia dopiero ZA nagłówkiem */
.animated-divider-left::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:#4dc9eb;
  margin-top: 16px;
  transform: scaleX(0);
  transform-origin:left;
  animation: dividerGrow 1.5s ease-out forwards;
}

@keyframes dividerGrow{
  to{ transform: scaleX(1); }
}

@media (max-width:1024px){
  .animated-divider-left::after{
    height:1px;
    margin-top:16px;
  }
}

@media (max-width:767px){
  .animated-divider-left{
    gap:10px;
  }

  .animated-divider-left::after{
    height:2px;
    margin-top:12px;
  }
}

/* WYŁĄCZ efekt zoom karta prod*/
.woocommerce-product-gallery .zoomImg{
  display:none !important;
}

.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image a{
  pointer-events:auto !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a{
  cursor: zoom-in;
}

/* WYŁĄCZ LIGHTBOX ELEMENTORA TYLKO NA STRONIE PRODUKTU */
body.single-product .elementor-lightbox,
body.single-product .dialog-lightbox-widget,
body.single-product .elementor-swiper,
body.single-product .swiper-zoom-container{
  display:none !important;
}

/* PhotoSwipe (WooCommerce lightbox) – zawsze nad headerem */
.pswp,
.pswp__bg,
.pswp__scroll-wrap,
.pswp__container,
.pswp__ui {
  z-index: 999999 !important;
  position: fixed !important;
}

/* elementy wewnętrzne też nad wszystkim */
.pswp__caption,
.pswp__top-bar,
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  z-index: 9 !important;
}

/* =========================
   Woo toast "Dodano do koszyka"
   ========================= */

:root{
  --sw-purple:#32388F;
  --sw-cyan:#00CCE9;
  --sw-pink:#F03F8A;
  --sw-bg:#ffffff;
  --sw-text:#1b1b1b;
  --sw-shadow:0 18px 60px rgba(0,0,0,.18);
  --sw-radius:14px;
}

.woocommerce-notices-wrapper{
  position: fixed;
  top: 110px;
  right: 18px;
  z-index: 999999;
  width: min(520px, calc(100vw - 36px));
  pointer-events: none;
}

/* Sam komunikat */
.woocommerce-notices-wrapper .woocommerce-message{
  pointer-events: auto;
  margin: 0 !important;
  padding: 14px 14px 14px 14px !important;
  border: 1px solid rgba(50,56,143,.14) !important;
  border-left: 6px solid var(--sw-cyan) !important;
  background: var(--sw-bg) !important;
  color: var(--sw-text) !important;
  border-radius: var(--sw-radius) !important;
  box-shadow: var(--sw-shadow) !important;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

/* delete domyślną ikonkę Woo */
.woocommerce-notices-wrapper .woocommerce-message::before{
  content: "✓" !important;
  position: static !important;
  font-size: 14px;
  line-height: 1;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,204,233,.18);
  color: var(--sw-purple);
  border: 1px solid rgba(0,204,233,.35);
  margin: 0 !important;
}

/* Link w treści (nazwa produktu) */
.woocommerce-notices-wrapper .woocommerce-message a:not(.button){
  color: var(--sw-pink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Przycisk Woo "Zobacz koszyk"*/
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward{
  margin-left: auto !important;
  border-radius: 12px !important;
  height: 42px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  border: 1px solid rgba(50,56,143,.35) !important;
  background: var(--sw-cyan) !important;
  color: #fff !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: transform .12s ease, filter .12s ease;
}
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:hover{
  filter: brightness(.97);
}
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:active{
  transform: translateY(1px);
}

.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info{
  position: relative;
  padding-right: 40px !important;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* "Finalizuj zakup" */
.woocommerce-notices-wrapper .woocommerce-message .sw-checkout{
  border-radius: 12px;
  height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  border: 1px solid rgba(50,56,143,.18);
  background: #fff;
  color: var(--sw-purple);
  text-decoration: none;
}

/* Animacja wejścia */
@keyframes swToastIn{
  from{ transform: translateY(-10px); opacity: 0; }
  to{ transform: translateY(0); opacity: 1; }
}
.woocommerce-notices-wrapper .woocommerce-message{
  animation: swToastIn .18s ease-out both;
}

/* Mobile */
@media (max-width: 768px){
  .woocommerce-notices-wrapper{
    top: 86px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(520px, calc(100vw - 22px));
  }
  .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward{
    margin-left: 0 !important;
    width: 100%;
  }
}

.woocommerce-notices-wrapper .woocommerce-message {
    position: relative;
    padding-right: 40px !important;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sw-close-toast {
    position: absolute;
    top: 10px;
    right: 14px;

    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 22px;
    font-weight: 700;
    line-height: 1;

    color: var(--sw-purple);
    cursor: pointer;

    opacity: 0.7;
    transition: transform .15s ease, opacity .15s ease, color .15s ease;
    padding: 0;
}

.sw-close-toast:hover {
    opacity: 1;
    color: var(--sw-pink);
    transform: scale(1.15);
}

.sw-close-toast:focus {
    outline: none !important;
    box-shadow: none !important;
}


.sw-fade-out {
    opacity: 0 !important;
    transform: translateY(-20px) !important;
    pointer-events: none;
}

/* Karta produktu jako punkt odniesienia 0*/
.woocommerce ul.products li.product{
    position: relative;
}

/* Kontener badge */
.custom-sale-badge{
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    z-index: 10;
    pointer-events: none;
}

/* Sam obraz */
.custom-sale-badge img{
    width: 100%;
    height: auto;
    display: block;
}
/* Karta produktu jako punkt odniesienia 1*/

/* etykieta promo na karcie produktowej 0*/
.single-product .woocommerce-product-gallery{
    position: relative;
}

.single-product .custom-sale-badge{
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    z-index: 20;
    pointer-events: none;
}

.single-product .custom-sale-badge img{
    width: 100%;
    height: auto;
    display: block;
}

.single-product .onsale{
    display: none !important;
}
/* etykieta promo na karcie produktowej 1*/
/* faq 0*/
:root{
  --sw-acc-bg: #ffffff;
  --sw-acc-surface: rgba(255,255,255,.72);
  --sw-acc-border: rgba(25, 30, 40, .10);
  --sw-acc-border-strong: rgba(25, 30, 40, .16);
  --sw-acc-text: #0f172a;
  --sw-acc-muted: #475569;
  --sw-acc-accent: #27C9EB;
  --sw-acc-accent-2: #3B2F92;
  --sw-acc-radius: 16px;
  --sw-acc-shadow: 0 10px 30px rgba(15, 23, 42, .08);
  --sw-acc-shadow-hover: 0 16px 42px rgba(15, 23, 42, .12);
  --sw-acc-ring: 0 0 0 4px rgba(39, 201, 235, .22);
}

.elementor .e-n-accordion{
  display: grid;
  gap: 14px;
}

.elementor .e-n-accordion details.e-n-accordion-item{
  background: linear-gradient(180deg, var(--sw-acc-surface), rgba(255,255,255,.92));
  border: 1px solid var(--sw-acc-border);
  border-radius: var(--sw-acc-radius);
  box-shadow: var(--sw-acc-shadow);
  overflow: clip;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor .e-n-accordion details.e-n-accordion-item:hover{
  transform: translateY(-2px);
  box-shadow: var(--sw-acc-shadow-hover);
  border-color: var(--sw-acc-border-strong);
}

.elementor .e-n-accordion details.e-n-accordion-item:focus-within{
  box-shadow: var(--sw-acc-shadow-hover), var(--sw-acc-ring);
  border-color: rgba(39, 201, 235, .45);
}

.elementor .e-n-accordion details.e-n-accordion-item > summary.e-n-accordion-item-title{
  cursor: pointer;
  list-style: none;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 14px;
  color: var(--sw-acc-text);
  position: relative;
}

.elementor .e-n-accordion details.e-n-accordion-item > summary::-webkit-details-marker{ display:none; }
.elementor .e-n-accordion details.e-n-accordion-item > summary::marker{ content:""; }

.elementor .e-n-accordion details.e-n-accordion-item > summary::before{
  content:"";
  position:absolute;
  left:0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--sw-acc-accent), var(--sw-acc-accent-2));
  opacity: .55;
  transform: scaleY(.65);
  transform-origin: center;
  transition: opacity .22s ease, transform .22s ease;
}

.elementor .e-n-accordion details.e-n-accordion-item:hover > summary::before,
.elementor .e-n-accordion details.e-n-accordion-item[open] > summary::before{
  opacity: .95;
  transform: scaleY(1);
}

.elementor .e-n-accordion .e-n-accordion-item-title-text{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  padding-left: 8px;
}

.elementor .e-n-accordion .e-n-accordion-item-title-icon{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--sw-acc-border);
  background: rgba(255,255,255,.85);
  display: grid;
  place-items: center;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .06);
}

.elementor .e-n-accordion details.e-n-accordion-item:hover .e-n-accordion-item-title-icon{
  transform: translateY(-1px);
  border-color: rgba(39, 201, 235, .45);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .10);
}

.elementor .e-n-accordion .e-n-accordion-item-title-icon svg{
  width: 16px;
  height: 16px;
  fill: currentColor;
  color: var(--sw-acc-accent-2);
}

.elementor .e-n-accordion details.e-n-accordion-item[open]{
  border-color: rgba(39, 201, 235, .28);
}

.elementor .e-n-accordion details.e-n-accordion-item[open] .e-n-accordion-item-title-icon{
  background: linear-gradient(180deg, rgba(39,201,235,.18), rgba(59,47,146,.10));
  border-color: rgba(39, 201, 235, .55);
}

.elementor .e-n-accordion details.e-n-accordion-item > [role="region"]{
  padding: 0 18px 16px 18px;
}

.elementor .e-n-accordion details.e-n-accordion-item[open] > [role="region"]{
  position: relative;
}
.elementor .e-n-accordion details.e-n-accordion-item[open] > [role="region"]::before{
  content:"";
  display:block;
  height: 1px;
  margin: 0 0 14px 0;
  background: linear-gradient(90deg,
    rgba(39,201,235,.00),
    rgba(39,201,235,.35),
    rgba(59,47,146,.25),
    rgba(39,201,235,.00)
  );
}

.elementor .e-n-accordion .elementor-widget-text-editor p{
  margin: 10px 0 0;
  color: var(--sw-acc-muted);
  font-size: 15px;
  line-height: 1.6;
}

.elementor .e-n-accordion .elementor-widget-text-editor a{
  color: var(--sw-acc-accent-2);
  text-decoration: none;
  font-weight: 700;
  border-bottom: 1px solid rgba(59,47,146,.25);
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.elementor .e-n-accordion .elementor-widget-text-editor a:hover{
  color: var(--sw-acc-accent);
  border-color: rgba(39,201,235,.55);
  background: rgba(39,201,235,.08);
}

.elementor .e-n-accordion details.e-n-accordion-item > summary.e-n-accordion-item-title:focus{
  outline: none;
}

.elementor .e-n-accordion details.e-n-accordion-item > summary.e-n-accordion-item-title:focus-visible{
  box-shadow: var(--sw-acc-ring);
  border-radius: calc(var(--sw-acc-radius) - 4px);
}

@media (max-width: 767px){
  .elementor .e-n-accordion{
    gap: 12px;
  }
  .elementor .e-n-accordion details.e-n-accordion-item > summary.e-n-accordion-item-title{
    padding: 14px 14px;
  }
  .elementor .e-n-accordion .e-n-accordion-item-title-text{
    font-size: 15px;
  }
  .elementor .e-n-accordion .e-n-accordion-item-title-icon{
    width: 36px;
    height: 36px;
  }
  .elementor .e-n-accordion details.e-n-accordion-item > [role="region"]{
    padding: 0 14px 14px 14px;
  }
}
/* faq 1*/

/* kasa 0*/

/* układ: obrazek + nazwa obok */
.product-name .checkout-product-with-image{
  display:flex;
  align-items:center;
  gap:12px;
}

/* miniatura ma stały rozmiar i nie rozpycha wiersza */
.product-name .checkout-product-thumb{
  position:relative;
  flex:0 0 60px;
  width:60px;
  height:60px;
  line-height:0;
}

/* obrazek wypełnia box */
.product-name .checkout-product-thumb img{
  width:60px;
  height:60px;
  object-fit:cover;
  border-radius:8px;
  display:block;
}

/* badge w prawym górnym rogu miniatury */
.product-name .checkout-product-qty-badge{
  position:absolute;
  top:-8px;
  right:-8px;
  min-width:26px;
  height:26px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:#111;
  color:#fff;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}

/* tytuł niech będzie „normalnie” */
.product-name .checkout-product-title{
  line-height:1.25;
}

/* --- ZMIENNE KOLORYSTYCZNE --- */
:root {
    --brand-primary: #3B2F92;
    --brand-secondary: #5CC1DE;
    --text-color: #000000;
    --bg-color: #a6dbea;
    --border-color: #e5e5e5;
}
/* --- 1. SEKCJA WYSYŁKI (ZMIANA LISTY NA KAFELKI) --- */

/* Reset listy */
.woocommerce-shipping-methods {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wygląd pojedynczego kafelka metody wysyłki */
.woocommerce-shipping-methods li {
    background-color: var(--bg-color) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    /* POPRAWKA 1: Wymuszenie stałej szerokości */
    width: 90% !important; 
    box-sizing: border-box !important;
	font-size: 15px !important;
}

/* Hover - podświetlenie jasnym błękitem */
.woocommerce-shipping-methods li:hover {
    border-color: var(--brand-secondary) !important;
    box-shadow: 0 4px 12px rgba(92, 193, 222, 0.15) !important;
}

/* Wybrana metoda (Active state)*/
.woocommerce-shipping-methods li:has(input:checked) {
    border-color: var(--brand-primary) !important;
    background-color: rgba(59, 47, 146, 0.03) !important;
    box-shadow: 0 0 0 1px var(--brand-primary) !important;
}

/* Stylowanie etykiety */
.woocommerce-shipping-methods li label {
    color: var(--text-color) !important;
    font-weight: 700 !important;
    flex: 1 !important; 
    margin-left: 10px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: static !important;
}

/* POPRAWKA 2b: Rozciągnięcie klikalności na cały kafelek */
.woocommerce-shipping-methods li label::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
}

/* Cena przesyłki */
.woocommerce-shipping-methods li label .amount {
    color: var(--brand-primary) !important;
    font-weight: 700 !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Input radio - akcent kolorystyczny */
.woocommerce-shipping-methods input[type="radio"] {
    accent-color: var(--brand-primary) !important;
    transform: scale(1.2) !important;
    position: relative !important;
    z-index: 2 !important; /* Input musi być nad warstwą klikalną, żeby widać było animację zaznaczania */
}

/* --- FIX MOBILE: równe wyrównanie nazw i cen metod wysyłki --- */

/* Kafelek: input + treść w dwóch kolumnach */
.woocommerce-shipping-methods li{
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  column-gap: 12px !important;
  align-items: start !important;
}

/* label jako siatka: nazwa (1fr) + cena (auto) */
.woocommerce-shipping-methods li label{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  column-gap: 12px !important;
  align-items: center !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  justify-content: initial !important;
}

.woocommerce-shipping-methods li label{
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
}

.woocommerce-shipping-methods li label .amount{
  justify-self: end !important;
  align-self: center !important;
  white-space: nowrap !important;
}

.woocommerce-shipping-methods input[type="radio"]{
  align-self: start !important;
  margin-top: 2px !important;
}

/* --- 2. PRZYCISK WYBORU PACZKOMATU (Apaczka) --- */

#apaczka_pl_geowidget_classic {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
    border: 2px solid var(--brand-primary) !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
    width: auto !important;
    cursor: pointer !important;
}

#apaczka_pl_geowidget_classic:hover {
    background-color: #5cc1de !important;
    color: #fff !important;
}

/* Wybrany punkt - tekst */
#selected-parcel-machine {
    margin-top: 15px !important;
    padding: 15px !important;
    background: #f9f9f9 !important;
    border-left: 4px solid var(--brand-secondary) !important;
    color: var(--text-color) !important;
}

.font-height-600 {
    font-weight: 700 !important;
    color: var(--brand-primary) !important;
    display: block !important;
    margin-bottom: 5px !important;
}

/* --- 3. SEKCJA PŁATNOŚCI (TPAY I INNE) --- */

.wc_payment_methods {
    list-style: none outside !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Główny kafelek metody płatności (np. BLIK, Tpay) */
.wc_payment_methods li.wc_payment_method {
    background: #fff !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    padding: 15px !important;
    transition: all 0.3s !important;
}

/* Aktywna metoda płatności */
.wc_payment_methods li.wc_payment_method:has(input:checked) {
    border-color: var(--brand-primary) !important;
    background-color: #fff !important;
}

.wc_payment_methods li.wc_payment_method > label {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    color: var(--text-color) !important;
    gap: 10px !important;
}

/* Obrazki/loga metod płatności */
.wc_payment_methods li.wc_payment_method > label img {
    max-height: 30px !important;
    margin-left: auto !important;
}

/* Opis/box płatności */
.payment_box {
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px dashed #ddd !important;
    font-size: 0.9em !important;
    color: #555 !important;
}

/* --- 4. GŁÓWNY PRZYCISK "KUPUJĘ I PŁACĘ" --- */

#place_order {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
    font-size: 1.2rem !important;
    padding: 18px 30px !important;
    border-radius: 5px !important;
    width: 100% !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    transition: background-color 0.3s ease !important;
    border: none !important;
    margin-top: 20px !important;
}

#place_order:hover {
    background-color: var(--brand-secondary) !important;
}

.woocommerce-privacy-policy-link {
    color: var(--brand-secondary) !important;
    text-decoration: underline !important;
}

/* Checkout – tytuł produktu (desktop) */
@media (min-width: 1025px){
  .checkout-product-title{
    width: 250px !important;
    max-width: 250px !important;
    min-width: 250px !important;

    position: relative;
    z-index: 9999 !important;

    white-space: normal !important;   /* pozwala na zawijanie */
    word-break: break-word !important; /* łamie długie wyrazy */
    overflow-wrap: break-word !important;

    display: block !important;
  }
}

/* koniec dla podstrony kasa */

/* === TYLKO WIERSZ "WYSYŁKA" – stała szerokość TH === */
.woocommerce-checkout-review-order-table
tr.woocommerce-shipping-totals.shipping > th {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
  white-space: nowrap;
}

/* (opcjonalnie) żeby lewa kolumna nie łapała zbędnego zawijania */
.woocommerce-checkout-review-order-table
tr.woocommerce-shipping-totals.shipping > td {
  width: auto !important;
}

/* === MOBILE: "Wysyłka" nad metodami (zamiast obok) === */
@media (max-width: 767px) {
  .woocommerce-checkout-review-order-table
  tr.woocommerce-shipping-totals.shipping {
    display: block;
  }

  .woocommerce-checkout-review-order-table
  tr.woocommerce-shipping-totals.shipping > th,
  .woocommerce-checkout-review-order-table
  tr.woocommerce-shipping-totals.shipping > td {
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .woocommerce-checkout-review-order-table
  tr.woocommerce-shipping-totals.shipping > th {
    margin-bottom: 6px;
  }
}

/* === MOBILE: jedna kolumna dla: Wysyłka + metody + przycisk Apaczka === */
@media (max-width: 767px) {

  /* 1) Wysyłka */
  .woocommerce-checkout-review-order-table
  tr.woocommerce-shipping-totals.shipping {
    display: block !important;
  }

  .woocommerce-checkout-review-order-table
  tr.woocommerce-shipping-totals.shipping > th,
  .woocommerce-checkout-review-order-table
  tr.woocommerce-shipping-totals.shipping > td {
    display: block !important;
    width: 180% !important;
  }

  /* 2) Wiersz Apaczka */
  .woocommerce-checkout-review-order-table
  tr.apaczka-parcel-machine {
    display: block !important;
  }

  .woocommerce-checkout-review-order-table
  tr.apaczka-parcel-machine > th,
  .woocommerce-checkout-review-order-table
  tr.apaczka-parcel-machine > td {
    display: block !important;
    width: 100% !important;
    padding-top: 0 !important;
  }

  /* 3) Schowaj pusty nagłówek th (u Ciebie jest pusty) */
  .woocommerce-checkout-review-order-table
  tr.apaczka-parcel-machine > th {
    display: none !important;
  }

  /* 4) Przycisk „Wybierz punkt” full width i pod metodami */
  .woocommerce-checkout-review-order-table
  tr.apaczka-parcel-machine td.apaczka-parcel-machine-select #apaczka_pl_geowidget_classic {
    display: block !important;
    width: 100% !important;
    margin-top: 10px !important;
    white-space: normal !important;
  }

  /* 5) Sekcja „Wybrany paczkomat” też pod spodem */
  .woocommerce-checkout-review-order-table
  tr.apaczka-parcel-machine td.apaczka-parcel-machine-select #selected-parcel-machine {
    margin-top: 10px !important;
  }
}

/* === CHECKOUT: nagłówki "Produkt / Kwota" + ceny (czytelniej i mocniej) === */

/* 1) Nagłówki tabeli */
.woocommerce-checkout-review-order-table thead th.product-name,
.woocommerce-checkout-review-order-table thead th.product-total {
  font-size: 18px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
  color: #1f1f1f !important;
  padding: 12px 0 10px !important;
  border-bottom: 2px solid #e8e8e8 !important;
}

/* wyrównania */
.woocommerce-checkout-review-order-table thead th.product-name { text-align: left !important; }
.woocommerce-checkout-review-order-table thead th.product-total { text-align: right !important; }

/* 2) Komórki z produktami */
.woocommerce-checkout-review-order-table tbody td.product-name {
  padding: 14px 0 !important;
}

/* 3) Ceny w wierszach produktów (prawa kolumna) */
.woocommerce-checkout-review-order-table tbody td.product-total {
  text-align: right !important;
  padding: 14px 0 !important;
}

.woocommerce-checkout-review-order-table tbody td.product-total .amount,
.woocommerce-checkout-review-order-table tbody td.product-total bdi {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #111 !important;
}

/* 4) Wiersze w stopce (Kwota/Wysyłka itp.) – czytelniejsze etykiety i wartości */
.woocommerce-checkout-review-order-table tfoot th {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #444 !important;
  padding: 12px 0 !important;
}

.woocommerce-checkout-review-order-table tfoot td {
  text-align: right !important;
  padding: 12px 0 !important;
}

.woocommerce-checkout-review-order-table tfoot td .amount,
.woocommerce-checkout-review-order-table tfoot td bdi {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #3B2F92 !important;
}

/* 5) Delikatna linia między sekcjami */
.woocommerce-checkout-review-order-table tbody tr.cart_item td {
  border-bottom: 1px solid #f0f0f0 !important;
}

/* TYLKO strona logowania/rejestracji WooCommerce (My Account - gdy niezalogowany) */
.woocommerce-account #customer_login{
  --login-radius: 14px;
  --login-border: rgba(0,0,0,.08);
  --login-shadow: 0 18px 50px rgba(0,0,0,.08);
  --login-shadow-soft: 0 10px 28px rgba(0,0,0,.08);
  --login-accent: rgba(136,231,249,.65); /* subtelny akcent (brand #88E7F9) */
  --login-accent-2: rgba(242,190,105,.40); /* brand #F2BE69 */
  --login-text: rgba(0,0,0,.82);
  --login-muted: rgba(0,0,0,.55);
  --login-bg: rgba(255,255,255,.78);
  --login-bg-2: rgba(255,255,255,.92);
}

/* Tło sekcji login/register – subtelny gradient + „grain” */
.woocommerce-account #customer_login{
  position: relative;
  padding: 18px;
  border-radius: calc(var(--login-radius) + 6px);
  background:
    radial-gradient(1200px 500px at 10% 0%, var(--login-accent), transparent 55%),
    radial-gradient(900px 420px at 90% 10%, var(--login-accent-2), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.35));
  overflow: hidden;
}

.woocommerce-account #customer_login::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  opacity:.10;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}

/* Kolumny jako karty */
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2{
  position: relative;
  background: linear-gradient(180deg, var(--login-bg), var(--login-bg-2));
  border: 1px solid var(--login-border);
  border-radius: var(--login-radius);
  box-shadow: var(--login-shadow-soft);
  padding: 18px 18px 12px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transform: translateY(10px);
  opacity: 0;
  animation: loginCardIn .55s cubic-bezier(.2,.9,.2,1) forwards;
}

.woocommerce-account #customer_login .u-column2{ animation-delay: .06s; }

@keyframes loginCardIn{
  to { transform: translateY(0); opacity: 1; }
}

.woocommerce-account #customer_login h2{
  color: var(--login-text);
  letter-spacing: .2px;
  margin: 4px 0 14px;
  font-size: 22px;
}

/* Teksty pomocnicze */
.woocommerce-account #customer_login p{
  color: var(--login-muted);
}

.woocommerce-account #customer_login label{
  color: var(--login-text);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .2px;
}

/* Inputy – tylko wewnątrz formularzy login/register */
.woocommerce-account #customer_login .woocommerce-Input.input-text{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.85);
  padding: 12px 12px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

.woocommerce-account #customer_login .woocommerce-Input.input-text:focus{
  outline: none;
  border-color: rgba(136,231,249,.9);
  background: rgba(255,255,255,.96);
  box-shadow: 0 0 0 4px rgba(136,231,249,.25);
  transform: translateY(-1px);
}

/* Pokaż hasło – subtelnie */
.woocommerce-account #customer_login .show-password-input{
  border-radius: 10px;
  transition: transform .18s ease, opacity .18s ease;
  opacity: .75;
}
.woocommerce-account #customer_login .show-password-input:hover{
  opacity: 1;
  transform: scale(1.05);
}

/* Checkbox "Zapamiętaj mnie" */
.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  user-select: none;
}
.woocommerce-account #customer_login input[type="checkbox"]{
  width: 16px;
  height: 16px;
  accent-color: #88E7F9;
}

/* Przyciski – tylko login/register */
.woocommerce-account #customer_login .woocommerce-button,
.woocommerce-account #customer_login .woocommerce-Button{
  position: relative;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  padding: 11px 16px;
  font-weight: 700;
  letter-spacing: .2px;
  color: rgba(0,0,0,.82);
  background: linear-gradient(135deg, rgba(136,231,249,.75), rgba(242,190,105,.55));
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  overflow: hidden;
}

/* Delikatny „shine” po hover */
.woocommerce-account #customer_login .woocommerce-button::after,
.woocommerce-account #customer_login .woocommerce-Button::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.55) 45%, transparent 60%);
  transform: translateX(-120%);
  transition: transform .55s ease;
  pointer-events:none;
}

.woocommerce-account #customer_login .woocommerce-button:hover,
.woocommerce-account #customer_login .woocommerce-Button:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 44px rgba(0,0,0,.14);
  filter: saturate(1.05);
}
.woocommerce-account #customer_login .woocommerce-button:hover::after,
.woocommerce-account #customer_login .woocommerce-Button:hover::after{
  transform: translateX(120%);
}

/* Klik */
.woocommerce-account #customer_login .woocommerce-button:active,
.woocommerce-account #customer_login .woocommerce-Button:active{
  transform: translateY(0);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* Link "Nie pamiętasz hasła" */
.woocommerce-account #customer_login .lost_password a,
.woocommerce-account #customer_login .woocommerce-privacy-policy-link{
  color: #7E4D28;
  text-decoration: none;
  position: relative;
}
.woocommerce-account #customer_login .lost_password a::after,
.woocommerce-account #customer_login .woocommerce-privacy-policy-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:1px;
  background: currentColor;
  opacity:.25;
  transform: scaleX(.65);
  transform-origin: left;
  transition: transform .2s ease, opacity .2s ease;
}
.woocommerce-account #customer_login .lost_password a:hover::after,
.woocommerce-account #customer_login .woocommerce-privacy-policy-link:hover::after{
  transform: scaleX(1);
  opacity:.55;
}

/* Responsywność – wąsko: mniej paddingu */
@media (max-width: 767px){
  .woocommerce-account #customer_login{ padding: 12px; }
  .woocommerce-account #customer_login .u-column1,
  .woocommerce-account #customer_login .u-column2{ padding: 16px 14px 10px; }
}

/* =========================================================
   SWEETESTWORLD – THANK YOU / ORDER DETAILS (TYLKO .woocommerce-order)
   ========================================================= */

.woocommerce-order{
  --sw-blue: #88E7F9;
  --sw-gold: #F2BE69;
  --sw-brown: #7E4D28;
  --sw-red: #F4594F;

  --sw-bg: #ffffff;
  --sw-panel: rgba(136, 231, 249, .10);
  --sw-border: rgba(126, 77, 40, .18);
  --sw-shadow: 0 12px 34px rgba(0,0,0,.08);

  --sw-radius: 14px;
  --sw-radius-sm: 10px;

  color: var(--sw-brown);
}

/* Lepsza “czytelność” całej sekcji zamówienia */
.woocommerce-order > *{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-order a{
  color: var(--sw-brown);
  text-decoration: none;
  border-bottom: 1px dashed rgba(126, 77, 40, .35);
}
.woocommerce-order a:hover{
  border-bottom-color: rgba(244, 89, 79, .7);
}

/* ====== Komunikat WooCommerce: "Dziękujemy..." ====== */
.woocommerce-order .woocommerce-notice.woocommerce-notice--success{
  background: linear-gradient(180deg, rgba(242,190,105,.18), rgba(136,231,249,.10));
  border: 1px solid var(--sw-border);
  border-left: 6px solid rgba(244,89,79,.75);
  border-radius: var(--sw-radius);
  padding: 14px 16px;
  margin: 14px auto 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  font-weight: 700;
  color: var(--sw-brown);
}

/* ====== Tpay: payment-confirmation-container ====== */
.woocommerce-order .payment-confirmation-container{
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--sw-bg);
  border: 1px solid var(--sw-border);
  border-radius: var(--sw-radius);
  padding: 16px 16px;
  margin: 0 auto 14px;
  box-shadow: var(--sw-shadow);
}

.woocommerce-order .payment-confirmation-container .icon-wrapper{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(136,231,249,.45), rgba(242,190,105,.35));
  display: grid;
  place-items: center;
  border: 1px solid rgba(126, 77, 40, .16);
}
.woocommerce-order .payment-confirmation-container .icon-wrapper img{
  width: 28px;
  height: 28px;
  display: block;
}

.woocommerce-order .payment-confirmation-container .message .title{
  margin: 0 0 2px;
  font-weight: 900;
  letter-spacing: .2px;
  color: var(--sw-brown);
  font-size: 18px;
}
.woocommerce-order .payment-confirmation-container .message .subtitle{
  margin: 0;
  color: rgba(126, 77, 40, .82);
  font-size: 14px;
}

.woocommerce-order .payment-confirmation-container .underline{
  margin-left: auto;
  width: 86px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sw-red), var(--sw-gold), var(--sw-blue));
  opacity: .85;
}

/* ====== “Karta” z podsumowaniem (Numer, Data, Email, Razem…) ====== */
.woocommerce-order ul.woocommerce-order-overview{
  list-style: none;
  padding: 0;
  margin: 0 auto 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.woocommerce-order ul.woocommerce-order-overview > li{
  background: rgba(255,255,255,.98);
  border: 1px solid var(--sw-border);
  border-radius: var(--sw-radius-sm);
  padding: 12px 14px;
  box-shadow: 0 8px 18px rgba(0,0,0,.05);
  color: rgba(126, 77, 40, .92);
  line-height: 1.35;
  position: relative;
}

.woocommerce-order ul.woocommerce-order-overview > li strong{
  display: block;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 900;
  color: var(--sw-brown);
}

.woocommerce-order ul.woocommerce-order-overview > li.woocommerce-order-overview__total strong{
  font-size: 18px;
}
.woocommerce-order ul.woocommerce-order-overview > li.woocommerce-order-overview__total::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--sw-radius-sm);
  background: linear-gradient(135deg, rgba(242,190,105,.22), rgba(136,231,249,.18));
  pointer-events: none;
  opacity: .9;
  z-index: 0;
}
.woocommerce-order ul.woocommerce-order-overview > li > *{
  position: relative;
  z-index: 1;
}

/* Mobile: overview w 1 kolumnie */
@media (max-width: 720px){
  .woocommerce-order ul.woocommerce-order-overview{
    grid-template-columns: 1fr;
  }
}

/* ====== Sekcja “Szczegóły zamówienia” ====== */
.woocommerce-order .woocommerce-order-details__title{
  margin: 10px auto 10px;
  color: var(--sw-brown);
  font-weight: 900;
  letter-spacing: .2px;
}

.woocommerce-order table.woocommerce-table--order-details{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(255,255,255,.98);
  border: 1px solid var(--sw-border);
  border-radius: var(--sw-radius);
  overflow: hidden;
  box-shadow: var(--sw-shadow);
  margin: 0 auto 18px;
}

.woocommerce-order table.woocommerce-table--order-details thead th{
  background: linear-gradient(180deg, rgba(136,231,249,.25), rgba(242,190,105,.12));
  color: var(--sw-brown);
  font-weight: 900;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(126,77,40,.16);
}

.woocommerce-order table.woocommerce-table--order-details td,
.woocommerce-order table.woocommerce-table--order-details th{
  padding: 12px 14px;
  vertical-align: top;
}

.woocommerce-order table.woocommerce-table--order-details tbody tr td{
  border-bottom: 1px solid rgba(126,77,40,.10);
}
.woocommerce-order table.woocommerce-table--order-details tfoot tr th,
.woocommerce-order table.woocommerce-table--order-details tfoot tr td{
  border-top: 1px solid rgba(126,77,40,.10);
}

.woocommerce-order table.woocommerce-table--order-details .product-quantity{
  font-weight: 900;
  color: rgba(126, 77, 40, .85);
  margin-left: 6px;
}

.woocommerce-order table.woocommerce-table--order-details .amount{
  font-weight: 900;
  color: var(--sw-brown);
}

/* Wyróżnienie wiersza “Razem” w tabeli */
.woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child td{
  font-weight: 900;
}
.woocommerce-order table.woocommerce-table--order-details tfoot tr:nth-child(3){
  background: rgba(242,190,105,.14);
}

/* Apaczka / punkt paczkomatu – czytelniejszy bloczek */
.woocommerce-order .apaczka-pl-chosen-locker-point{
  display: inline-block;
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(126, 77, 40, .18);
  background: rgba(136,231,249,.12);
  color: rgba(126, 77, 40, .92);
}
.woocommerce-order .apaczka-pl-chosen-locker-point.point{
  font-weight: 900;
}
.woocommerce-order small.shipped_via{
  display: inline-block;
  margin-left: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(244, 89, 79, .12);
  border: 1px solid rgba(244, 89, 79, .25);
  color: rgba(126, 77, 40, .95);
  font-weight: 700;
}

/* ====== Tabela custom fields (Nazwa Firmy, NIP) ====== */
.woocommerce-order table.woocommerce-table--custom-fields{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(255,255,255,.98);
  border: 1px solid var(--sw-border);
  border-radius: var(--sw-radius);
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  margin: 0 auto 18px;
}

.woocommerce-order table.woocommerce-table--custom-fields th{
  width: 220px;
  background: rgba(242,190,105,.12);
  font-weight: 900;
  color: var(--sw-brown);
  padding: 10px 12px;
  border-bottom: 1px solid rgba(126,77,40,.10);
}
.woocommerce-order table.woocommerce-table--custom-fields td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(126,77,40,.10);
  color: rgba(126, 77, 40, .92);
}

/* ====== Adres rozliczeniowy ====== */
.woocommerce-order .woocommerce-customer-details{
  margin: 0 auto;
}
.woocommerce-order .woocommerce-column__title{
  margin: 10px 0 10px;
  font-weight: 900;
  color: var(--sw-brown);
}

.woocommerce-order .woocommerce-customer-details address{
  background: rgba(255,255,255,.98);
  border: 1px solid var(--sw-border);
  border-radius: var(--sw-radius);
  padding: 14px 14px;
  box-shadow: var(--sw-shadow);
  color: rgba(126, 77, 40, .92);
  line-height: 1.55;
  height: auto !important;
}

.woocommerce-order .woocommerce-customer-details--phone,
.woocommerce-order .woocommerce-customer-details--email{
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px dashed rgba(126, 77, 40, .22);
  font-weight: 800;
}

/* Karta produktowa ukrywnie domyślne strzałki przeglądarki (góra/dół) w polu ilość */
.quantity input[type=number]::-webkit-inner-spin-button, 
.quantity input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none !important; 
    margin: 0 !important; 
}
.quantity input[type=number] {
    -moz-appearance: textfield !important;
}

/* 2. Kontener główny - ułożenie w linii */
.quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    gap: 0 !important;
}

/* 3. Stylizacja pola wpisywania (środek) - sama liczba */
.quantity .input-text.qty {
    width: 50px !important;
    height: 40px !important;
    padding: 0 !important;
    text-align: center !important;
    background-color: transparent !important;
    border: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #3b2f92 !important;
    outline: none !important;
}

/* 4. Stylizacja przycisków (Normalny stan) */
.quantity .qty-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 40px !important;
    height: 40px !important;
    background-color: #3b2f92 !important;
    color: #ffffff !important;
    border: 0 !important;
    cursor: pointer !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    transition: all 0.3s ease !important;
    border-radius: 4px !important;
}

.quantity .qty-btn:hover {
    background-color: #ffffff !important;
    color: #3b2f92 !important;
    box-shadow: 0px 0px 5px rgba(59, 47, 146, 0.2) !important; 
}
.quantity .screen-reader-text {
    display: none !important;
}
/* Karta produktowa ukrywnie domyślne strzałki przeglądarki (góra/dół) w polu ilość KONIEC*/

/* ===== MOBILE – fix koszyka ===== */
@media (max-width: 767px) {

  body .woocommerce .e-shop-table table.shop_table.cart td,
  body .woocommerce-page .e-shop-table table.shop_table.cart td,
  body .elementor .woocommerce .e-shop-table table.shop_table.cart td {
    padding: 6px 6px !important;
  }

  body .woocommerce .e-shop-table table.shop_table.cart tr.cart_item {
    padding: 0 !important;
    margin: 0 !important;
  }

  body .woocommerce .e-shop-table table.shop_table.cart td.product-thumbnail,
  body .woocommerce-page .e-shop-table table.shop_table.cart td.product-thumbnail {
    display: table-cell !important;
    width: 90px !important;
    padding-right: 8px !important;
  }

  body .woocommerce .e-shop-table table.shop_table.cart td.product-thumbnail a,
  body .woocommerce-page .e-shop-table table.shop_table.cart td.product-thumbnail a {
    display: block !important;
  }

  body .woocommerce .e-shop-table table.shop_table.cart td.product-thumbnail img,
  body .woocommerce-page .e-shop-table table.shop_table.cart td.product-thumbnail img {
    display: block !important;
    width: 90px !important;
    height: auto !important;
    border-radius: 8px !important;
  }
}

@media (max-width: 767px) {
  .woocommerce table.shop_table.cart td.product-thumbnail::before,
  .woocommerce table.shop_table.cart td.product-remove::before {
    content: none !important;
    display: none !important;
  }
}

/*POWIADOM O DOSTĘPNOŚCI*/
.cwginstock-subscribe-form {
    max-width: 420px;
    margin: 30px 0;
    padding: 0;
    font-family: inherit;
}

.cwginstock-panel-primary {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    border: none;
    overflow: hidden;
}

.cwginstock-panel-heading {
    background: linear-gradient(135deg, #3B2F92, #5CC1DE);
    padding: 16px;
}

.cwginstock-panel-heading h4 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.cwginstock-panel-body {
    padding: 25px 25px 20px;
}

.cwginstock-panel-body input[type="text"],
.cwginstock-panel-body input[type="email"] {
    height: 42px;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    padding: 0 15px;
    margin-bottom: 12px;
    font-size: 14px;
    transition: all 0.2s ease;
    background: #f9fafc;
}

.cwginstock-panel-body input:focus {
    border-color: #3B2F92;
    box-shadow: 0 0 0 3px rgba(59,47,146,0.1);
    outline: none;
    background: #ffffff;
}

.cwgstock_button {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    border: none;
    background: #3B2F92;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.25s ease;
    cursor: pointer;
}

.cwgstock_button:hover {
    background: #2c2372;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(59,47,146,0.25);
}

.cwginstock-panel-body .row,
.cwginstock-panel-body .col-md-12 {
    padding: 0;
    margin: 0;
}

@media (min-width: 992px) {
    .cwginstock-subscribe-form {
        max-width: 400px;
    }
}
/*POWIADOM O DOSTĘPNOŚCI KONIEC*/

/* Brak na stanie – wyszarzenie miniatury */
.woocommerce ul.products li.product.outofstock img{
  filter: grayscale(100%);
  opacity: .75;
  transition: .2s ease;
}
.woocommerce ul.products li.product.outofstock{
  opacity: .92;
}
/* Brak na stanie – wyszarzenie miniatury koniec */

/* === POPRAWIONA SIATKA – FLEX (bardziej stabilna niż GRID) === */
/* Wspólny układ listy produktów */
.woocommerce ul.products{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;	
}

.woocommerce ul.products li.product{
  float: none !important;
  margin: 0 !important;
  margin-bottom: 32px !important;
}

/* === DESKTOP: 7 kolumn === */
@media (min-width: 1025px){
  .woocommerce ul.products li.product{
    width: calc((100% - (16px * 6)) / 7) !important; /* 6 przerw */
  }
}

/* === TABLET: 4 kolumny === */
@media (min-width: 768px) and (max-width: 1024px){
  .woocommerce ul.products li.product{
    width: calc((100% - (16px * 3)) / 4) !important; /* 3 przerwy */
  }
}

/* === TELEFON: 2 kolumny === */
@media (max-width: 767px){
  .woocommerce ul.products li.product{
    width: calc((100% - 16px) / 2) !important; /* 1 przerwa */
  }
}

/* === RÓWNE KAFELKI PRODUKTÓW + PRZYCISK ZAWSZE NA DOLE === */
/* karta jako kolumna */
.woocommerce ul.products li.product{
  display:flex !important;
  flex-direction:column !important;
  height:450px !important;
  text-align:center !important;
}

/* link */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}

/* obrazek */
.woocommerce ul.products li.product img{
  width:100% !important;
  aspect-ratio:1/1 !important;
  object-fit:contain !important;
  display:block !important;
}

/* ===== TYTUŁ ===== */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top:12px !important;
  line-height:1.3 !important;
  min-height: calc(1.3em * 3) !important;   /* 3 linie miejsca */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding: 0 8px !important;
}

/* ===== CENA ===== */
.woocommerce ul.products li.product .price{
  min-height:60px !important;   /* stałe miejsce na cenę */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:8px 0 0 0 !important;
}

/* ===== PRZYCISK===== */
.woocommerce ul.products li.product > .button{
  margin-top:auto !important;
  width:100% !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
/* =====Edycja widgetów prod koniec===== */

/* ============================= */
/* DESKTOP – widoczny suwak pod paginacją */
/* ============================= */
@media (min-width: 1025px){

  .woocommerce .woocommerce-pagination{
    padding-bottom: 20px !important;
  }

  .woocommerce .woocommerce-pagination ul.page-numbers{
    overflow-x: auto !important;
    scrollbar-width: thin !important; /* Firefox */
    scrollbar-color: #6a11cb #e6ecf3 !important;
  }

  .woocommerce .woocommerce-pagination ul.page-numbers::-webkit-scrollbar{
    height: 8px !important;
  }

  .woocommerce .woocommerce-pagination ul.page-numbers::-webkit-scrollbar-track{
    background: #e6ecf3 !important;
    border-radius: 10px !important;
  }

  .woocommerce .woocommerce-pagination ul.page-numbers::-webkit-scrollbar-thumb{
    background: linear-gradient(135deg, #2575fc 0%, #6a11cb 100%) !important;
    border-radius: 10px !important;
  }

  .woocommerce .woocommerce-pagination ul.page-numbers::-webkit-scrollbar-thumb:hover{
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%) !important;
  }
}