/* ==========================================================================
   Papahune – MINI CART / SIDE CART (XOO-WSC) – Head&Cap (ODSEPAROWANY CSS)
   Plik docelowy:
   M:\xampp\htdocs\papahune\wp-content\themes\Divi-Child\assets\css\mini-cart.css

   FIX 2025-12-22:
   - cofamy wymuszony GRID na elemencie produktu (to powodowało „miniaturkę-kropeczkę”
     i łamanie tytułu słowo-po-słowie).
   - ustawiamy stabilny układ FLEX: miniatura po lewej, treść po prawej.
   - tytuł ma pełną szerokość wewnątrz bloku info i nie łamie się sztucznie.
   - przyciski zostają animowane (sweep).
   ========================================================================== */

:root{
  /* Fallbacki – w razie gdyby zmienne były gdzie indziej */
  --ph-red:#B7322B;
  --ph-text:#1f2326;
}

/* =========================
   PANEL / OGÓLNE
   ========================= */

.xoo-wsc-container{ color:var(--ph-text); }

/* Header (Your Cart + X) */
.xoo-wsc-container .xoo-wsc-header{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.06);
  padding:18px 18px;
}
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-title{
  font-weight:800;
  letter-spacing:.02em;
  color:var(--ph-text);
}

/* Ikona koszyka – brand */
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-icon,
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-cart-icon,
.xoo-wsc-container .xoo-wsc-header i{
  color:var(--ph-red);
}

/* X (close) */
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-close,
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-close-btn,
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-icon-cross{
  color:rgba(0,0,0,.60);
  transition:transform .18s ease, color .18s ease;
}
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-close:hover,
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-close-btn:hover,
.xoo-wsc-container .xoo-wsc-header .xoo-wsc-icon-cross:hover{
  color:rgba(0,0,0,.85);
  transform:scale(1.05);
}

/* =========================
   PRODUKTY (karta jak na screenie)
   ========================= */

.xoo-wsc-container ul.xoo-wsc-products{
  padding:16px 16px 0 16px;
}

/* Karta produktu */
.xoo-wsc-container li.xoo-wsc-product,
.xoo-wsc-container .xoo-wsc-product{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  margin:0 0 16px 0;
  position:relative;

  /* WAŻNE: nie grid. Stabilny układ. */
  display:flex;
  gap:14px;
  align-items:center;
}

/* Miniatura (lewa) – pewny rozmiar */
.xoo-wsc-container .xoo-wsc-img,
.xoo-wsc-container .xoo-wsc-product-img{
  flex:0 0 92px;
  width:92px;
  min-width:92px;
  max-width:92px;
  align-self:center;
}
.xoo-wsc-container .xoo-wsc-img img,
.xoo-wsc-container .xoo-wsc-product-img img{
  width:92px !important;
  max-width:92px !important;
  height:auto !important;
  display:block;
  border-radius:14px;
}

/* Blok informacji (prawa część) */
.xoo-wsc-container .xoo-wsc-product-info,
.xoo-wsc-container .xoo-wsc-info,
.xoo-wsc-container .xoo-wsc-product-details-wrap{
  flex:1 1 auto;
  min-width:0; /* pozwala na poprawne zawijanie bez “łamania na litery/słowa” */
}

/* Nazwa produktu – w 1–2 liniach, bez łamania słowo-po-słowie */
.xoo-wsc-container .xoo-wsc-pname,
.xoo-wsc-container .xoo-wsc-pname a{
  color:var(--ph-text);
  font-weight:800;
  letter-spacing:.02em;
  text-decoration:none;

  white-space:nowrap !important;

}
.xoo-wsc-container .xoo-wsc-pname{
  width:100%;
  text-align:center;
  margin:0 0 10px 0;

  /* kluczowe dla Twojego przypadku */
  overflow-wrap:normal;
  word-break:keep-all;
  hyphens:none;

  /* WYMUSZENIE: tytuł zawsze w 1 wierszu (bez zawijania) */
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;

  /* Nadpisanie ewentualnych globalnych reguł XOO */
  overflow-wrap:normal !important;
  word-break:keep-all !important;
  hyphens:none !important;

}

/* Meta (Head Size / Depth / Fabric & Color / itd.) */
.xoo-wsc-container .xoo-wsc-pmeta,
.xoo-wsc-container .xoo-wsc-pmeta *,
.xoo-wsc-container .xoo-wsc-product-details,
.xoo-wsc-container .xoo-wsc-product-details *{
  color:rgba(0,0,0,.72);
  font-weight:600;
  line-height:1.35;
  font-style:italic;
}

