/* =====================================================================
   News & Events slider: homepage + About Us (includes/news-slider.php)
   Script: assets/js/main.js, "news & events slider" ([data-slider])
   ===================================================================== */

/* event card */
.ev{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.ev-img{position:relative;aspect-ratio:4/3;max-width:100%;border-radius:20px;overflow:hidden;background:#F2F0EE}
.ev-img img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ev-arrow{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;transform:scale(.6);opacity:0;transition:transform .35s,opacity .35s}
.ev-arrow svg{width:18px;height:18px}
.ev h3{font-family:var(--body);font-size:18px;font-weight:600;letter-spacing:0;line-height:1.35;margin-top:18px;transition:color .25s}
.ev p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev:hover .ev-img img,.ev:focus-visible .ev-img img{transform:scale(1.06)}
.ev:hover .ev-arrow,.ev:focus-visible .ev-arrow{transform:none;opacity:1}
.ev:hover h3,.ev:focus-visible h3{color:var(--accent)}

/* slider track */
.news.news-slider{display:flex;grid-template-columns:none;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px;outline:none}
.news.news-slider::-webkit-scrollbar{display:none}
.news.news-slider .ev{flex:0 0 calc((100% - 48px) / 3);min-width:0;scroll-snap-align:start}
.news.news-slider .ev-img .cover{height:100%;aspect-ratio:auto;border-radius:0}
.news.news-slider.dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.news.news-slider.dragging .ev{pointer-events:none}
.news-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px}
.news-bar{flex:1;max-width:420px;height:3px;border-radius:3px;background:var(--line);overflow:hidden}
.news-bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--accent);transition:width .3s,transform .3s}
@media (max-width:960px){.news.news-slider .ev{flex-basis:calc((100% - 24px) / 2)}}
@media (max-width:620px){
  .news.news-slider{gap:16px}
  .news.news-slider .ev{flex-basis:86%}
  .news-foot{margin-top:22px}
  .news-foot .tv-btn{width:44px;height:44px}
}
.news.news-slider .ev-img .cover h3{margin-top:auto;font-family:var(--display);font-size:clamp(24px,2.6vw,36px);font-weight:900;line-height:.98;color:inherit}
.news.news-slider .ev-img .cover .cover-top{margin-top:42px}

/* prev / next buttons */
.tv-ctrl{display:flex;align-items:center;gap:12px}
.tv-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tv-btn svg{width:22px;height:22px}
.tv-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.tv-btn.next{background:var(--accent);border-color:var(--accent);color:#fff}
.tv-btn.next:hover{background:#D42A1C}
.tv-btn:disabled{opacity:.35;cursor:default;background:#fff;color:var(--ink);border-color:var(--line)}