/**
 * psiako.pl — warstwa nadpisań motywu nadrzędnego. Ładowana OSTATNIA.
 *
 * ── ZASADY ──
 *  • ZERO !important — normalna specyficzność wystarcza (child ładuje się po parencie).
 *  • Wartości TYLKO z tokenów (var(--…)). Żadnych surowych hex/px.
 *
 * Stylelint pilnuje: brak !important, brak hex poza tokens.css.
 */

/* ── Font nagłówkowy: Archivo — cała strona ──────────────────────────────────
   Jawnie na wszystkich nagłówkach (child + parent MBF). overrides.css ładuje się
   ostatni → wygrywa kolejnością nad `h1..h6 { font-family: var(--mbf-font-headings-family) }`
   parenta. Tekst / UI / ceny / etykiety zostają na Plus Jakarta Sans.
   @font-face + token: assets/css/tokens.css. Pliki: assets/fonts/. */
h1, h2, h3, h4, h5, h6,
.psiako-cslider__title,
.psiako-bestsellers__title,
.psiako-reviews__title,
.psiako-about__title,
.psiako-how__title,
.psiako-seo-strip__h1,
.slide-title,
.product_title,
.woocommerce-loop-product__title,
.woocommerce-loop-product__title-span,
.woocommerce-products-header__title,
.psiako-related__title,
.psiako-product-faq__title,
.psiako-summary__title,
.psiako-summary-head,
.psiako-upsells__title,
.psiako-reviews__summary strong {
  font-family: var(--font-family-heading);
  letter-spacing: var(--letter-spacing-heading);
}

/* ── Naprawa: „przyklejony" kolor po kliknięciu przycisku ────────────────────
   Motyw nadrzędny MBF (labeaute/style.css:3027):
     `button:focus, button:hover, input[type=submit]:focus… { background-color:
      var(--mbf-color-button-hover) (#336B53); border-color:…; outline:none }`
   Na `:focus` (po kliknięciu MYSZĄ) fokus nie znika → zielone tło zostaje
   „przyklejone" aż do kliknięcia gdzie indziej. Dotyczy KAŻDEGO <button> na stronie.

   Poprawka: dla fokusu NIE-klawiaturowego (`:focus:not(:focus-visible)`) cofamy tło do
   stanu spoczynku. `:hover` (chwilowy) i `:focus-visible` (klawiatura → pierścień z
   base.css) bez zmian. Spec 0,2,1 > 0,1,1 parenta; overrides.css ładuje się ostatni.
   ───────────────────────────────────────────────────────────────────────────── */
button:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="reset"]:focus:not(:focus-visible) {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}

/* Właściwe CTA (WC add-to-cart / #place_order / .checkout-button mają klasę `.button`;
   PDP ma `.psiako-atc-btn`) — zachowują zamierzony kolor akcentu również po kliknięciu (0,3,0). */
.button:focus:not(:focus-visible),
.psiako-atc-btn:focus:not(:focus-visible) {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-accent-contrast);
}

/* Strzałki hero mają własne tło „glass" w spoczynku — wracają do niego po kliknięciu (0,3,0).
   Przyciski-ikony nagłówka (`.psiako-icon-btn`) NIE mają już własnej reguły `:focus` —
   korzystają z powyższego resetu (klik myszą = brak tła, klawiatura = pierścień z base.css).
   Galeria / slider kategorii / minikoszyk mają własne `:focus` w swoich modułach — nie ruszamy. */
.hero-prev:focus:not(:focus-visible),
.hero-next:focus:not(:focus-visible) {
  background-color: var(--color-btn-glass);
  border-color: transparent;
}

/* Strzałki sliderów front-page — białe kółko w spoczynku, wracają do niego po kliknięciu (0,2,1). */
.psiako-cslider__arrow:focus:not(:focus-visible) {
  background-color: var(--color-surface);
}

/* Strzałki + zoom galerii PDP — jak wyżej: białe kółko po kliknięciu myszą (nie zielone MBF). */
.psiako-gallery__arrow:focus:not(:focus-visible),
.psiako-gallery__zoom:focus:not(:focus-visible) {
  background-color: var(--color-surface);
  color: var(--color-ink-strong);
}

/* ── Breadcrumb — czytelny „ślad" na podstronach (kategoria/sklep/treść/blog) ──
   Parent (`labeaute/style.css:8843`) daje 11px, JEDEN szary kolor dla linków i
   strony bieżącej, gradientowe podkreślenia linków, `line-height: 2`. Tu:
   ciaśniejszy trail, a strona bieżąca (`.breadcrumb_last` / `[aria-current]`)
   wyraźnie odcięta — ciemniejsza + półgruba. overrides.css ładuje się ostatni →
   wygrywa kolejnością (spec 0,1,0 / 0,2,0), bez !important.
   PDP ma własny `.psiako-breadcrumb` (`assets/css/product.css`) — nie dotyczy. */
.mbf-breadcrumbs,
.woocommerce-breadcrumb {
  font-size: var(--font-size-2xs);
  line-height: var(--line-height-snug);
  letter-spacing: normal;
  text-transform: none;
  color: var(--color-ink-muted);
}

.mbf-breadcrumbs a,
.woocommerce-breadcrumb a {
  padding-bottom: 0;
  color: var(--color-ink-muted);
  background: none;
  text-decoration: none;
  transition: color var(--transition-fast);
}

@media (hover: hover) {
  .mbf-breadcrumbs a:hover,
  .woocommerce-breadcrumb a:hover {
    color: var(--color-ink-strong);
  }
}

.mbf-breadcrumbs .breadcrumb_last,
.mbf-breadcrumbs [aria-current="page"],
.woocommerce-breadcrumb .breadcrumb_last,
.woocommerce-breadcrumb [aria-current="page"] {
  color: var(--color-ink-strong);
  font-weight: var(--font-weight-semibold);
}