/* ============================================================
   PAPAHUNE — CART PAGE (HEAD&CAP CANON)
   - subtelne przyciski + pola kuponu + ilość (plus/minus)
   - kolor brand: #B7322B
   ============================================================ */

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals{
  --ph-red: #B7322B;
  --ph-gray-1: rgba(0,0,0,.06);
  --ph-gray-2: rgba(0,0,0,.10);
  --ph-gray-3: rgba(0,0,0,.16);
  --ph-shadow-1: 0 8px 22px rgba(0,0,0,.06);
  --ph-shadow-2: 0 10px 26px rgba(0,0,0,.10);
}

/* --- Kupon: input + przycisk --- */
body.woocommerce-cart .woocommerce-cart-form .coupon{
  display:flex;
  align-items:center;
  gap:12px;
}

body.woocommerce-cart .woocommerce-cart-form .coupon #coupon_code,
body.woocommerce-cart .woocommerce-cart-form .coupon input[type="text"]{
  height:42px;
  line-height:42px;
  border-radius:999px;
  border:1px solid var(--ph-gray-2);
  background:#fff;
  padding:0 16px;
  min-width:220px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  transition:box-shadow .18s ease, border-color .18s ease;
}

body.woocommerce-cart .woocommerce-cart-form .coupon #coupon_code:focus,
body.woocommerce-cart .woocommerce-cart-form .coupon input[type="text"]:focus{
  outline:none;
  border-color:rgba(183,50,43,.35);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}

body.woocommerce-cart .woocommerce-cart-form button[name="apply_coupon"],
body.woocommerce-cart .woocommerce-cart-form .coupon button.button{
  height:42px;
  line-height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(183,50,43,.55);
  background:rgba(183,50,43,.10);
  color:var(--ph-red);
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  transition:box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}

body.woocommerce-cart .woocommerce-cart-form button[name="apply_coupon"]:hover,
body.woocommerce-cart .woocommerce-cart-form .coupon button.button:hover{
  background:rgba(183,50,43,.14);
  border-color:rgba(183,50,43,.70);
  box-shadow:0 10px 26px rgba(0,0,0,.10);
}

/* --- Update cart (prawy przycisk) --- */
body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"],
body.woocommerce-cart .woocommerce-cart-form button.button[name="update_cart"],
body.woocommerce-cart .woocommerce-cart-form button.button:disabled[name="update_cart"]{
  height:46px;
  line-height:46px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid var(--ph-gray-3);
  background:#fff;
  color:rgba(0,0,0,.55);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
  transition:box-shadow .18s ease, color .18s ease, border-color .18s ease;
}

body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:hover{
  color:rgba(0,0,0,.70);
  border-color:rgba(0,0,0,.22);
  box-shadow:0 10px 26px rgba(0,0,0,.09);
}

/* --- Proceed to checkout (duży przycisk) --- */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a.button.checkout-button{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  height:52px;
  line-height:52px;
  padding:0 26px;
  border-radius:999px;
  border:1px solid rgba(183,50,43,.55);
  background:#fff;
  color:var(--ph-red);
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  transition:box-shadow .18s ease, background-color .18s ease, transform .18s ease;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:rgba(183,50,43,.08);
  box-shadow:0 14px 32px rgba(0,0,0,.10);
  color:#ffffff !important;
}

/* --- ILOŚĆ: plus/minus po bokach, delikatne, bez "pływania" --- */
body.woocommerce-cart .woocommerce-cart-form .quantity{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space:nowrap;
}

/* input qty (środek) */
body.woocommerce-cart .woocommerce-cart-form .quantity .qty,
body.woocommerce-cart .woocommerce-cart-form .quantity input.qty{
  width:54px !important;
  height:34px !important;
  line-height:34px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid var(--ph-gray-2) !important;
  background:#fff !important;
  box-shadow:0 3px 14px rgba(0,0,0,.06) !important;
  transition:box-shadow .18s ease, border-color .18s ease !important;
  text-align:center !important;
}

