/* clean — „Карта с видео“ на чисто (партида 4, 02.10.2026): правилата на modules/b-svc-videocard.css (мерени на живо 01.10),
   числата от custom.svc-videocard. Видеото — clean.facade.css, таблет — clean.more.css, телефон — clean.phone.css.
   .xp-b в част от селекторите: лентата и base.css идват след този файл и биха надвили при равна тежест. */
.xp-b-svc-videocard { --vc-mt: var(--wp--custom--svc-videocard--mt); --vc-ml: var(--wp--custom--svc-videocard--ml); --vc-mr: var(--wp--custom--svc-videocard--mr); --vc-mb: var(--wp--custom--svc-videocard--mb); position: relative; z-index: 1; box-sizing: border-box; width: var(--wp--custom--svc-videocard--w); margin: 0 0 0 auto; padding: var(--wp--custom--svc-videocard--pad); display: grid; grid-template-columns: var(--wp--custom--svc-videocard--cols); align-items: start; background: var(--wp--custom--svc-videocard--cool); box-shadow: var(--wp--custom--svc-videocard--shadow); color: var(--wp--preset--color--white); }
.xp-b-svc-videocard.is-warm { background: var(--wp--custom--svc-videocard--warm); }
.xp-b-svc-videocard.is-media-right { margin: 0 auto 0 0; grid-template-columns: var(--wp--custom--svc-videocard--cols-right); }
.xp-b-svc-videocard > * { min-width: 0; box-sizing: border-box; margin: 0; }
.xp-b-svc-videocard.has-top-m, .xp-b-svc-videocard + .xp-b-svc-videocard { margin-top: var(--wp--custom--svc-videocard--gap); }
.xp-b-svc-videocard.has-bottom-m { margin-bottom: var(--wp--custom--svc-videocard--gap); }
.xp-b-svc-videocard.has-media-top-none { --vc-mt: 0; } .xp-b-svc-videocard.has-media-top-xs { --vc-mt: var(--wp--custom--svc-videocard--mt-xs); }
.xp-b-svc-videocard.has-media-top-s { --vc-mt: var(--wp--custom--svc-videocard--mt-s); } .xp-b-svc-videocard.has-media-top-l { --vc-mt: var(--wp--custom--svc-videocard--mt-l); }
.xp-b-svc-videocard.is-media-left > .xp-b-svc-videocard__media, .xp-b-svc-videocard.is-media-right > .xp-b-svc-videocard__text { grid-column: 1; grid-row: 1; }
.xp-b-svc-videocard.is-media-left > .xp-b-svc-videocard__text, .xp-b-svc-videocard.is-media-right > .xp-b-svc-videocard__media { grid-column: 2; grid-row: 1; }
.xp-b-svc-videocard > .xp-b-svc-videocard__media:empty { display: none; }
/* медията: видео вляво 3vw извън картата и 10vw от средата, вдясно 5vw навътре и 5vw извън; картинка вляво 7vw / 10vw или до ръба, вдясно 7vw / 3vw */
.xp-b-svc-videocard > .xp-b-svc-videocard__media { margin: var(--vc-mt) var(--vc-mr) var(--vc-mb) var(--vc-ml); }
.xp-b-svc-videocard.is-media-left > .xp-b-svc-videocard__media:not(:has(.xp-video)) { --vc-ml: var(--wp--custom--svc-videocard--img-ml); --vc-mr: var(--wp--custom--svc-videocard--img-mr); }
.xp-b-svc-videocard.is-media-left.is-bleed > .xp-b-svc-videocard__media:not(:has(.xp-video)) { --vc-ml: var(--wp--custom--svc-videocard--bleed-ml); --vc-mr: 0; }
.xp-b-svc-videocard.is-media-right > .xp-b-svc-videocard__media { --vc-ml: var(--wp--custom--svc-videocard--right-ml); --vc-mr: var(--wp--custom--svc-videocard--right-mr); }
.xp-b-svc-videocard.is-media-right > .xp-b-svc-videocard__media:not(:has(.xp-video)) { --vc-ml: var(--wp--custom--svc-videocard--img-ml); --vc-mr: var(--wp--custom--svc-videocard--img-right-mr); }
.xp-b-svc-videocard.xp-b .xp-b-svc-videocard__media > * + * { margin-top: var(--wp--custom--svc-videocard--media-gap); }
/* картинката: естествен размер, не по-широка от групата, отляво (или по подравняването на блока), без float */
.xp-b-svc-videocard .xp-b-svc-videocard__media .wp-block-image { display: block; float: none; width: auto; max-width: 100%; margin: 0; text-align: left; line-height: 0; }
.xp-b-svc-videocard .xp-b-svc-videocard__media .wp-block-image.aligncenter { text-align: center; }
.xp-b-svc-videocard .xp-b-svc-videocard__media .wp-block-image.alignright { text-align: right; }
.xp-b-svc-videocard .xp-b-svc-videocard__media .wp-block-image img { display: inline-block; vertical-align: top; max-width: 100%; height: auto; }
.xp-b-svc-videocard.is-rounded .xp-b-svc-videocard__media .wp-block-image img { border-radius: var(--wp--custom--svc-videocard--img-radius); box-shadow: var(--wp--custom--svc-videocard--img-shadow); }
/* текстът: 5vh отгоре и отдолу; като текстовия модул на Divi (заглавие 10 px отдолу, текстът 1vh под заглавието, абзац 1em отдолу) */
.xp-b-svc-videocard > .xp-b-svc-videocard__text { padding: var(--wp--custom--svc-videocard--text-pad); }
.xp-b-svc-videocard.is-media-right > .xp-b-svc-videocard__text { padding: var(--wp--custom--svc-videocard--text-pad-right); }
.xp-b-svc-videocard .xp-b-svc-videocard__text :is(h2, h3, h4, h5, h6) { color: var(--wp--preset--color--black); padding-bottom: var(--wp--custom--space--10); }
.xp-b-svc-videocard.xp-b .xp-b-svc-videocard__text h3 { font-weight: var(--wp--custom--weight--heavy); }
.xp-b-svc-videocard.xp-b .xp-b-svc-videocard__text > * + :is(h2, h3, h4, h5, h6) { margin-top: var(--wp--custom--svc-videocard--text-gap); }
.xp-b-svc-videocard.xp-b .xp-b-svc-videocard__text > :is(h2, h3, h4, h5, h6) + * { margin-top: var(--wp--custom--svc-videocard--title-after); }
/* (026 В-2, 22.10.2026) под 981 px Divi слага 30 px под всеки модул в колоната (style-static.min.css на копието: @media (max-width:980px)
   .et_pb_column .et_pb_module { margin-bottom: 30px }); заглавието и текстът на картата са два модула → мярка eyes-v8 Remarketing 390:
   заглавие → абзац 55 / 64 px на живо срещу 26 / 27 у нас */
@media (max-width: 980px) { .xp-b-svc-videocard.xp-b .xp-b-svc-videocard__text > :is(h2, h3, h4, h5, h6) + * { margin-top: calc(var(--wp--custom--svc-videocard--title-after) + 30px); } }
.xp-b-svc-videocard .xp-b-svc-videocard__text p { padding-bottom: var(--wp--custom--text--para); }
.xp-b-svc-videocard .xp-b-svc-videocard__text p:last-child { padding-bottom: 0; }
.xp-b-svc-videocard.xp-b .xp-b-svc-videocard__text :is(ul, ol) { margin: 0; padding: var(--wp--custom--svc-videocard--list-pad); }
.xp-b-svc-videocard.xp-b .xp-b-svc-videocard__text a:any-link:not(.wp-block-button__link) { color: inherit; text-decoration: underline; }
