/* mimeble — 2026-09-19 (pion-karta.css zastępuje pion-serie2.css i pion-serie.css). Osobny plik (nie theme-pion3.css), bo ten host po nadpisaniu pliku potrafi długo oddawać
   starą treść pod tym samym adresem; nowy plik tego problemu nie ma. Tokeny kolorów z theme-pion3.css (:root). */

/* ══ „Z tej samej serii” — komputer: pod „Kategoria”; telefon: arkusz „Seria” ═════════════════════════════
   Małe kafle bez ramek: zdjęcie w całości (contain) na bieli, nazwa w dwóch liniach, cena. Nagłówek jak
   „Do pobrania” (wersaliki .78rem), sekcja oddzielona kreską jak grupy kolumny opisu. Zieleni brak — to nie stan. */
.mim-seria { margin: 1.4rem 0 0; padding-top: 1.1rem; border-top: 1px solid var(--mim-line); }
.mim-seria__tytul {
  font-size: .78rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase;
  color: var(--mim-faint); margin: 0 0 .8rem;
}
.mim-seria__tytul b { color: var(--mim-ink); font-weight: 600; letter-spacing: .08em; }
.mim-seria__lista {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 16px 12px;
}
.woocommerce div.product .summary .mim-seria__lista { margin: 0; padding: 0; }
.mim-seria__el { margin: 0; padding: 0; min-width: 0; }
.mim-seria__el a { display: flex; flex-direction: column; gap: 5px; color: var(--mim-ink); text-decoration: none; }
.mim-seria__foto { display: block; aspect-ratio: 1 / 1; background: #fff; overflow: hidden; }
.mim-seria__foto img {
  display: block; width: 100% !important; height: 100% !important; max-width: none;
  object-fit: contain; margin: 0 !important; padding: 0 !important;
}
.mim-seria__nazwa {
  font-size: .8125rem; line-height: 1.3; color: var(--mim-ink);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mim-seria__el a:hover .mim-seria__nazwa,
.mim-seria__el a:focus-visible .mim-seria__nazwa { text-decoration: underline; text-underline-offset: 2px; }
.mim-seria__el a:focus-visible { outline: 2px solid var(--mim-ink); outline-offset: 3px; }
.mim-seria__cena { font-size: .8125rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.mim-seria__cena del { color: var(--mim-faint); font-weight: 400; margin-right: 4px; }
.mim-seria__cena ins { text-decoration: none; background: none; }
.mim-seria__cena .woocommerce-price-suffix { display: none; }
.mim-seria__wiecej {
  display: inline-block; margin-top: 1rem; font-size: .875rem; color: var(--mim-ink);
  text-decoration: underline; text-underline-offset: 3px;
}
/* 2026-09-19 (2): na wierzchu tylko to, co łączy się z oglądanym meblem (szafa ↔ nadstawka…); reszta serii
   pod przyciskiem „Pokaż całą serię” — <details>, bez skryptu. Przycisk jak drugorzędny w Pionie: kreska, bez zaokrągleń. */
.mim-seria__pod { font-size: .8125rem; color: var(--mim-muted); margin: 0 0 .75rem; }
.mim-seria__cala { margin-top: 1rem; }
.mim-seria__lista + .mim-seria__cala { margin-top: 1.1rem; }
.mim-seria__cala > .mim-seria__lista { margin-top: 1rem; }
.mim-seria__przycisk {
  list-style: none; display: inline-flex; align-items: center; gap: .6rem; cursor: pointer; user-select: none;
  padding: .62rem 1.1rem; border: 1px solid var(--mim-ink); background: #fff; color: var(--mim-ink);
  font-size: .875rem; font-weight: 500; line-height: 1.2;
}
.mim-seria__przycisk::-webkit-details-marker { display: none; }
.mim-seria__przycisk::marker { content: ''; }
.mim-seria__przycisk::after {
  content: ''; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg); transition: transform .15s ease;
}
.mim-seria__cala[open] > .mim-seria__przycisk::after { transform: translateY(2px) rotate(-135deg); }
.mim-seria__przycisk:hover { background: var(--mim-wash); }
.mim-seria__przycisk:focus-visible { outline: 2px solid var(--mim-ink); outline-offset: 2px; }
.mim-seria__zwin { display: none; }
.mim-seria__cala[open] .mim-seria__pokaz { display: none; }
.mim-seria__cala[open] .mim-seria__zwin { display: inline; }
@media (prefers-reduced-motion: reduce) { .mim-seria__przycisk::after { transition: none; } }
/* telefon: w slajdzie karty nie ma miejsca — blok żyje w arkuszu „Seria” */
@media (max-width: 781px) {
  .summary .mim-seria { display: none; }
  .mim-sheet__tresc .mim-seria { margin: 0; padding: 0; border: 0; }
  .mim-sheet__tresc .mim-seria__lista { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 14px 10px; }
  /* pięć przycisków w drugim pasku (Opis, Warianty, Seria, Parametry, Opinie) — bez ikon, żeby napisy się zmieściły */
  .mim-bottomnav--druga:has(> [data-mim-sheet="sek-warianty"]:not([style*="none"])):has(> [data-mim-sheet="sek-seria"]:not([style*="none"])) .mim-bn svg { display: none; }
}

/* lista sklepu zawężona do serii (/sklep/?seria=…) */
.mim-seria-filtr { margin: 0 0 .6rem; font-size: .9375rem; color: var(--mim-muted); }
.mim-seria-filtr b { color: var(--mim-ink); font-weight: 600; }
.mim-seria-filtr a { margin-left: .6rem; color: var(--mim-ink); font-size: .875rem; }

/* ══ Galeria: listwa miniatur po lewej nie ucina ostatniego zdjęcia (2026-09-19, „ucina zdjęcia”) ══════════
   Było: listwa max 620 px, zdjęcie główne ~486 px → dziewiąta miniatura przecięta w pół przy dolnej krawędzi.
   Teraz listwa ma DOKŁADNIE wysokość zdjęcia głównego (height 0 + min-height 100% w komórce siatki), a miniatury
   dzielą ją po równo (do 10 zdjęć; każda najwyżej 66 px). Przy 11+ zdjęciach: po 10 w widoku, przewijanie
   z zatrzaskiem na pełnej miniaturze (jednostki kontenera). */
@media (min-width: 1025px) {
  .woocommerce div.product div.images:has(.flex-control-thumbs) .flex-control-thumbs {
    height: 0; min-height: 100%; max-height: none; container-type: size; justify-content: flex-start;
  }
  .woocommerce div.product div.images:has(.flex-control-thumbs) .flex-control-thumbs li {
    flex: 1 1 0; min-height: 0; max-height: 66px; display: flex; align-items: center;
  }
  .woocommerce div.product div.images:has(.flex-control-thumbs) .flex-control-thumbs li img {
    width: auto !important; height: 100% !important; max-width: 100%; aspect-ratio: 1 / 1; object-fit: contain;
  }
  .woocommerce div.product div.images .flex-control-thumbs:has(> li:nth-child(11)) { scroll-snap-type: y mandatory; }
  .woocommerce div.product div.images .flex-control-thumbs:has(> li:nth-child(11)) li {
    flex: 0 0 calc((100cqh - 72px) / 10); max-height: none; scroll-snap-align: start;
  }
}

/* ══ „Bezpieczeństwo produktu” zwinięte pod opiniami (2026-09-19, właściciel: „czy bezpieczeństwo produktu można
   umieścić pod opiniami i zwinięte, aby wyświetlało się dopiero po kliknięciu?”) ══════════════════════════════
   <details> z nagłówkiem-przyciskiem na kreskach (jak wiersze parametrów), strzałka jak w „Pokaż całą serię”. */
.mim-gpsr-zwin { border-top: 1px solid var(--mim-line); border-bottom: 1px solid var(--mim-line); }
.mim-gpsr-zwin__naglowek {
  list-style: none; cursor: pointer; user-select: none;
  display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0;
}
.mim-gpsr-zwin__naglowek::-webkit-details-marker { display: none; }
.mim-gpsr-zwin__naglowek::marker { content: ''; }
.mim-gpsr-zwin__tytul { font-family: var(--mim-font); font-size: 1rem; font-weight: 500; color: var(--mim-ink); }
.mim-gpsr-zwin__naglowek::after {
  content: ''; flex: 0 0 auto; width: 8px; height: 8px; margin-right: 4px;
  border-right: 1.5px solid var(--mim-ink); border-bottom: 1.5px solid var(--mim-ink);
  transform: translateY(-3px) rotate(45deg); transition: transform .15s ease;
}
.mim-gpsr-zwin[open] > .mim-gpsr-zwin__naglowek::after { transform: translateY(2px) rotate(-135deg); }
.mim-gpsr-zwin__naglowek:hover .mim-gpsr-zwin__tytul { text-decoration: underline; text-underline-offset: 3px; }
.mim-gpsr-zwin__naglowek:focus-visible { outline: 2px solid var(--mim-ink); outline-offset: 2px; }
.mim-gpsr-zwin__tresc { padding: 0 0 1.1rem; }
.mim-gpsr-zwin__tresc .mimeble-gpsr table { margin: 0; }
@media (prefers-reduced-motion: reduce) { .mim-gpsr-zwin__naglowek::after { transition: none; } }
/* telefon: w arkuszu Opinie odstęp od formularza opinii */
.mim-sheet__tresc .mim-gpsr-zwin { margin-top: 1.6rem; }

/* szeroki ekran: prawa kolumna = Parametry, Opinie, Bezpieczeństwo (zwinięte) — dotąd Bezpieczeństwo stało między
   Parametrami a Opiniami (theme-pion3.css, wiersz 2). Ostatni wiersz bierze nadwyżkę wysokości (1fr), jak wcześniej. */
@media (min-width: 1025px) {
  .woocommerce-tabs:has(#tab-description):has(#tab-additional_information) { grid-template-rows: auto auto auto 1fr; }
  .woocommerce-tabs:has(#tab-description):has(#tab-additional_information) > #tab-reviews { grid-row: 3; }
  .woocommerce-tabs:has(#tab-description):has(#tab-additional_information) > #tab-bezpieczenstwo {
    grid-column: 2; grid-row: 4; align-self: start; max-width: none;
  }
}

/* wiersz specyfikacji bez nazwy (29.10.2026) */
@media (min-width: 782px) {
  .woocommerce div.product .woocommerce-tabs .mimeble-parametry td[colspan] { color: var(--mim-ink); }
}