/* clean — широк екран и таблет (04.10.2026, docs/reviews/2026-10-04-wide-tablet.md); зарежда се на всички страници.
   Всички размери във vw минават през --wp--custom--vw = min(1vw, 19.2px): до 1920 px екран е точно 1vw (390 и 1440 не се менят),
   над 1920 px спира. Над 1920 px страницата е рамка от 1920 px в средата (всичко вътре е както на 1920), а лентите и фоновете,
   които на 1920 стигат ръба, продължават до ръба на екрана: border-image с outset рисува същия цвят/преливка встрани, без да мести
   нищо (custom.wide.gutter = половината от излишъка). На таблет и малък лаптоп (768–1439 px; до 04.10 — 768–1279) шрифтовете от vw имат долна граница (custom.floor):
   текст 16 px, бутони и надписи 14 px, заглавия 18 px; извън тази ширина границата е 0. */
@media (min-width: 768px) and (max-width: 1439px) {
	:root:root {
		--wp--custom--floor--text: var(--wp--custom--floor--text-on);
		--wp--custom--floor--label: var(--wp--custom--floor--label-on);
		--wp--custom--floor--head: var(--wp--custom--floor--head-on);
	}
}
/* началната 981–1439: с по-едрия текст балончетата „200“/„400“ (на таблет ги няма, home.css) падаха върху бутона и текста */
@media (min-width: 981px) and (max-width: 1439px) {
	.xp-decor--likebig.wp-block-image, .xp-decor--likesmall.wp-block-image { display: none; }
}
@media (min-width: 1921px) {
	html, body { overflow-x: clip; } /* реже на ръба на екрана (рамката вече не реже: лентите излизат от нея) */
	.wp-site-blocks { max-width: var(--wp--custom--wide--frame); margin-inline: auto; }
	.xp-clean .wp-site-blocks { overflow-x: visible; }
	:root { --xp-g: var(--wp--custom--wide--gutter); --xp-gn: var(--wp--custom--wide--gutter-neg); --xp-grey: linear-gradient(var(--wp--preset--color--grey-light) 0 0); --xp-white: linear-gradient(var(--wp--preset--color--white) 0 0); }
	/* хедърът е абсолютен спрямо екрана: в рамката; зелената лента — до двата ръба */
	.xp-hd { left: var(--xp-g); right: var(--xp-g); }
	.xp-hd__bar { border-image: linear-gradient(var(--wp--preset--color--green) 0 0) fill 0 / 0 / 0 var(--xp-g); }
	/* до двата ръба: сивите начала и ленти, футърът и черната лента под него */
	:is(.xp-b-svc-hero, .xp-ph.is-list, .xp-ph.is-post, .xp-b-band.is-grey:not(.is-inset)) { border-image: var(--xp-grey) fill 0 / 0 / 0 var(--xp-g); }
	.xp-b-band.is-warm:not(.is-inset, .has-panel) { border-image: var(--wp--preset--gradient--xp-warm) fill 0 / 0 / 0 var(--xp-g); }
	.xp-b-band.is-cool:not(.is-inset, .has-panel) { border-image: var(--wp--preset--gradient--xp-cool) fill 0 / 0 / 0 var(--xp-g); }
	.xp-ft { border-image: var(--xp-ft-bg) fill 0 / 0 / 0 var(--xp-g); }
	.xp-ft__legal { border-image: linear-gradient(var(--wp--preset--color--black) 0 0) fill 0 / 0 / 0 var(--xp-g); }
	/* отбелязаното от site.js (по място — всичко, което на 1920 стига ръба на екрана): снимката изтънява към ръба на рамката, кутията с
	   плътен фон го продължава до ръба на екрана (--xp-ebg = собственият ѝ фон), въртележката с карти не се реже на ръба на рамката */
	.xp-fade-l { mask-image: linear-gradient(to right, transparent, var(--wp--preset--color--black) var(--wp--custom--wide--fade)); }
	.xp-fade-r { mask-image: linear-gradient(to left, transparent, var(--wp--preset--color--black) var(--wp--custom--wide--fade)); }
	.wp-site-blocks :is(.xp-edge-bl, .xp-edge-br) { --xp-eo: 0 0 0 var(--xp-g); border-image: var(--xp-ebg) fill 0 / 0 / var(--xp-eo); }
	.wp-site-blocks .xp-edge-br { --xp-eo: 0 var(--xp-g) 0 0; }
	.wp-site-blocks .xp-edge-bl.xp-edge-br { --xp-eo: 0 var(--xp-g); }
	.xp-b-svc-types.xp-edge-cr { overflow: clip; } /* полето (overflow-clip-margin) слага site.js в px: реже на ръба на екрана, без превъртане */
	.xp-carousel--coverflow.is-cf.xp-edge-cr { overflow: visible; clip-path: inset(0 var(--xp-gn) 0 0); }
}

/* (04.10.2026, преглед с очи на 390) общи правила за текста на всички страници: дългите адреси и думи се пренасят вместо да излизат
   от екрана (копието ги пренася; 81 страници); надписите и снимките в стари статии с вграден style="width:700px" се смаляват в колоната.
   Заглавията не се пипат (правило от 29.09: H2–H6 в колони не се чупят). */
:where(main, .wp-site-blocks) :where(p, li, figcaption, td, dd, blockquote) { overflow-wrap: break-word; }
:where(main, .wp-site-blocks) :where(p, li, figcaption, td) a { overflow-wrap: anywhere; }
:where(main, .wp-site-blocks) .wp-caption { max-width: 100% !important; }
:where(main, .wp-site-blocks) .wp-caption img { max-width: 100%; height: auto; }