/* Dane produktu — wygląd bierze się z theme.json motywu, tu tylko układ.
   Wartości domyślne po prawej stronie var() pozwalają wtyczce wyglądać sensownie
   także na obcym motywie. */
.kkdp-dane{margin-block:var(--wp--preset--spacing--70,3rem);border-top:1px solid var(--wp--preset--color--linia,#ddd3bf)}
.kkdp-poz{border-bottom:1px solid var(--wp--preset--color--linia,#ddd3bf)}
.kkdp-poz>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding:1.15rem .25rem;font-family:var(--wp--preset--font-family--naglowki,Georgia,serif);
  font-size:var(--wp--preset--font-size--l,1.25rem);font-weight:600;
  color:var(--wp--preset--color--zielen-krolewska,#14372b)}
.kkdp-poz>summary::-webkit-details-marker{display:none}
.kkdp-poz>summary::after{content:"";width:10px;height:10px;flex:none;margin-bottom:4px;
  border-right:1.5px solid var(--wp--preset--color--zloto-ciemne,#7a5e12);
  border-bottom:1.5px solid var(--wp--preset--color--zloto-ciemne,#7a5e12);
  transform:rotate(45deg);transition:transform 200ms cubic-bezier(.2,.7,.4,1)}
.kkdp-poz[open]>summary::after{transform:rotate(225deg);margin-bottom:-4px}
.kkdp-poz>summary:focus-visible{outline:2px solid var(--wp--preset--color--zloto-ciemne,#7a5e12);outline-offset:2px}
.kkdp-tresc{padding:0 .25rem 1.5rem;color:var(--wp--preset--color--szary-tekst,#57503f);
  font-size:var(--wp--preset--font-size--s,.9375rem)}
.kkdp-tresc p{margin:0 0 .85rem}
.kkdp-tresc p:last-child{margin-bottom:0}
.kkdp-tresc ul{margin:0 0 .85rem;padding-left:1.15rem}

/* Analiza — pary nazwa/wartosc w siatce.  Dziesiec wierszy na cala szerokosc
   zamienia sie w trzy rzedy kafelkow. */
.kkdp-analiza{display:grid;gap:.25rem 2.25rem;margin:0;
  grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));
  font-variant-numeric:tabular-nums lining-nums}
.kkdp-analiza__poz{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;
  padding:.5rem .1rem;border-bottom:1px solid var(--wp--preset--color--linia,#ddd3bf)}
.kkdp-analiza dt{font-size:var(--wp--preset--font-size--s,.9375rem);
  color:var(--wp--preset--color--szary-tekst,#57503f)}
.kkdp-analiza dd{margin:0;font-weight:600;white-space:nowrap;
  font-size:var(--wp--preset--font-size--s,.9375rem);
  color:var(--wp--preset--color--zielen-krolewska,#14372b)}

/* Sklad — lista krotkich pozycji nie potrzebuje calej szerokosci strony.
   Podajemy SZEROKOSC kolumny, nie ich liczbe: przegladarka sama zmiesci jedna
   na telefonie i trzy na monitorze, bez progow w media query. */
.kkdp-sklad ul{columns:15rem;column-gap:2.5rem;padding-left:1.15rem;margin:0}
.kkdp-sklad li{break-inside:avoid;margin-bottom:.2rem}

/* Zakladki zamiast stosu piasku paskow (>=48rem, wlaczane JS-em). */
.kkdp-pasek{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--wp--preset--color--linia,#ddd3bf)}
.kkdp-zakladka{appearance:none;background:none;border:0;border-bottom:2px solid transparent;
  margin-bottom:-1px;cursor:pointer;padding:.85rem 1.1rem;
  font-family:var(--wp--preset--font-family--naglowki,Georgia,serif);
  font-size:var(--wp--preset--font-size--m,1.0625rem);
  color:var(--wp--preset--color--szary-tekst,#57503f);transition:color 150ms,border-color 150ms}
.kkdp-zakladka:hover{color:var(--wp--preset--color--zielen-krolewska,#14372b)}
.kkdp-zakladka[aria-selected=true]{color:var(--wp--preset--color--zielen-krolewska,#14372b);font-weight:600;
  border-bottom-color:var(--wp--preset--color--zloto-ciemne,#7a5e12)}
.kkdp-zakladka:focus-visible{outline:2px solid var(--wp--preset--color--zloto-ciemne,#7a5e12);outline-offset:-2px}
.kkdp-panel{padding-top:1.4rem}
.kkdp-dane--zakladki{border-top:0}
.kkdp-dane--zakladki .kkdp-tresc{padding:0}

/* Dawkowanie szczeniat — wiek x przewidywana waga doroslego psa. */
.kkdp-wstep{margin:0 0 .9rem;font-size:var(--wp--preset--font-size--s,.9375rem);
  color:var(--wp--preset--color--szary-tekst,#57503f)}
.kkdp-szczenieta{width:100%;border-collapse:collapse;min-width:34rem;
  font-variant-numeric:tabular-nums lining-nums}
.kkdp-szczenieta th[scope=col]{background:var(--wp--preset--color--pergamin-ciemny,#efe7d6);
  color:var(--wp--preset--color--zielen-krolewska,#14372b);font-size:var(--wp--preset--font-size--xs,.8125rem);
  letter-spacing:.06em;padding:.6rem .7rem;text-align:left;white-space:nowrap}
.kkdp-szczenieta th[scope=row]{text-align:left;font-weight:600;white-space:nowrap;
  color:var(--wp--preset--color--atrament,#1c1a16)}
.kkdp-szczenieta th,.kkdp-szczenieta td{padding:.55rem .7rem;
  border-bottom:1px solid var(--wp--preset--color--linia,#ddd3bf);
  font-size:var(--wp--preset--font-size--s,.9375rem)}
.kkdp-szczenieta tbody tr:hover{background:var(--wp--preset--color--pergamin,#f7f2e8)}
.kkdp-pusto{color:var(--wp--preset--color--szary-tekst,#57503f);opacity:.5}

.kkdp-przewijana{overflow-x:auto;-webkit-overflow-scrolling:touch}
.kkdp-dawkowanie{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;min-width:22rem}
.kkdp-dawkowanie th[scope=col]{background:var(--wp--preset--color--pergamin-ciemny,#efe7d6);
  color:var(--wp--preset--color--zielen-krolewska,#14372b);font-size:var(--wp--preset--font-size--xs,.8125rem);
  letter-spacing:.08em;text-transform:uppercase;padding:.6rem .75rem;text-align:left}
.kkdp-dawkowanie th[scope=row]{text-align:left;font-weight:600;color:var(--wp--preset--color--atrament,#1c1a16)}
.kkdp-dawkowanie th,.kkdp-dawkowanie td{padding:.6rem .75rem;border-bottom:1px solid var(--wp--preset--color--linia,#ddd3bf);
  font-size:var(--wp--preset--font-size--s,.9375rem)}

/* Atrybut hidden przegrywa z regułą motywu na <section> — dlatego jawnie. */
.kkdp-dane [hidden],[class^="kkdp-"][hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.kkdp-poz>summary::after{transition:none}}
.kkdp-nota{margin-top:.9rem;padding-left:.9rem;border-left:2px solid var(--wp--preset--color--kraft,#c09c78);
  font-size:var(--wp--preset--font-size--xs,.8125rem);color:var(--wp--preset--color--szary-tekst,#57503f)}
.kkdp-nota p{margin:0 0 .4rem}