/*
 * Blok ceníku s odkazem na kalkulačku - pravidla pro úzké obrazovky.
 *
 * Blok se 5. 11. 2026 rozvezl na všechny stránky služeb, ale pravidla pro
 * mobil byla jen ve stylu trestního práva, odkud blok pochází. Ostatní
 * stránky proto na telefonu držely dva sloupce vedle sebe a text se lámal
 * po slovech. Držíme je radši na jednom místě, ať se to neopakuje.
 *
 * Styl se přikládá ke všem stránkám podle maket (mu-plugin mp-cenik-blok.php).
 */

@container (max-width: 640px) {
	/* karta kalkulačky: ilustrace nahoru, text přes celou šířku */
	.nem2 .mp-calcg { grid-template-columns: 1fr !important; }
	.nem2 .mp-calcg-ill { order: -1; padding: 24px 20px 20px !important; }
	.nem2 .mp-calcg-t { font-size: 24px !important; line-height: 1.2 !important; }
	.nem2 .mp-calcg-b { width: 100%; justify-content: center; white-space: normal; text-align: center; }

	/* plašky "ZDARMA" a "Hodinová sazba" vedle sebe, ať nezabírají dvě obrazovky */
	.nem2 .mp-pbox { gap: 10px !important; }
	.nem2 .mp-pbox > div { flex: 1 1 140px !important; }

	/* řádky ceníku a poznámka pod kartou */
	.nem2 .mp-pr { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; padding: 16px 18px !important; }
	.nem2 .mp-pr-n { font-size: 16px !important; }
	.nem2 .mp-pr-s { font-size: 14px !important; line-height: 1.4 !important; }
	.nem2 .mp-pr-p { margin-top: 6px; padding: 5px 12px; border-radius: 999px; background: #F2EAE0; font-size: 15px; }
	.nem2 .mp-pr-note { font-size: 14px !important; padding: 16px 18px !important; }
}

@container (max-width: 900px) {
	.nem2 .mp-pr-note { padding-left: 0 !important; margin-top: -16px !important; }
}

.nem2 .mp-pr { transition: background .15s; }