/* ==========================================================================
   VetPuls – skala typograficzna (projekt v2) nałożona na YOOtheme/UIkit.
   Zasada: rodzina, zwężenie, waga i interlinia są GLOBALNE (tutaj).
   Rozmiary zostają z YOOtheme na desktopie; poprawiamy tylko te, które
   odbiegają od projektu, oraz całą skalę na tablet/mobile.
   Specyfikacja: docs/skala-typograficzna.md
   ========================================================================== */

/* --- 1. Tekst bazowy ---------------------------------------------------- */
body {
  font-family: var(--vp-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
p, li, dd, figcaption, .uk-text-lead { text-wrap: pretty; }

/* --- 2. Wszystko, co jest „nagłówkiem”, w zwężonym Archivo -------------- */
h1, h2, h3, h4, h5, h6,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-heading-small, .uk-heading-medium, .uk-heading-large,
.uk-heading-xlarge, .uk-heading-2xlarge, .uk-heading-3xlarge,
.uk-card-title, .uk-article-title, .uk-modal-title, .uk-accordion-title,
.product_title, .woocommerce-loop-product__title,
.woocommerce-Tabs-panel > h2, .cart_totals h2, .cross-sells h2, .related h2, .upsells h2,
#reviews .woocommerce-Reviews-title {
  font-family: var(--vp-font-display);
  font-stretch: var(--vp-stretch-head);
  font-weight: var(--vp-fw-heavy);
  text-wrap: balance;
  /* Kolor zostaje z YOOtheme (jasne/ciemne sekcje). */
}

/* H1 i duże nagłówki sekcji: 850 / 84% */
h1, .uk-h1, .product_title,
.uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge, .uk-heading-3xlarge {
  font-weight: var(--vp-fw-black);
  font-stretch: var(--vp-stretch-hero);
  line-height: 1;
  letter-spacing: -0.028em;
}
h2, .uk-h2, .uk-heading-small {
  font-stretch: 85%;
  line-height: var(--vp-lh-head);
  letter-spacing: var(--vp-ls-head);
}
h3, .uk-h3, .woocommerce-Tabs-panel > h2, .cart_totals h2, .cross-sells h2, .related h2, .upsells h2, #reviews .woocommerce-Reviews-title {
  font-stretch: var(--vp-stretch-head);
  line-height: 1.15;
  letter-spacing: -0.015em;
}
h4, h5, h6, .uk-h4, .uk-h5, .uk-h6, .uk-card-title, .woocommerce-loop-product__title {
  font-stretch: var(--vp-stretch-ui);
  line-height: 1.2;
}

/* --- 3. Rozmiary odbiegające od projektu (desktop) ---------------------- */
h3, .uk-h3 { font-size: 26px; }                              /* było 32 px, projekt 22–26 */
.woocommerce-Tabs-panel > h2,
.cart_totals h2, .cross-sells h2, .related h2, .upsells h2,
#reviews .woocommerce-Reviews-title { font-size: var(--vp-fs-h3); }   /* było 32 px */
.woocommerce-loop-product__title { font-size: var(--vp-fs-h4); }       /* było Source Sans 20/700 */
.product_title { font-size: var(--vp-fs-h1-sm); line-height: 1.02; }

/* --- 4. Liczby i ceny --------------------------------------------------- */
.price, .woocommerce-Price-amount, .tm-element-woo-price .price {
  font-family: var(--vp-font-display);
  font-stretch: var(--vp-stretch-head);
  font-weight: var(--vp-fw-heavy);
  font-variant-numeric: tabular-nums;
}
.price del, .price del .woocommerce-Price-amount { font-weight: var(--vp-fw-regular); color: var(--vp-muted-2); }

/* --- 5. Przyciski ------------------------------------------------------- */
.uk-button, .button, button.single_add_to_cart_button, .checkout-button {
  font-family: var(--vp-font-display);
  font-stretch: var(--vp-stretch-btn);
  font-weight: var(--vp-fw-bold);
  letter-spacing: 0;
}

/* --- 6. Tablet i mobile ------------------------------------------------- */
/* Na mobile ręczne <br> w nagłówkach robią „sierotki” – chowamy je, text-wrap: balance łamie ładniej. */
@media (max-width: 959px) {
  :is(h1, h2, h3, .uk-h1, .uk-h2, .uk-h3, [class*="uk-heading-"]) br { display: none; }
  h1, .uk-h1 { font-size: 44px; }
  h2, .uk-h2 { font-size: 34px; }
  h3, .uk-h3 { font-size: 24px; }
  .product_title { font-size: 34px; }
}
@media (max-width: 639px) {
  h1, .uk-h1 { font-size: 34px; }
  h2, .uk-h2 { font-size: 28px; }
  h3, .uk-h3 { font-size: 22px; }
  h4, .uk-h4 { font-size: 18px; }
  .product_title { font-size: 28px; }
  .uk-heading-small { font-size: 32px; }
  .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge { font-size: 36px; }
  .woocommerce-loop-product__title { font-size: 15px; }
  .woocommerce-Tabs-panel > h2, #reviews .woocommerce-Reviews-title { font-size: 22px; }
  /* Zwężony krój + ujemny tracking zjada spacje przy małych stopniach */
  :is(h1, h2, .uk-h1, .uk-h2, .product_title) { word-spacing: 0.04em; letter-spacing: -0.02em; }
}