/* ===========================================================================
 * ETAP 2 — minimalne style pod przyciski − / + i sekcję statuetki.
 *
 * Plik ładuje się tylko, gdy w functions.php jest define( 'DW_ETAP', 2 ).
 * To tylko układ — kolory i wygląd nadpisz we własnym CSS.
 * ======================================================================== */

/* − [ ilość ] + w jednej linii */
.quantity                                       {display: inline-flex; align-items: stretch;}
.quantity .qty                                  {text-align: center; -moz-appearance: textfield; appearance: textfield;}
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button       {-webkit-appearance: none; margin: 0;}
.dw-qty-btn                                     {min-width: 2.5em; padding: 0 .75em; line-height: 1; cursor: pointer;}

/* produkt kupowany pojedynczo ma ukryte pole ilości — przyciski też chowamy */
.quantity:has(input[type="hidden"]) .dw-qty-btn {display: none;}

/* lista produktów: ilość nad przyciskiem „Dodaj do koszyka” */
.dw-loop-qty                                    {margin: 0 0 1em;}

/* lista produktów: − [ ilość ] + wygląda jak przełącznik ilości w koszyku
   (.wc-block-cart-item__quantity .wc-block-components-quantity-selector) —
   wartości przepisane ze stylów koszyka blokowego WooCommerce, bo na liście się nie ładują */
.dw-loop-qty .quantity                          {display: flex; position: relative; box-sizing: content-box; width: 107px; margin: 0 0 .25em; border-radius: 4px;}
.dw-loop-qty .quantity::after                   {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid hsla(0,0%,7%,.11); border-radius: 4px; pointer-events: none;}
.dw-loop-qty .quantity .qty                     {flex: 1 1 auto; width: auto; min-width: 40px; margin: 0; padding: .4em 0; background: transparent; border: 0; box-shadow: none; color: currentColor; font-size: 1em; font-weight: 600; line-height: 1; text-align: center; vertical-align: middle;}
.dw-loop-qty .quantity .qty:focus               {box-shadow: inset 0 0 1px 1px currentColor; outline: none;}
.dw-loop-qty .quantity .dw-qty-btn              {min-width: 30px; margin: 0; padding: 0; background: none transparent; border: 0; box-shadow: none; color: currentColor; cursor: pointer; font-size: .9em; font-style: normal; font-weight: 400; text-align: center; text-decoration: none; opacity: .6;}
.dw-loop-qty .quantity .dw-qty-btn:hover,
.dw-loop-qty .quantity .dw-qty-btn:focus        {opacity: 1; background: none transparent;}
.dw-loop-qty .quantity .dw-qty-btn:focus        {box-shadow: inset 0 0 1px 1px currentColor; outline: none;}
.dw-loop-qty .quantity .dw-qty-minus            {border-radius: 4px 0 0 4px;}
.dw-loop-qty .quantity .dw-qty-plus             {border-radius: 0 4px 4px 0;}

/* lista produktów: „Dodaj do koszyka” nieaktywne, dopóki ilość = 0 */
.add_to_cart_button.dw-add-disabled             {opacity: .4; cursor: not-allowed;}

/* lista produktów: po dodaniu do koszyka zamiast linku „Zobacz koszyk” obok przycisku
   pokazuje się belka WooCommerce .woocommerce-message.dw-cart-notice nad listą (etap-2.js) */
.products .product a.added_to_cart              {display: none !important;}

/* koszyk: wiersz „statuetka 0” pod pozycjami — struktura i klasy jak pozycja koszyka
   blokowego (.wc-block-cart-items__row), więc wygląd dziedziczy po WooCommerce */
