/*
 * Zoznam parametrov — Produkt, sekcia „Súhrn funkcionalít".
 * V `docs/06` je to pattern B8 „spec-list". Vzor zo **core blokov**:
 * `core/group` → `core/paragraph` (uvádzacia veta) + `egrant/collapsible-list`
 * s `core/list`.
 *
 * Štýl visí na `core/group` (`functions/BlockStyles.php`).
 *
 * ── Odmerané na ráme `1280 Produkt` (snímka 09-01 13-27-31) ───────────────
 *
 *   zvislá linka   x **127,4–130,7**, teda vonkajšia hrana na hrane obsahového
 *                  stĺpca (render 128), rovnaká konštanta ako pri karte osoby
 *                  (`border-left: 3` z `docs/03`)
 *   text od linky  **15**, merané od **vonkajšej** hrany linky — linka je na
 *                  127,4–130,7, uvádzacia veta začína na 143,8 a položky na
 *                  142,5–143,2. Border 3 px z tých 15 už nesie, takže vľavo
 *                  patrí padding **12**, nie 15 (to isté a z toho istého
 *                  dôvodu má karta, `card-grid/style.scss`). So 16 bol render
 *                  na 19 od linky a voči ikonám kariet o stĺpec vyššie
 *                  (142,5 pri linke 127,4) to bolo vidieť ako nezarovnanie.
 *   odrážky        **žiadne** — položky začínajú na tom istom x ako veta nad
 *                  nimi, čiže odsadenie zoznamu je nulové
 *   oddeľovače     tenká linka medzi položkami, odmeraná farba ≈ `#E4E2DD`
 *   lead sekcie    šírka **548** → `measure` (552), nie celý stĺpec 1024
 */

/*
 * 🔴 Linka a odsadenie sedia na **obsahu**, nie na obale.
 *
 * Do 2026-09-15 boli na `.egrant-spec-list` a to sa na mobile rozišlo
 * s dizajnom: pilulka zbaľovača je vnútri tej istej grupy, takže jej linka
 * bežala aj vedľa pilulky a pilulka začínala na x 39 (20 + 3 linka + 16
 * odsadenie). Rám `375 Produkt` (snímka 09-04 10-27-30) má linku **ukončenú
 * nad pilulkou** a pilulku na x 20, teda na hrane obsahového stĺpca.
 *
 * Preto linku nesie uvádzacia veta a zoznam — tie dva prvky, ktoré má
 * zátvorkovať — a tlačidlo, ktoré je ich súrodenec, zostane mimo nej.
 */
.egrant-spec-list > .egrant-spec-list__intro,
.egrant-spec-list ul.wp-block-list {
	border-left: var(--wp--custom--border--accent, 3px solid #141414);
	padding-left: var(--wp--preset--spacing--30); /* 12 — s 3px linkou 15 */
}

.egrant-spec-list .egrant-spec-list__intro {
	/*
	 * 64 pod vetou je **padding, nie margin** — linka ide cez odsadenie ďalej
	 * a nadviaže na linku zoznamu. Marginom by v nej bola 64px diera, v ráme
	 * je pritom spojitá.
	 */
	margin-block: 0;
	padding-block: 0 var(--wp--preset--spacing--110); /* 64 pod vetu */
	font-weight: 600;
}


/*
 * 24 medzi koncom linky a pilulkou zbaľovača — rám `375 Produkt`, snímka
 * 09-04 10-27-30: linka končí na y 1785, pilulka začína na 1860, mierka
 * 3,101 → 24,2. Predvolených 32 z bloku je pre Integrácie.
 */
.egrant-spec-list {
	--egrant-collapsible-gap: var(--wp--preset--spacing--60); /* 24 */
}

/*
 * Zoznam bez odrážok — v ráme začína text položky presne pod vetou nad ním.
 *
 * ⚠️ `padding-inline-start` tu **nesmie byť nula**. Jadro ním robí odsadenie
 * odrážok a pôvodne sa tu nulovalo, lenže odkedy zoznam nesie aj linku
 * (vyššie), je to tá istá vlastnosť ako `padding-left` — a keďže stojí
 * nižšie v súbore pri rovnakej špecificite, prebila ju. Položky sa nalepili
 * na linku, kým veta nad nimi odsadená zostala (všimol si Lukáš 2026-09-15).
 * Rovná sa preto tým istým 12, nie nule.
 */
.egrant-spec-list ul.wp-block-list {
	margin-block: 0;
	padding-inline-start: var(--wp--preset--spacing--30); /* 12 — s 3px linkou 15 */
	list-style: none;
}

/*
 * Položka: **14,4 / padding 7 po linku / linka 0,8 `#E4E2DD`**
 * (Lukáš z Figmy, 2026-09-15).
 *
 * Tých 7 je **literál**, na škále nie je (rovnako ako 14,4 nižšie). Prišlo sa
 * naň pomerom, nie absolútnym rozmerom — mierka snímky sa tým vykráti: rám má
 * jednoriadkovú položku 33,5 a dvojriadkovú 51,9, teda pomer **1,549**.
 * S paddingom 8 dáva render 34,8 a 52,8 → 1,517; so 7 dáva 32,8 a 50,8 →
 * **1,549**, čiže presne pomer z rámu. Zvyšný rozdiel (33,5 / 32,8 = 1,021
 * a 51,9 / 50,8 = 1,022, teda to isté číslo) je mierka snímky, nie chyba
 * odsadenia. Pri dvadsiatich položkách je to blok kratší o 39 px.
 *
 * `font-size` je preset `button` — „Tlačidlo a drobný text (14,4)", teda krok
 * škály, nie len tlačidlo (`docs/11-design-tokeny/16`). To isté má
 * nadpis v `pattern-logos.css` a položky v `pattern-integrations.css`.
 * Riadkovanie 18 príde z roota (1,25 × 14,4), takže sa nepíše.
 *
 * Linka je 0,8, nie 1 — pri 14,4 a odstupe 7 je rozdiel vidieť.
 */
.egrant-spec-list ul.wp-block-list > li {
	padding-block: 7px;
	border-top: 0.8px solid var(--wp--preset--color--surface-2); /* #E4E2DD */
	font-size: var(--wp--preset--font-size--button); /* 14,4 */
}

.egrant-spec-list ul.wp-block-list > li:first-child {
	border-top: 0;
	padding-block-start: 0;
}