/* WEB-SEO — общий CSS сайта (все страницы + редактор блоков).
   Подключает mu-plugin web-seo-site-css.php; источник — scripts/site/site.css в проекте, загрузка — scripts/site/push-site-css.sh.
   Классы ws-* вешаются на блок в поле «Дополнительные CSS-классы». Значения — docs/ui-kit.md. */

/* === Стандарт карусели «вид A» (docs/ui-kit.md): класс ws-carousel на kadence/slider === */
.ws-carousel .kb-advanced-slide-inner-wrap{padding:15px 0 35px!important;background:transparent!important;height:100%;display:flex;flex-direction:column}
.ws-carousel .splide__slide{height:auto!important;overflow:visible!important}
.ws-carousel .kb-advanced-slide,.ws-carousel .kb-advanced-slide-inner-wrap,.ws-carousel .kb-advanced-slide-inner{overflow:visible!important}
.ws-carousel .kb-advanced-slide-inner{flex:1 1 auto;display:flex;flex-direction:column}
.ws-carousel .kb-advanced-slide-inner>.wp-block-kadence-column{flex:1 1 auto;display:flex;flex-direction:column}
.ws-carousel .kb-advanced-slide-inner>.wp-block-kadence-column>.kt-inside-inner-col{flex:1 1 auto}
/* карточка: лёгкая тень всегда, при наведении подъём на 5 px и тень глубже */
.ws-carousel .kb-advanced-slide-inner>.wp-block-kadence-column>.kt-inside-inner-col{box-shadow:0 4px 20px rgba(19,80,132,.08)!important;transition:transform .3s ease,box-shadow .3s ease!important}
.ws-carousel .kb-advanced-slide-inner>.wp-block-kadence-column:hover>.kt-inside-inner-col{transform:translateY(-5px);box-shadow:0 10px 30px rgba(19,80,132,.15)!important}
.ws-carousel .splide__arrow{width:44px!important;height:44px!important;border-radius:50%!important;background:#FFFFFF!important;border:1px solid #E5E7EB!important;box-shadow:0 4px 12px rgba(19,80,132,.12)!important;opacity:1!important;transition:background .3s,border-color .3s}
.ws-carousel .splide__arrow svg{fill:#135084!important;width:16px!important;height:16px!important;transition:fill .3s}
.ws-carousel .splide__arrow:hover{background:#135084!important;border-color:#135084!important}
.ws-carousel .splide__arrow:hover svg{fill:#FFFFFF!important}
.ws-carousel .splide__arrow--prev{left:-22px!important}
.ws-carousel .splide__arrow--next{right:-22px!important}
@media (max-width:1279px){.ws-carousel{padding:0 15px}.ws-carousel .splide__arrow--prev{left:4px!important}.ws-carousel .splide__arrow--next{right:4px!important}}
@media (max-width:767px){.ws-carousel .splide__arrow{display:none!important}}
/* точки: ~30 px от низа карточки (35 px запаса под подъём/тень у inner-wrap − 12) */
.ws-carousel .splide__pagination{position:static!important;margin-top:-12px!important;padding:0!important}
.ws-carousel .splide__pagination__page{width:8px!important;height:8px!important;margin:0 4px!important;background:#135084!important;opacity:.25!important;transform:none!important}
.ws-carousel .splide__pagination__page.is-active{opacity:1!important}

/* === Карусель сертификатов: класс ws-certs вместе с ws-carousel (паттерн «Сертификаты — карусель») === */
/* рамка 279 px вокруг картинки; у img родные пропорции — лайтбокс WP показывает сертификат целиком (README, ловушка 26) */
.ws-certs .wp-block-image{height:279px;display:flex!important;align-items:center;justify-content:center;margin:0 0 15px!important}
.ws-certs .wp-block-image img{width:auto!important;height:auto!important;max-width:100%!important;max-height:279px!important}

/* === Карусель команды: класс ws-team вместе с ws-carousel (паттерн «Команда — карусель») === */
/* выезд соседних карточек: у слайдера showOverflow, сам блок шире контейнера 1200 и обрезает лишнее по ширине */
.ws-team{overflow-x:clip}
@media (min-width:1400px){.ws-team{margin-left:-83px!important;margin-right:-83px!important;padding:0 83px}}
@media (min-width:1280px) and (max-width:1399px){.ws-team{margin-left:-30px!important;margin-right:-30px!important;padding:0 30px}}
@media (min-width:768px) and (max-width:1279px){.ws-team{padding:0 60px}}
/* карточка: фото 250 сверху, значок на краю фото, теги прижаты к низу */
.ws-team .kb-advanced-slide-inner>.wp-block-kadence-column>.kt-inside-inner-col{position:relative;display:flex;flex-direction:column}
.ws-team .wp-block-image{margin:0!important}
.ws-team .wp-block-image img{width:100%!important;height:250px!important;object-fit:cover}
.ws-team .ws-team-badge{position:absolute;right:25px;top:240px;z-index:2;margin:0!important}
.ws-team .ws-team-body{flex:1 1 auto;display:flex;flex-direction:column}
.ws-team .ws-team-body>.kt-inside-inner-col{flex:1 1 auto;display:flex;flex-direction:column}
.ws-team .ws-team-body .wp-block-kadence-advancedbtn{margin-top:auto}

/* === Карусель кейсов: класс ws-cases вместе с ws-carousel (главная, hb-s09) === */
/* Денис, 2026-10-05: геометрия и внутрянка — как в оригинале (ширина 1386, шапка-картинка до краёв,
   внутренние радиусы и отступы свои); от стандарта — только внешнее оформление карточки .hb-case, стрелки, точки, автопрокрутка */
/* по бокам: телефон 10 (как в оригинале); 768–1439 — 15 и стрелки на краю (карусель шире 1200, снаружи не помещаются) */
@media (max-width:767px){.ws-cases{padding:0 10px!important}}
@media (min-width:768px) and (max-width:1439px){.ws-cases{padding:0 15px!important}.ws-cases .splide__arrow--prev{left:4px!important}.ws-cases .splide__arrow--next{right:4px!important}}
/* сверху запас как в оригинале: заголовок → карточка 63 px (телефон 45) */
.ws-cases .kb-advanced-slide-inner-wrap{padding:20px 0 0!important}
/* карточки разной высоты — по верху, а не по центру слайда (Kadence: justify-content:center → верх «гулял» 40/46/59 от H2; Денис, 2026-10-05) */
.ws-cases .kb-advanced-slide-inner-wrap,
.ws-cases .kb-advanced-slide-inner>.wp-block-kadence-column>.kt-inside-inner-col{justify-content:flex-start!important}
@media (max-width:767px){.ws-cases .kb-advanced-slide-inner-wrap{padding-top:12px!important}}
/* обёртка слайда (поля 20 / 10 сверху-снизу под тень и подъём) — прозрачная, без тени и подъёма; растягивается на высоту слайда */
.ws-cases .kb-advanced-slide-inner>.wp-block-kadence-column>.kt-inside-inner-col,
.ws-cases .kb-advanced-slide-inner>.wp-block-kadence-column:hover>.kt-inside-inner-col{box-shadow:none!important;transform:none!important;display:flex;flex-direction:column}
/* карточка: рамка, радиус 16, тень/подъём по стандарту. Высота — по содержимому, без выравнивания (Денис, 2026-10-05: тексты на ПК
   подровняет сам, на телефоне не важно), цифры → кнопка всегда 20 px.
   overflow:visible у внешней обёртки — иначе тень и подъём обрезаются (в CSS страницы 22802 у .hb-case стоит overflow:hidden) */
.ws-cases .hb-case{flex:0 0 auto;display:flex;flex-direction:column;overflow:visible!important}
.ws-cases .hb-case>.kt-inside-inner-col{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;border:1px solid #E5E7EB!important;border-radius:16px!important;box-shadow:0 4px 20px rgba(19,80,132,.08)!important;transition:transform .3s ease,box-shadow .3s ease!important}
.ws-cases .hb-case:hover>.kt-inside-inner-col{transform:translateY(-5px);box-shadow:0 10px 30px rgba(19,80,132,.15)!important}
/* лента карусели не обрезает тень крайних карточек: запас 20 px (телефон 12 — меньше зазора 15, сосед не виден); Safari без overflow-clip-margin — режет как раньше */
.ws-cases .splide__track{overflow:clip!important;overflow-clip-margin:20px}
@media (max-width:767px){.ws-cases .splide__track{overflow-clip-margin:12px}}
/* точки — 30 px от низа карточки (у слайда поля 20 / 10) */
.ws-cases .splide__pagination{margin-top:10px!important}
@media (max-width:767px){.ws-cases .splide__pagination{margin-top:20px!important}}
/* шапка: бейдж поверх картинки, «прыгает»; заголовок и город прижаты к низу шапки */
.ws-cases .hb-case-head{position:relative}
.ws-cases .hb-case-badge{position:absolute;right:20px;top:168px;z-index:3;margin:0!important;animation:ws-bounce 2s infinite}
.ws-cases .hb-case-text{position:absolute;left:0;right:0;bottom:0;z-index:2}
@keyframes ws-bounce{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-10px);animation-timing-function:cubic-bezier(0,0,.2,1)}}

/* === Лента логотипов «вид B» (docs/ui-kit.md): класс ws-logos на kadence/advancedgallery (главная, PreFooter RU/UK) === */
/* ячейки одного размера, лого целиком (Kadence в carousel рисует cover), рамка #EDF2F7, радиус 10 (Денис, 2026-10-05) */
.ws-logos .kb-gallery-image-contain{border:1px solid #EDF2F7!important;border-radius:10px!important;box-sizing:border-box!important}
.ws-logos .kb-gallery-image-contain img{object-fit:contain!important;padding:15px!important;box-sizing:border-box!important}