/* фон секції під макет */
.events-section{ background:#dbdbdb;
    overflow-x: hidden;
    padding-top: 70px;
    padding-bottom: 75px;}

/* заголовки-таби: великі, підкреслення активного */
.events-tabs{ border-bottom:none; 


/* merge from Yuri */
gap:clamp(30px,6vw,70px);



 margin-bottom:16px; }
.events-tabs .nav-link{
    font-family:"e-ukraine",system-ui,sans-serif;
    /*font-size: clamp(1.75rem, 1.1rem + 2vw, 2.7rem);*/
    /*font-size: clamp(2.7rem, 1.1rem + 2vw, 36px);*/




    /* merge from Yuri */
    font-size: clamp(1.5rem, 1rem + 1vw, 43px);
    font-size: var(--f-header-size);




    font-weight:300;
    line-height:1.1;
    letter-spacing: 0px;
    color:#000;
    background:transparent;
    border:0;
    padding:0rem 0;
    position:relative;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background:transparent; /* overwrite bootstrap style */
}
.events-tabs .nav-link.active::after{
    content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:#000;
}
.events-tabs .nav-link:focus-visible{ outline:2px solid #5b5aff; outline-offset:3px; }

/* смуга місяців + лінк праворуч */
.events-filter{
    display:flex; align-items:center; justify-content:space-between;
    /*gap:16px;*/ margin:70px 0 15px;
}
.months{ display:flex; gap:40px; flex-wrap:wrap; }
.month-link{
    background:transparent; border:0; padding:8px 0;
    font-family:"e-ukraine",sans-serif; font-size:1.5rem; letter-spacing: -0.026em; color:#8c8c8c; cursor:pointer;
    border-bottom:2px solid transparent;
}
.month-link.is-active, .month-link[aria-pressed="true"]{
    color:#007EFF;
}
.month-link.is-active:hover, .month-link[aria-pressed="true"]:hover{
    color: #0100cc;
}
.month-link:hover{ color:#000; }
.month-link:focus-visible{ outline:2px solid #5b5aff; outline-offset:2px; }

.events-all .wrap-all-link {
    padding-top: 0;
    padding-bottom: 0;
}
.events-all .wrap-all-link_link span, .events-all .wrap-all-link_link-white span {
    font-size: 1.5em;
}

.events-all-link{ white-space:nowrap; text-decoration:none; color:#000; }
.events-all-link:hover{ text-decoration:underline; }
.events-all-link:focus-visible{ outline:2px solid #5b5aff; outline-offset:2px; }

/* слайдер + пагінатор-прогресбар */
.events-swiper{ overflow:visible;




    /* merge from Yuri */
    padding-top: clamp(1rem, 3vw, 50px);




}
.events-swiper .swiper-wrapper{ align-items:stretch; }
.events-swiper .swiper-slide{ width:auto; } /* даємо контроль breakpoints у JS */

.events-swiper .swiper-pagination{
    position:static; height:3px;



    /* merge from Yuri */
    margin-top: min(4vw, 40px);



}
.events-swiper .swiper-pagination-progressbar{ background:#e6e6ea; }
.events-swiper .swiper-pagination-progressbar-fill{ background:#000; }


.swiper-pagination{position:static;height:3px;margin: 80px auto 20px;
    max-width: 600px;display:flex;background:rgba(0,0,0,.2)}
@media (max-width:991px){.swiper-pagination{margin-top:40px}}
.swiper-pagination .swiper-pagination-bullet{flex:1; height:3px;border-radius:0;background:transparent;margin:0 !important}
.swiper-pagination .swiper-pagination-bullet-active{background:#000}


/* трохи щільніше на мобільних */
@media (max-width: 575.98px){
    .links-swiper .swiper-pagination{ margin-top:16px; }
}

/* картка дня */
.event-card{
    height:100%; background:#fff; border-radius:16px;
    box-shadow: 0 1px 0 rgba(0,0,0,.04);
    padding:30px; display:flex; flex-direction:column; gap:25px;
}
.event-item{ display:flex;
    flex-direction: column; }
.event-date {
    font-weight:500;
    font-size:1.3rem;
}
.event-item time{ font-size:.9rem;
    font-weight: 100; color:#8a8a8a; line-height:1.3; font-style: italic;}
.event-title {
    font-size: clamp(14px, 3vw - .5rem,17px);
    letter-spacing: 0px;
}
.event-item a{ color:#000; text-decoration:none; line-height:1.3; padding-top: 3px;}
.event-item a:hover{ text-decoration:underline; }

@media (min-width: 768px){
    /* 3 картки на ряд, як у макеті; відступи JS = 24 */
    #pane-ann .swiper-slide,
    #pane-notes .swiper-slide{
        width: calc((100% - 48px) / 3); /* 2*24px між 3 картками */
    }
}

.events-tabs .nav-link, .events-tabs  .nav-link.active {
    background: none;
    border: none;
}