/* clean — „Примери и казуси“: бутонът на картата (theme.css .read_more), картинките с превъртане (imgscroll.css) и скритият текст (xp-collapsed). */
/* бутонът: розов, син в „buttonblue“ и на страниците с хладния футър, черен при посочване; в Blog Extras — веднага под откъса
   (отляво: float, защото auto отстрани от WordPress не се надвива без !important) */
.xp-b-svc-examples .xp-card .read_more { position: absolute; bottom: var(--wp--custom--svc-examples--btn-bottom); left: var(--wp--custom--space--20); padding: var(--wp--custom--svc-examples--btn-pad); border-radius: var(--wp--custom--radius--pill); background: var(--wp--preset--color--pink); font-size: var(--t-button); font-weight: var(--wp--custom--weight--medium); transition: background .3s; }
.xp-b-svc-examples.xp-b .xp-card a.read_more:not(.wp-block-button__link) { color: var(--wp--preset--color--white); text-decoration: none; }
.xp-b-svc-examples .buttonblue .xp-card .read_more, .xp-b-svc-examples .xp-card .read_more.read_more--fill-blue { background: var(--wp--preset--color--blue); }
.xp-b-svc-examples .xp-card .read_more.read_more--fill { padding: var(--wp--custom--svc-examples--fill-pad); border: 0; line-height: var(--wp--custom--lh--button); }
.xp-b-svc-examples .xp-card a.read_more:hover { background: var(--wp--preset--color--black); }
body:has(.xp-ft.is-cool) .xp-b-svc-examples .xp-card .read_more:not(.read_more--fill) { background: var(--wp--preset--color--blue); }
body .xp-b-svc-examples .xp-carousel--cards.pink .xp-card .read_more:not(.read_more--fill) { background: var(--wp--preset--color--pink); } /* (L/S 05.10) заявката „pink“ (Кариери) */
.xp-b-svc-examples .xp-be .xp-card .read_more { position: relative; float: left; bottom: auto; margin-block: 0; }
.xp-b-svc-examples.xp-b .xp-card :is(h2, h3, h4, .post_title) a:not(.wp-block-button__link) { color: inherit; text-decoration: none; }
/* картинки с превъртане: прозорец 400 px, картинката се плъзга нагоре при посочване */
.xp-b-svc-examples .xp-imgscroll { height: var(--wp--custom--svc-examples--scroll-h); overflow: hidden; border: var(--wp--custom--border--thin) solid var(--wp--custom--svc-examples--line); }
.xp-b-svc-examples .xp-imgscroll__img { margin: 0; }
.xp-b-svc-examples .xp-imgscroll__img img { display: block; width: 100%; height: auto; transition: transform 8s linear; }
.xp-b-svc-examples .xp-imgscroll:hover .xp-imgscroll__img img { transform: translateY(calc(var(--wp--custom--svc-examples--scroll-h) - 100%)); }
.xp-b-svc-examples .xp-collapsed { display: none; }
/* картинка встрани (is-aside; „За нас“, клиентите: 428 px вдясно до текста, 319 px под заглавието), на телефон — под логата */
.xp-b-svc-examples > figure.is-aside { position: absolute; top: var(--wp--custom--svc-examples--aside-top); right: var(--wp--custom--svc-examples--aside-right); width: var(--wp--custom--svc-examples--aside-w); margin: 0; }
.xp-b-svc-examples > figure.is-aside img { display: block; width: 100%; height: auto; }
@media (max-width: 980px) { .xp-b-svc-examples > figure.is-aside { position: static; width: var(--wp--custom--svc-examples--aside-w-phone); margin: var(--wp--custom--svc-examples--aside-mt-phone) auto 0; } }
/* „Отзиви“ в оранжево-розово каре (is-warm) с ръкостискането (снимка xp-q-shake): копието, началната 1440 — снимката 620 px от 47.4vw
   в карето (модулът е 720 px, снимката вдясно в него) и 288 px под горния му ръб, излиза вдясно и под карето; на таблет и телефон — под цитатите, вдясно, 70vw. (02.10.2026) */
.xp-b-svc-examples.is-quotes.is-warm { background: var(--wp--preset--gradient--xp-warm); }
.xp-b-svc-examples.is-quotes.xp-b > figure.xp-q-shake { top: var(--wp--custom--svc-examples--shake-top); left: var(--wp--custom--svc-examples--shake-left-img); width: var(--wp--custom--svc-examples--shake-w-img); }
@media (max-width: 767px) { .xp-b-svc-examples.is-quotes.is-warm::before { display: block; } } /* кавичките на телефон — в копието на началната ги има */
@media (max-width: 980px) {
	.xp-b-svc-examples.is-quotes.xp-b > figure.xp-q-shake { position: static; width: var(--wp--custom--svc-examples--shake-w-mobile); margin: var(--wp--custom--svc-examples--q-img-mt-phone) 0 0 auto; }
}
/* 4 карти в ред (xp-cards-4; копието, началната 1440 — портфолиото): от 5vw до 95vw, 260 px карти през 84 px. На таблет и телефон — общото */
@media (min-width: 981px) {
	.xp-b-svc-examples.is-slider:has(.xp-cards-4) { padding-left: var(--wp--custom--svc-examples--four-side); padding-right: var(--wp--custom--svc-examples--four-side); }
	.xp-b-svc-examples .xp-cards-4 { --xp-cards-gap: var(--wp--custom--svc-examples--four-gap); }
	.xp-b-svc-examples .xp-cards-4 .wp-block-post-template > li { flex-basis: calc((100% - var(--wp--custom--svc-examples--four-gaps)) / var(--wp--custom--svc-examples--four-n)); /* 3 празнини по 5.8vw */ }
}
.xp-b-svc-examples.is-slider.xp-b > .wp-block-query + .wp-block-buttons { margin-top: var(--wp--custom--svc-examples--four-btn-top); } /* бутонът под картите */