/* AMP Seed - warstwa sklepu. To, czego theme.json nie obejmuje:
   karty produktow, ceny, checkout, plakietki.
   Regula systemu: zero cieni, zero gradientow, zero czystej bieli. */

:root {
  --amp-forest: #1c3a13;
  --amp-lime: #d3fa99;
  --amp-sage: #757c5d;
  --amp-snow: #fcfcf7;
  --amp-stone: #eeeee9;
  --amp-glass: #c4c7c4;
  --amp-pewter: #666666;
  --amp-r-card: 16px;
  --amp-r-large: 32px;
  --amp-r-input: 8px;
  --amp-r-pill: 1000px;
  --amp-ease: cubic-bezier(0.23, 1, 0.32, 1);
}

body { -webkit-font-smoothing: antialiased; }

/* ---------- siatka produktow ---------- */
.wc-block-grid__products,
.wp-block-woocommerce-product-template {
  gap: var(--wp--preset--spacing--30);
}

.wc-block-grid__product,
.wp-block-woocommerce-product-template li {
  background: var(--amp-stone);
  border-radius: var(--amp-r-card);
  padding: 8px 8px 16px;
  transition: background .25s var(--amp-ease);
}
.wc-block-grid__product:hover,
.wp-block-woocommerce-product-template li:hover { background: #e7e7e1; }

.wc-block-grid__product-image img,
.wp-block-woocommerce-product-image img,
.wc-block-components-product-image img {
  border-radius: 12px;
  background: var(--amp-stone);
}

.wc-block-grid__product-title,
.wp-block-woocommerce-product-template .wp-block-post-title {
  font-size: var(--wp--preset--font-size--body-sm);
  font-weight: 500;
  letter-spacing: -0.01em;
  padding: 0 8px;
}
.wp-block-woocommerce-product-template .wp-block-post-title a { text-decoration: none; }
.wp-block-woocommerce-product-template .wp-block-post-title a:hover { text-decoration: underline; }

/* ---------- cena ---------- */
.woocommerce-Price-amount,
.wc-block-components-product-price,
.wp-block-woocommerce-product-price {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--caption);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--amp-forest);
}
.wp-block-woocommerce-product-price { padding: 0 8px; }
del .woocommerce-Price-amount { color: var(--amp-pewter); font-weight: 400; }

/* ---------- przyciski sklepu ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.wc-block-components-button,
.wp-block-button__link {
  border-radius: var(--amp-r-pill) !important;
  font-family: inherit;
  font-size: var(--wp--preset--font-size--caption);
  font-weight: 500;
  letter-spacing: 0;
  padding: 12px 24px;
  border: 1.5px solid var(--amp-forest);
  background: var(--amp-forest);
  color: var(--amp-snow);
  box-shadow: none;
  transition: background .2s var(--amp-ease), color .2s var(--amp-ease);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:hover,
.wp-block-button__link:hover {
  background: var(--amp-snow);
  color: var(--amp-forest);
}
.wc-block-components-button__text { font-weight: 500; }

/* ---------- karta produktu ---------- */
.woocommerce div.product .product_title { font-weight: 350; letter-spacing: -0.02em; }
.woocommerce div.product p.price { font-size: var(--wp--preset--font-size--subheading); font-weight: 350; }
.woocommerce div.product .woocommerce-product-gallery__image img { border-radius: var(--amp-r-large); background: var(--amp-stone); }
.woocommerce div.product form.cart div.quantity input.qty,
.wc-block-components-quantity-selector {
  border-radius: var(--amp-r-pill);
  border: 1.5px solid var(--amp-glass);
  background: var(--amp-snow);
}
.woocommerce .product_meta { font-size: var(--wp--preset--font-size--label); color: var(--amp-pewter); }

/* zakladki i sekcje */
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; border: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid var(--amp-glass); }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent; border: 0; border-radius: 0; padding: 0 16px 8px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid var(--amp-forest); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; font-size: var(--wp--preset--font-size--caption); }

/* tabela wartosci odzywczych z opisu */
.woocommerce div.product table { border-collapse: collapse; width: 100%; font-size: var(--wp--preset--font-size--caption); }
.woocommerce div.product table th {
  text-align: left; font-weight: 500; padding: 10px 12px;
  border-bottom: 1.5px solid var(--amp-forest);
}
.woocommerce div.product table td { padding: 10px 12px; border-bottom: 1px solid var(--amp-glass); }

/* ---------- plakietki ---------- */
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
  background: var(--amp-lime);
  color: var(--amp-forest);
  border-radius: var(--amp-r-pill);
  font-size: var(--wp--preset--font-size--label);
  font-weight: 500;
  min-height: 0; min-width: 0; line-height: 1.4;
  padding: 4px 12px;
  box-shadow: none;
}

/* ---------- koszyk i checkout ---------- */
.wc-block-components-sidebar-layout .wc-block-components-sidebar,
.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review {
  background: var(--amp-stone);
  border-radius: var(--amp-r-large);
  padding: var(--wp--preset--spacing--30);
}
.wc-block-components-text-input input,
.wc-block-components-select select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
  border-radius: var(--amp-r-input) !important;
  border: 1.5px solid var(--amp-glass) !important;
  background: var(--amp-snow) !important;
  font-family: inherit;
}
.wc-block-components-text-input input:focus,
.woocommerce form .form-row input.input-text:focus {
  border-color: var(--amp-forest) !important;
  outline: 2px solid rgba(28,58,19,0.15);
  outline-offset: 1px;
}
.wc-block-components-radio-control__option { border-radius: var(--amp-r-card); }
.wc-block-components-totals-item__value { font-family: var(--wp--preset--font-family--mono); font-weight: 500; }

/* ---------- komunikaty ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.wc-block-components-notice-banner {
  border-radius: var(--amp-r-card);
  border-width: 1.5px;
  background: var(--amp-stone);
  box-shadow: none;
}
.woocommerce-message { border-top-color: var(--amp-forest); }

/* ---------- ostrzezenie ustawowe ---------- */
.amp-ostrzezenie {
  font-size: var(--wp--preset--font-size--label);
  line-height: 1.6;
  color: var(--amp-pewter);
  border-top: 1px solid var(--amp-glass);
  padding-top: var(--wp--preset--spacing--20);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ---------- naglowek: linki bez podkreslenia, podkreslenie na hover ---------- */
header .wp-block-group a { text-decoration: none; }
header .wp-block-group a:hover { text-decoration: underline; text-underline-offset: 4px; }
header .wp-block-site-title a { text-decoration: none; }