/* Qty */
.xoo-wsc-container .xoo-wsc-qty,
.xoo-wsc-container .xoo-wsc-qty *{
  color:rgba(0,0,0,.72);
  font-weight:700;
  font-style:normal;
  margin-top:6px;
}

/* Cena – wyrównanie do prawej (jak na referencji) */
.xoo-wsc-container .xoo-wsc-pprice,
.xoo-wsc-container .xoo-wsc-product-price,
.xoo-wsc-container .xoo-wsc-price{
  font-weight:800;
  color:var(--ph-text);
  letter-spacing:.01em;
  font-style:normal;
}

/* Jeżeli cena siedzi w osobnym bloku – pchamy w prawo */
.xoo-wsc-container .xoo-wsc-pprice,
.xoo-wsc-container .xoo-wsc-product-price{
  text-align:right;
  margin-top:8px;
}

/* Dopisek (inc. VAT) */
.xoo-wsc-container .xoo-wsc-inc-tax,
.xoo-wsc-container .xoo-wsc-tax,
.xoo-wsc-container .xoo-wsc-price small,
.xoo-wsc-container .xoo-wsc-pprice small{
  color:rgba(0,0,0,.50);
  font-weight:700;
}

/* Usuń (kosz) – prawy górny róg karty */
.xoo-wsc-container .xoo-wsc-remove,
.xoo-wsc-container .xoo-wsc-remove a,
.xoo-wsc-container .xoo-wsc-icon-trash{
  position:absolute;
  top:12px;
  right:12px;
  color:rgba(0,0,0,.55);
  transition:transform .18s ease, color .18s ease;
}
.xoo-wsc-container .xoo-wsc-remove:hover,
.xoo-wsc-container .xoo-wsc-remove a:hover{
  color:rgba(0,0,0,.85);
  transform:scale(1.06);
}

/* =========================
   FOOTER
   ========================= */

.xoo-wsc-container .xoo-wsc-footer{
  background:#fff;
  border-top:1px solid rgba(0,0,0,.06);
  padding:16px 18px 18px 18px;
}

.xoo-wsc-container .xoo-wsc-subtotal,
.xoo-wsc-container .xoo-wsc-subtotal *{
  color:var(--ph-text);
  font-weight:800;
  letter-spacing:.01em;
  text-align:center;
}

.xoo-wsc-container .xoo-wsc-footer p,
.xoo-wsc-container .xoo-wsc-footer .xoo-wsc-footer-txt{
  color:rgba(0,0,0,.55);
  font-weight:700;
  text-align:center;
}

/* Przyciski – pionowo */
.xoo-wsc-container .xoo-wsc-ft-btns{
  display:grid;
  gap:10px;
  margin-top:12px;
}

/* =========================
   PRZYCISKI (animowane)
   ========================= */

.xoo-wsc-container a.xoo-wsc-ft-btn,
.xoo-wsc-container .xoo-wsc-ft-btns a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:46px;
  line-height:46px;
  padding:0 16px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
    font-size:15px;
overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}

/* Sweep */
.xoo-wsc-container a.xoo-wsc-ft-btn::before,
.xoo-wsc-container .xoo-wsc-ft-btns a::before{
  content:"";
  position:absolute;
  top:-20%;
  left:-40%;
  width:40%;
  height:140%;
  transform:skewX(-18deg);
  background:rgba(255,255,255,.22);
  opacity:0;
  transition:left .35s ease, opacity .18s ease;
  pointer-events:none;
}
.xoo-wsc-container a.xoo-wsc-ft-btn:hover::before,
.xoo-wsc-container .xoo-wsc-ft-btns a:hover::before{
  left:110%;
  opacity:1;
}
.xoo-wsc-container a.xoo-wsc-ft-btn:hover,
.xoo-wsc-container .xoo-wsc-ft-btns a:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(0,0,0,.10);
}

/* VIEW CART – szary outline */
.xoo-wsc-container a.xoo-wsc-ft-btn-cart,
.xoo-wsc-container a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart{
  background:#fff!important;
  border:2px solid rgba(0,0,0,.18)!important;
  color:var(--ph-text)!important;
}