.dw-statuetka                                   {margin: 0 0 2em;}
.dw-statuetka--loading                          {opacity: .5; pointer-events: none;}
.dw-statuetka__msg                              {margin: .75em 0 0; color: #e2401c;}
.dw-statuetka[hidden]                           {display: none;}

/* koszyk: bez pola „Dodaj kupon” (kupon tylko przy zamówieniu) — zapas do filtra w functions.php */
.wp-block-woocommerce-cart .wc-block-components-totals-coupon   {display: none;}

button::after, 
input[type="button"]::after, 
input[type="reset"]::after, 
input[type="submit"]::after, 
.button::after, 
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after, 
.added_to_cart::after,
.site-content-shop .woocommerce .products .product .add_to_cart_button  {display: inline-block;}

.dw-menu-cart__link     {display:none!important; }

/* koszyk Storefronta w nagłówku (.site-header-cart) — włączony na stronie kup-pakiet (ID 5121);
   w style.css jest ukryty globalnie */
.page-id-5121 .site-header-cart                 {display: block;}

/* kup-pakiet */
ul.products::before, ul.products::after         {display: none !important; content: none !important;}
.site-content-kup-pakiet {}
.site-content-kup-pakiet .woocommerce .products {margin: 0 auto; display: flex; justify-content: space-between;}
.site-content-kup-pakiet .woocommerce .products .product  {width: calc(25% - 1rem) !important; display: flex; background-color: transparent !important;  margin: 0 0 1rem !important; align-items: center; padding: 0; border: 1px solid hsla(0,0%,7%,.11); flex-direction: column; justify-content: flex-start;}

.site-content-kup-pakiet .woocommerce .products .product .woocommerce-loop-product__link        {display: flex; align-items: center; height: auto; width: 100%;}
.site-content-kup-pakiet .woocommerce .products .product .woocommerce-loop-product__link .dw-loop-image {width: 100%; display: flex; justify-content: center; margin: 0 0 1rem 0;}

.site-content-kup-pakiet .woocommerce .products .product.post-72 .woocommerce-loop-product__link .dw-loop-image   {background-color: #47aa6a;}
.site-content-kup-pakiet .woocommerce .products .product.post-1740 .woocommerce-loop-product__link .dw-loop-image {background-color: #255be2;}
.site-content-kup-pakiet .woocommerce .products .product.post-1742 .woocommerce-loop-product__link .dw-loop-image {background-color: #ffe617;}
.site-content-kup-pakiet .woocommerce .products .product.post-1745 .woocommerce-loop-product__link .dw-loop-image {background-color: #f0323c;}

.site-content-kup-pakiet .woocommerce .products .product .woocommerce-loop-product__link .dw-loop-info  {display: flex; flex-direction: column; align-items: center;  justify-content: center; padding: 0 2rem; margin: 1rem 0;}
  
.site-content-kup-pakiet .woocommerce .products .product .woocommerce-loop-product__link img    {width: 150px; flex-shrink: 0; margin: 0;}
.site-content-kup-pakiet .woocommerce .products .product .woocommerce-loop-product__link h2     {color: #000; margin: 0 0 .25rem 0; text-align: left; padding: 0; line-height: 1;}
.site-content-kup-pakiet .woocommerce .products .product .woocommerce-loop-product__link .price {color: #000; padding: 0; line-height: 1; margin: 0;}

.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc     {margin: 0 auto 1rem 0;
  position: relative;
  overflow: hidden;
  max-height: 200px;
  cursor: pointer;}
.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc h3  {margin: 0 0 .5rem; text-align: left; padding: 0 2rem; font-size: 1.25rem;}
.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc ul  {padding: 0 2rem; margin: 0; text-align: left;}
.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc li  {border-bottom: 1px solid hsla(0,0%,7%,.11); margin: 0 0 .5rem 0; padding: 0 0 .5rem 0;  list-style: none;}

.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc::after    {content: "";
  z-index: 2;
  position: absolute;
  bottom: 5px;
  top: auto;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);}
.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc::before   {content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, transparent 0%, white 100%);
  z-index: 1;}

/* opis rozwinięty — klasę dw-loop-desc--open przełącza kliknięcie (etap-2.js) */
.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc--open            {max-height: none; padding-bottom: 2.5rem;}
.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc--open::before    {display: none;}
.site-content-kup-pakiet .woocommerce .products .product .dw-loop-desc--open::after     {bottom: 10px; transform: rotate(-135deg);}

.site-content-kup-pakiet .woocommerce .products .product .dw-loop-qty            {margin: auto 0 0 0;}
.site-content-kup-pakiet .woocommerce .products .product .dw-loop-qty .quantity  {}
.site-content-kup-pakiet .woocommerce .products .button                          {margin: 0 auto 2rem;}



/* koszyk */
.is-large.wc-block-cart .wc-block-cart-items    {border:none 0;}
.dw-statuetka .wc-block-cart-item__image        {max-width: 34px;}