/* Стили для assets/ui.js: модалки и карусели без Bootstrap и owl.carousel. Один селектор — одна строка. */

/* Модалки: Bootstrap ставил display:block инлайном, теперь класс */
.modal.is-open{display:block;}
.modal .modal-dialog{transform:translateX(30px);opacity:0;transition:transform .35s ease,opacity .35s ease;}
.modal.is-open .modal-dialog{transform:none;opacity:1;}
.modal-open{overflow:hidden;}

/* Карусель: каркас с классами owl — под них уже написан CSS темы */
.owl-carousel{position:relative;display:block;width:100%;z-index:1;-webkit-tap-highlight-color:transparent;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;}
.owl-carousel .owl-stage{display:flex;transition:transform .5s ease;will-change:transform;touch-action:pan-y;}
.owl-carousel .owl-item{flex:0 0 100%;min-width:0;box-sizing:border-box;padding:0 10px;-webkit-user-select:none;user-select:none;}
.owl-carousel .owl-item > *{height:100%;}
.owl-carousel .owl-item img{display:block;width:100%;}
.owl-carousel.is-dragging{cursor:grabbing;}
.owl-carousel.is-dragging .owl-stage{transition:none;}
.owl-carousel.is-dragging a{pointer-events:none;}
.owl-carousel .owl-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}
.owl-carousel .owl-dot{width:auto;height:auto;padding:4px;background:none;border:none;cursor:pointer;}
.owl-carousel .owl-dot span{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);transition:.2s;}
.owl-carousel .owl-dot.active span,.owl-carousel .owl-dot:hover span{background:var(--color-green);}
.owl-carousel .owl-nav[hidden],.owl-carousel .owl-dots[hidden]{display:none;}
.owl-carousel .owl-nav button{cursor:pointer;padding:0;font:inherit;}
.owl-carousel.is-static .owl-stage{justify-content:flex-start;}
/* Точки у ленты работ на главной показываем (в старом CSS были спрятаны) */
#work-gallery .owl-dots{visibility:visible;}