/*
Theme Name: Zonics Theme
Author: Zonics
Version: 0.1.0
Text Domain: zonics
*/

/* :root{
  --wrap: 1460px;

  --yellow: #fed216;
  --gray: #f8f8f8;
  --black: #000;
  --muted: #898989;

  --pad: 20px;
  --radius: 999px;
}

.container{
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 var(--pad);
} */



.container{ max-width:1460px; margin:0 auto; padding:0 20px; }

/* =========================
   PRODUCT CARD — FORCE (no !important)
   ========================= */

.woocommerce ul.products li.product.p-card{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  position:relative;

  padding:12px;
  display:grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "img img"
    "title title"
    "price cart";
  column-gap:12px;
  row-gap:10px;

  transition: box-shadow .2s ease, transform .2s ease, padding .2s ease;
}

.woocommerce ul.products li.product.p-card:hover{
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  transform:translateY(-2px);
  padding:14px;
}

/* wyczyść style Woo na środku karty */
.woocommerce ul.products li.product.p-card,
.woocommerce ul.products li.product.p-card *{
  box-sizing:border-box;
}

/* LINK ma przepuszczać dzieci do grida */
.woocommerce ul.products li.product.p-card > a.p-card__link{
  display: contents;
}

/* MEDIA */
.woocommerce ul.products li.product.p-card .p-card__media{
  grid-area:img;
  justify-self:center;
  display:block;
}

.woocommerce ul.products li.product.p-card .p-card__media img{
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
}

/* TITLE */
.woocommerce ul.products li.product.p-card .p-card__title{
  grid-area:title;
  margin:0;
  padding:0;
  line-height:1.25;
  font-weight:500;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
font-size: 16px;
}

/* PRICE */
.woocommerce ul.products li.product.p-card .p-card__price{
  grid-area:price;
  align-self:center;
  justify-self:start;

  margin-top:8px;
  font-size:16px;
  font-weight:300;
}

/* ACTIONS */
.woocommerce ul.products li.product.p-card .p-card__actions{
  grid-area:cart;
  align-self:center;
  justify-self:end;
  margin:0;
  padding:0;
}

/* usuń typowe marginesy Woo na przycisku */
.woocommerce ul.products li.product.p-card .p-card__actions a,
.woocommerce ul.products li.product.p-card .p-card__actions a.button{
  margin:0;
  padding:0;
  border:0;
  box-shadow:none;
  line-height:1;
  text-decoration:none;
}

/* BUTTON */
.woocommerce ul.products li.product.p-card .p-card__actions a.button{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;

  border-radius:999px;
  background:#b9b9b9;

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

  font-size:0;
  overflow:hidden;

  transition: background .2s ease, transform .2s ease;
}

.woocommerce ul.products li.product.p-card .p-card__actions a.button:hover{
  background:#f2c200;
  transform:translateY(-1px);
}

.woocommerce ul.products li.product.p-card .p-card__actions a.button::after{
  display:none;
}

/* ICON */
.woocommerce ul.products li.product.p-card .p-card__actions a.button::before{
  content:"";
  width:20px;
  height:20px;
  background:#fff;
  display:block;

  -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2ZM7.16 14h9.45c.75 0 1.41-.41 1.75-1.03L21 8.5a1 1 0 0 0-.87-1.5H6.21L5.27 5H2v2h2l3.6 7.59-1.35 2.44A2 2 0 0 0 8 20h12v-2H8l1.1-2ZM6.16 7h12.27l-2.1 4H8.53L6.16 7Z'/>\
<path fill='black' d='M11 2h2v3h3v2h-3v3h-2V7H8V5h3z'/>\
</svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2ZM7.16 14h9.45c.75 0 1.41-.41 1.75-1.03L21 8.5a1 1 0 0 0-.87-1.5H6.21L5.27 5H2v2h2l3.6 7.59-1.35 2.44A2 2 0 0 0 8 20h12v-2H8l1.1-2ZM6.16 7h12.27l-2.1 4H8.53L6.16 7Z'/>\
<path fill='black' d='M11 2h2v3h3v2h-3v3h-2V7H8V5h3z'/>\
</svg>") no-repeat center / contain;
}

/* HIDE "view cart" */
.woocommerce ul.products li.product.p-card a.added_to_cart{
  display:none;
}

/* SALE */
.woocommerce ul.products li.product.p-card .onsale{
  position:absolute;
  top:12px;
  right:12px;
  left:auto;
  margin:0;

  background:#000;
  color:#fff;
  border-radius:20px;
  padding:5px 14px;
  font-size:12px;
  font-weight:400;
  line-height:1.236;
}