/* clean — „Примери и казуси“ на чисто (партида 4, 02.10.2026): правилата на assets/css/modules/b-svc-examples.css (мерени на живо 01.10),
   числата от азбуката (custom.svc-examples). Тук — местата в лентата (--ex-bl/--ex-br: отстъпът на лентата); картите и картинките —
   clean.more.css, лентата с лога — clean.logos.css, телефонът — clean.phone.css. */
.xp-b-svc-examples { --ex-bl: var(--wp--custom--svc-examples--zero); --ex-br: var(--wp--custom--svc-examples--zero); --ex-pt: var(--wp--custom--svc-examples--pad); --ex-pb: var(--wp--custom--svc-examples--pad); position: relative; box-sizing: border-box; padding-top: var(--ex-pt); padding-bottom: var(--ex-pb); }
.xp-b-svc-examples:is(.is-inset > *) { --ex-bl: var(--wp--custom--svc-examples--inset); }
.xp-b-svc-examples:is(.is-inset.is-side-right > *) { --ex-bl: var(--wp--custom--svc-examples--zero); --ex-br: var(--wp--custom--svc-examples--inset); }
.xp-b-svc-examples.has-top-none { --ex-pt: var(--wp--custom--svc-examples--zero); }
.xp-b-svc-examples.has-top-m { --ex-pt: var(--wp--custom--svc-examples--top-m); }
/* картинки с превъртане: 3 в ред */
.xp-b-svc-examples.is-scroll { --ex-pt: var(--wp--custom--svc-examples--scroll-pad); --ex-pb: var(--wp--custom--svc-examples--scroll-pad); display: grid; grid-template-columns: var(--wp--custom--svc-examples--scroll-cols); column-gap: var(--wp--custom--svc-examples--scroll-gap); align-items: start; padding-left: calc(var(--wp--custom--svc-examples--scroll-left) - var(--ex-bl)); padding-right: calc(var(--wp--custom--svc-examples--scroll-right) - var(--ex-br)); }
.xp-b-svc-examples.is-scroll > .xp-imgscroll { margin: 0; }
.xp-b-svc-examples.is-scroll:is(.xp-b-svc-text + *) { margin-top: var(--wp--custom--svc-examples--scroll-after-text); }
/* слайдер с примери: заглавия и текст над картите, ширината на текста по настройка */
.xp-b-svc-examples.is-slider { --ex-tw: var(--wp--custom--svc-examples--tw); padding-left: calc(var(--wp--custom--svc-examples--slider-left) - var(--ex-bl)); padding-right: calc(var(--wp--custom--svc-examples--slider-right) - var(--ex-br)); }
.xp-b-svc-examples.is-slider.has-text-narrow { --ex-tw: var(--wp--custom--svc-examples--tw-narrow); }
.xp-b-svc-examples.is-slider.has-text-medium { --ex-tw: var(--wp--custom--svc-examples--tw-medium); }
.xp-b-svc-examples.is-slider.has-text-full { --ex-tw: var(--wp--custom--svc-examples--tw-full); }
.xp-b-svc-examples.is-slider > :is(h2, h3, h4, p, ul, ol) { max-width: var(--ex-tw); width: max-content; min-width: 0; margin: 0; }
.xp-b-svc-examples.is-slider > :is(h2, h3, h4) + :is(p, ul, ol) { margin-top: var(--wp--custom--svc-examples--text-gap); }
.xp-b-svc-examples.is-slider > :is(p, ul, ol) + :is(h2, h3, h4) { margin-top: var(--wp--custom--svc-examples--heading-gap); }
.xp-b-svc-examples.is-slider > :is(p, ul, ol) + :is(p, ul, ol) { margin-top: var(--wp--custom--text--para); }
.xp-b-svc-examples.is-slider > :is(h2, h3, h4, p, ul, ol) + :not(h2, h3, h4, p, ul, ol) { margin-top: var(--wp--custom--svc-examples--cards-top); }
.xp-b-svc-examples.is-slider > :not(h2, h3, h4, p, ul, ol) + :is(p, ul, ol) { margin-top: var(--wp--custom--svc-examples--cards-top); } /* текст под картите (уникалните страници) */
/* казуси (Blog Extras) */
.xp-b-svc-examples.is-cases { padding-left: calc(var(--wp--custom--svc-examples--slider-left) - var(--ex-bl)); padding-right: calc(var(--wp--custom--svc-examples--cases-right) - var(--ex-br)); }
/* качване в предната лента */
.xp-b-svc-examples:is(.has-rise-m, .has-rise-l) { z-index: 1; }
.xp-b-svc-examples.has-rise-l { --ex-pt: var(--wp--custom--svc-examples--zero); margin-top: var(--wp--custom--svc-examples--rise-l); }
.xp-b-svc-examples.has-rise-m { margin-top: var(--wp--custom--svc-examples--rise-m); }
@media (max-width: 980px) {
	.xp-b-svc-examples { --ex-pt: var(--wp--custom--svc-examples--zero); --ex-pb: var(--wp--custom--svc-examples--pb-tablet); }
	.xp-b-svc-examples.has-top-m { --ex-pt: var(--wp--custom--svc-examples--top-m-tablet); }
	.xp-b-svc-examples.is-scroll { --ex-pt: var(--wp--custom--svc-examples--zero); --ex-pb: var(--wp--custom--svc-examples--pb-tablet); grid-template-columns: var(--wp--custom--svc-examples--scroll-cols-tablet); padding-left: calc(var(--wp--custom--svc-examples--scroll-left-tablet) - var(--ex-bl)); padding-right: calc(var(--wp--custom--svc-examples--scroll-right-tablet) - var(--ex-br)); }
	.xp-b-svc-examples.is-scroll > .xp-imgscroll:not(:last-child) { margin-bottom: var(--wp--custom--svc-examples--overlap); }
	.xp-b-svc-examples.is-scroll:is(.xp-b-svc-text + *) { margin-top: var(--wp--custom--svc-examples--overlap); }
	.xp-b-svc-examples.is-slider { padding-right: max(calc(var(--wp--custom--svc-examples--slider-right-tablet) - var(--ex-br)), var(--t-gr)); }
	.xp-b-svc-examples.is-slider > :is(h2, h3, h4, p, ul, ol) { max-width: none; width: auto; }
	.xp-b-svc-examples.is-slider:is(.has-text-narrow, .has-text-medium) > :is(h2, h3, h4, p, ul, ol) { max-width: var(--wp--custom--svc-examples--tw); }
	.xp-b-svc-examples.is-slider > :is(p, ul, ol) + :is(h2, h3, h4) { margin-top: var(--wp--custom--svc-examples--heading-gap-tablet); }
	.xp-b-svc-examples.is-slider > :is(h2, h3, h4, p, ul, ol) + :not(h2, h3, h4, p, ul, ol) { margin-top: var(--wp--custom--svc-examples--cards-top-tablet); }
	.xp-b-svc-examples.has-rise-l { margin-top: var(--wp--custom--svc-examples--rise-l-tablet); }
	.xp-b-svc-examples.has-rise-m { --ex-pt: var(--wp--custom--svc-examples--zero); margin-top: var(--wp--custom--svc-examples--rise-m-tablet); }
}
.editor-styles-wrapper .xp-b-svc-examples { margin-top: 0; min-height: var(--wp--custom--svc-examples--edit-h); }