/* CONTINUE SHOPPING – czerwony outline */
.xoo-wsc-container a.xoo-wsc-cart-close,
.xoo-wsc-container a.xoo-wsc-ft-btn.xoo-wsc-cart-close{
  background:#fff!important;
  border:2px solid rgba(183,50,43,.45)!important;
  color:var(--ph-red)!important;
}

/* CHECKOUT – pełny czerwony */
.xoo-wsc-container a.xoo-wsc-ft-btn-checkout,
.xoo-wsc-container a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout{
  background:var(--ph-red)!important;
  border:2px solid rgba(183,50,43,.65)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.xoo-wsc-container a.xoo-wsc-ft-btn-checkout:hover{
  filter:brightness(.96);
  color:#fff!important;
}

/* Focus */
.xoo-wsc-container a.xoo-wsc-ft-btn:focus{
  outline:2px solid rgba(183,50,43,.35);
  outline-offset:2px;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width:480px){
  .xoo-wsc-container .xoo-wsc-img,
  .xoo-wsc-container .xoo-wsc-product-img{
    flex-basis:78px;
    width:78px;
    min-width:78px;
    max-width:78px;
  }
  .xoo-wsc-container .xoo-wsc-img img,
  .xoo-wsc-container .xoo-wsc-product-img img{
    width:78px !important;
    max-width:78px !important;
    border-radius:12px;
  }
}
/* ==========================================================================
   PATCH 2025-12-22: Tytuł produktu – bez obcinania + do lewej
   Cel: 1 linia, bez "..." i bez centrowania
   ========================================================================== */

/* Tytuł: do lewej, pełna szerokość */
.xoo-wsc-container .xoo-wsc-pname{
  text-align:left !important;
  width:100% !important;
  max-width:none !important;

  /* 1 linia, ale BEZ obcinania */
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;

  /* żadnych łamań */
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

/* Link tytułu też bez obcinania */
.xoo-wsc-container .xoo-wsc-pname a{
  display:inline !important;
  white-space:nowrap !important;
}

/* Jeżeli XOO ogranicza szerokość nagłówka w wierszu – wymuś */
.xoo-wsc-container .xoo-wsc-product-name,
.xoo-wsc-container .xoo-wsc-smry,
.xoo-wsc-container .xoo-wsc-smry-cnt{
  width:100% !important;
  max-width:none !important;
}

/* Ikona kosza/usuwania niech nie spycha tytułu do środka */
.xoo-wsc-container .xoo-wsc-remove{
  margin-left:auto !important;
}
/* ==========================================================================
   PATCH 2025-12-22: Zmniejszenie odstępów między liniami META
   (tylko: Head Size / Depth / Fabric & Color / Closing / Initials)
   ========================================================================== */

/* Główna kontrola „gęstości” – tylko sekcja meta */
.xoo-wsc-container .xoo-wsc-pmeta,
.xoo-wsc-container .xoo-wsc-product-details{
  line-height:1.18 !important;   /* było 1.35 */
}

/* Jeżeli meta jest w osobnych wierszach/elementach – zbij marginesy */
.xoo-wsc-container .xoo-wsc-pmeta > *,
.xoo-wsc-container .xoo-wsc-product-details > *{
  margin-top:0 !important;
  margin-bottom:4px !important;  /* mniejszy odstęp między liniami */
}

/* Ostatnia linia meta bez dodatkowego dołu */
.xoo-wsc-container .xoo-wsc-pmeta > *:last-child,
.xoo-wsc-container .xoo-wsc-product-details > *:last-child{
  margin-bottom:0 !important;
}
.xoo-wsc-product dl.variation, .xoo-wsc-product dl.variation p {
    margin: 0;
    font-size: 15px;
    line-height: 1.2em;
	font-weight: 400;
	color: rgba(0,0,0,.62); (albo jaśniej .55)
}
/* MINI CART – szerokość panelu */
:root{
  --ph-mini-cart-w: 520px; /* było ~425px – ustaw ile chcesz */
}

/* Panel boczny (desktop) */
.xoo-wsc-container .xoo-wsc-slider{
  width: var(--ph-mini-cart-w) !important;
  max-width: 92vw !important;  /* zabezpieczenie na mniejszych ekranach */
}

/* (opcjonalnie) lekko szerszy header/stopka jeśli są ograniczone */
.xoo-wsc-container .xoo-wsc-header,
.xoo-wsc-container .xoo-wsc-footer{
  width: 100% !important;
}