/* przyciski +/- (po bokach) */
body.woocommerce-cart .woocommerce-cart-form .quantity .minus,
body.woocommerce-cart .woocommerce-cart-form .quantity .plus,
body.woocommerce-cart .woocommerce-cart-form .quantity button.minus,
body.woocommerce-cart .woocommerce-cart-form .quantity button.plus,
body.woocommerce-cart .woocommerce-cart-form .quantity input.minus,
body.woocommerce-cart .woocommerce-cart-form .quantity input.plus,
body.woocommerce-cart .woocommerce-cart-form .quantity .smntcs-qtyminus,
body.woocommerce-cart .woocommerce-cart-form .quantity .smntcs-qtyplus{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  border-radius:999px !important;
  border:1px solid rgba(183,50,43,.28) !important;
  background:rgba(183,50,43,.06) !important;
  color:var(--ph-red) !important;
  font-weight:700 !important;
  font-size:16px !important;
  line-height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  /* kluczowe: zero przesunięć na hover */
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  transition:box-shadow .18s ease, background-color .18s ease, border-color .18s ease !important;
}

/* hover: tylko cień pod spodem + lekkie podbicie tła */
body.woocommerce-cart .woocommerce-cart-form .quantity .minus:hover,
body.woocommerce-cart .woocommerce-cart-form .quantity .plus:hover,
body.woocommerce-cart .woocommerce-cart-form .quantity button.minus:hover,
body.woocommerce-cart .woocommerce-cart-form .quantity button.plus:hover,
body.woocommerce-cart .woocommerce-cart-form .quantity input.minus:hover,
body.woocommerce-cart .woocommerce-cart-form .quantity input.plus:hover,
body.woocommerce-cart .woocommerce-cart-form .quantity .smntcs-qtyminus:hover,
body.woocommerce-cart .woocommerce-cart-form .quantity .smntcs-qtyplus:hover{
  background:rgba(183,50,43,.09) !important;
  border-color:rgba(183,50,43,.40) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12) !important;
}

/* usuń wszelkie efekty "pływania" z motywu/wtyczek */
body.woocommerce-cart .woocommerce-cart-form .quantity *:hover{
  transform:none !important;
}

/* RESPONSYWNOŚĆ: na wąsko — kupon w kolumnie */
@media (max-width: 480px){
  body.woocommerce-cart .woocommerce-cart-form .coupon{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  body.woocommerce-cart .woocommerce-cart-form .coupon #coupon_code,
  body.woocommerce-cart .woocommerce-cart-form .coupon input[type="text"],
  body.woocommerce-cart .woocommerce-cart-form button[name="apply_coupon"]{
    width:100%;
    min-width:0;
  }
}

/* =========================================================
   Papahune (Head&Cap) — CART: miniatura produktu (KWADRAT)
   Sterowanie rozmiarem miniatury (responsywnie):
   - DESKTOP:   --ph-cart-thumb
   - TABLET:    --ph-cart-thumb w @media (max-width: 980px)
   - MOBILE:    --ph-cart-thumb w @media (max-width: 480px)

   Zmieniasz TYLKO wartości px poniżej — reszta CSS utrzyma kolumny
   i zrobi miniaturę zawsze w KWADRACIE (bez rozjeżdżania tabeli).
   ========================================================= */

body.woocommerce-cart{
  --ph-cart-thumb: 200px; /* <-- ZMIENIAJ TO (desktop) */
}

/* Zablokuj szerokość kolumny miniatury (żeby nie robiła prostokąta i nie spychała reszty) */
.woocommerce-cart table.shop_table th.product-thumbnail,
.woocommerce-cart table.shop_table td.product-thumbnail{
  width: calc(var(--ph-cart-thumb) + 36px) !important;      /* + padding komórki */
  min-width: calc(var(--ph-cart-thumb) + 36px) !important;
  max-width: calc(var(--ph-cart-thumb) + 36px) !important;
  vertical-align: middle !important;
}

/* Zrób “ramkę” kwadratową na obrazek */
.woocommerce-cart table.shop_table td.product-thumbnail > a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--ph-cart-thumb) !important;
  height: var(--ph-cart-thumb) !important;
}

/* Obrazek wypełnia ramkę (bez przycinania) */
.woocommerce-cart table.shop_table td.product-thumbnail img,
.woocommerce-cart table.shop_table td.product-thumbnail a img{
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

/* TABLET */
@media (max-width: 980px){
  body.woocommerce-cart{
    --ph-cart-thumb: 170px; /* <-- ZMIENIAJ TO (tablet) */
  }
}

/* MOBILE */
@media (max-width: 480px){
  body.woocommerce-cart{
    --ph-cart-thumb: 140px; /* <-- ZMIENIAJ TO (mobile) */
  }
}

/* Cart: Apply coupon – keep hover text white */
body.woocommerce-cart button[name="apply_coupon"]:hover,
body.woocommerce-cart input[name="apply_coupon"]:hover{
  color:#ffffff !important;
}