/**
 * Výchozí styly obrázků importovaných z Wordu. Viz SPEC.md kap. 6.2.3.
 *
 * Screenshoty z návodů mívají bílé okraje. Na bílém pozadí stránky pak
 * splývají s textem a není poznat, kde obrázek začíná — stín je oddělí.
 *
 * Cílem jsou jen obrázky z importu, ne všechny obrázky na webu. Přebít to
 * jde z šablony kdykoli, celý stylopis se dá vypnout filtrem
 * `d2w_default_styles`.
 */

/* Blok wp:image nese třídu na <figure>, obrázek v buňce tabulky na <img>. */
.docx2wp-image img,
img.docx2wp-image {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
}

/* Drobné ikony uvnitř věty stín nechtějí — u značky velké 0,2 palce
   by z něj byla jen šmouha. */
img.docx2wp-inline-image {
	box-shadow: none;
}

/* Symbol číslování seznamu z dokumentu. Jediná cesta, jak ho zapsat přímo
   do obsahu, vede přes `style="list-style-type:…"`, což kap. 6.2.1 zakazuje
   — proto ho nese třída a vlastnost visí tady. Viz SPEC.md kap. 6.2.5.
   U desítkového číslování žádná třída není, výchozí vzhled <ol> stačí. */
ol.docx2wp-list-lower-alpha {
	list-style-type: lower-alpha;
}

ol.docx2wp-list-upper-alpha {
	list-style-type: upper-alpha;
}

ol.docx2wp-list-lower-roman {
	list-style-type: lower-roman;
}

ol.docx2wp-list-upper-roman {
	list-style-type: upper-roman;
}

/* Seznam popisků k obrázku. Čísla musí vypadat jako značky v obrázku,
   jinak čtenář nepozná, že jde o tutéž věc. Viz SPEC.md kap. 5.9.9.

   Barvy nejdou zapsat sem: uživatel si je nastavuje a statický stylopis
   by se s obrázkem rozešel. Dodává je proto plugin jako custom properties
   ve vloženém stylu, tady jsou jen záložní hodnoty pro případ, že by se
   vložený styl nenačetl.

   Předřazené `:root` je tu kvůli specificitě, ne kvůli cíli — vybírá se
   pořád jen třída `docx2wp-callouts`. Stylopis pluginu se totiž připojuje
   hookem `enqueue_block_assets`, tedy DŘÍV než stylopis šablony, takže
   při stejné specificitě vyhrává šablona. Naměřeno: seznam pak měl
   dvojí číslování — kolečko z pluginu a k tomu značku `<ol>` ze šablony.
   Viz SPEC.md kap. 6.2.3. */
:root ol.docx2wp-callouts {
	list-style: none;
	counter-reset: docx2wp-callout;
}

:root ol.docx2wp-callouts > li {
	counter-increment: docx2wp-callout;
	list-style: none;
}

/* Značka `<ol>` se vypíná DVĚMA cestami, protože jedna nestačí:
   `list-style` může šablona přebít pravidlem s vyšší specificitou nebo
   `!important` (pak by čtenář viděl číslo dvakrát), zatímco `::marker`
   šablony nestylují — a `content` v něm zhasne značku bez ohledu na to,
   jaký `list-style-type` nakonec vyhrál. */
:root ol.docx2wp-callouts > li::marker {
	content: "";
}

/* Kolečko stojí V TEXTOVÉM TOKU, ne absolutně nad odsazením položky.
   Absolutní pozice vyžaduje, aby si položka udržela `padding-left`, který
   pro ni plugin předepíše — a když ho šablona přebila, kolečko sedlo na
   první písmeno věty a zakrylo ho (naměřeno: „❶okud", „❷ozpoznání").
   V toku se nestane nic horšího, než že se text odsune o šířku kolečka. */
:root ol.docx2wp-callouts > li::before {
	content: counter(docx2wp-callout);
	display: inline-block;
	box-sizing: border-box;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.4em;
	border-radius: 50%;
	background: var(--docx2wp-badge-bg, #c00000);
	color: var(--docx2wp-badge-text, #ffffff);
	font-size: 0.82em;
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
	vertical-align: 0.06em;
}