/* Основата на чистите страници (партида 0, 01.10.2026; docs/superpowers/specs/2026-10-01-prenapisvane-na-chisto-design.md).
   Само стойности от азбуката (theme.json → settings.custom → --wp--custom--*); проверка: tools/lint_clean.py.
   Селекторите са :where(.xp-clean) + таг/клас: тежестта е колкото на глобалните стилове (печели по-късният файл), а стилът на всеки вид раздел я надвива. */
.xp-clean {
	font-family: var(--wp--preset--font-family--roboto);
	font-size: var(--t-text);
	font-weight: var(--wp--custom--weight--light);
	line-height: var(--t-lh-text);
	color: var(--wp--preset--color--black);
}
:where(.xp-clean) :is(h1, h2, h3, h4, h5, h6) {
	overflow-wrap: break-word; /* (016) дълга дума (DE) не излиза извън колоната на телефон */
	font-weight: var(--wp--custom--weight--black);
	line-height: var(--t-lh-head);
	color: inherit;
	margin: 0 0 var(--wp--custom--space--10);
}
:where(.xp-clean) h1 { font-size: var(--t-title); letter-spacing: var(--t-caps); } /* (016) стъпките на системата: type.css */
:where(.xp-clean) h2 { font-size: var(--t-section); letter-spacing: var(--t-caps); }
:where(.xp-clean) h3 { font-size: var(--t-sub); font-weight: var(--wp--custom--weight--bold); }
:where(.xp-clean) :is(h4, h5, h6) { font-size: var(--t-minor); font-weight: var(--wp--custom--weight--bold); }
:where(.xp-clean) :is(p, ul, ol) { margin: 0 0 var(--wp--custom--space--20); }
:where(.xp-clean) a { color: var(--wp--preset--color--link); }
:where(.xp-clean) img { max-width: 100%; height: auto; }
:where(.xp-clean) .wp-block-button__link {
	font-size: var(--t-button);
	letter-spacing: var(--t-caps);
	font-weight: var(--wp--custom--weight--medium);
	line-height: var(--wp--custom--lh--button);
	padding: var(--wp--custom--button--padding);
	border-radius: var(--wp--custom--radius--pill);
	border: var(--wp--custom--border--thick) solid transparent;
	background: var(--wp--preset--color--blue);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}
:where(.xp-clean) .is-style-outline .wp-block-button__link {
	background: transparent;
	color: currentColor;
	border-color: currentColor;
}
@media (max-width: 767px) {
	.xp-clean {
		--wp--custom--lh--text: var(--wp--custom--lh--text-phone);
		--wp--custom--lh--heading: var(--wp--custom--lh--heading-phone);
	}
	:where(.xp-clean) .wp-block-button__link { padding: var(--wp--custom--button--padding-phone); }
}
/* шаблонът за страница (партида 4): без общото разстояние на WordPress (16 px) под хедъра и между разделите — в Divi го няма */
.wp-site-blocks > main.xp-page, .xp-page__content > * + *, .xp-page__content :is(.is-layout-flow, .is-layout-constrained) > * + * { margin-block-start: 0; }
/* списъците от текстов модул на Divi без своя височина на реда (клас is-ul-26 от tools/family_service.php): 26px като в Divi */
.xp-clean ul.is-ul-26 > li { line-height: var(--t-lh-text); }
/* варианти по ширина от Divi („скрий на …“, xp-hide-*) — общо за всички чисти страници (02.10.2026: лентите с лога в „За нас“); (024, В5) !important,
   както в Divi: правилото на блока (напр. .xp-imgacc display: flex) не бива да го надвива — плочките с курсовете в Academy се виждаха */
@media (min-width: 981px) { .xp-clean .xp-hide-desktop { display: none !important; } }
@media (min-width: 768px) and (max-width: 980px) { .xp-clean .xp-hide-tablet { display: none !important; } }
@media (max-width: 767px) { .xp-clean .xp-hide-phone { display: none !important; } }
/* нищо не излиза извън ширината на екрана (като #page-container в Divi): стрелките на лентите с лога и картите на телефон (02.10.2026) */
.xp-clean .wp-site-blocks { overflow-x: clip; }
/* иконите на мрежите от Divi „Social Media Follow“ (класовете от convert_modules.php): черни кръгчета 26 px с бяла икона 14 px, през 8 px,
   по средата при xp-social--center (стажантските обяви, партида Г 04.10.2026; в копието: черни, центрирани). Портфолиото е в svc-gallery. */
.xp-clean .xp-social.xp-social--center { justify-content: center; }
.xp-clean .xp-social--dark.xp-social--center { gap: var(--wp--custom--social--gap); }
.xp-clean .xp-social--dark.xp-social--center .wp-social-link { width: var(--wp--custom--social--size); height: var(--wp--custom--social--size); background: var(--wp--preset--color--black); color: var(--wp--preset--color--white); }
.xp-clean .xp-social--dark.xp-social--center .wp-social-link a:any-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; color: var(--wp--preset--color--white); }
.xp-clean .xp-social--dark.xp-social--center .wp-social-link svg { width: var(--wp--custom--social--icon); height: var(--wp--custom--social--icon); }
/* (026 ВЛ.19) флексът от CSS-а на страницата в Divi: 63 записа, 6 вида тухлички */
.xp-b[class*="xp-b-svc-"] :is(.pa-bullet-list-flex ul, ul.pa-bullet-list-flex.wp-block-list) > li { display: flex; align-items: center; }
.xp-b[class*="xp-b-svc-"] :is(.pa-bullet-list-flex ul, ul.pa-bullet-list-flex.wp-block-list) li::before { flex: none; margin-left: var(--wp--custom--text--check-flex-left); }
@media (max-width: 767px) { .xp-b[class*="xp-b-svc-"] :is(.pa-bullet-list-flex ul, ul.pa-bullet-list-flex.wp-block-list) li::before { margin-left: 0; } }