/* Latest News Slider – only what Bootstrap 5 doesn't provide.
   Loaded directly by inc/enqueue-scripts.php (after style.css and Swiper's CSS). */

/* Reset theme rules that leak in (style.css sets article { margin-bottom: 20px }) */
.lns article { margin-bottom: 0; }

/* Thumbnail ratio (17:10) + cover image */
.lns .lns-thumb { --bs-aspect-ratio: 58.8%; }
.lns .lns-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.lns .lns-thumb:hover img { transform: scale(1.05); }

/* Title: 2 lines then "..." */
.lns .lns-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lns .lns-title a { color: #111; }
.lns .lns-title a:hover { color: var(--bs-danger, #dc3545); }

/* Row dividers (none under the last row) */
.lns .lns-item { border-bottom: 1px solid #e5e5e5; }
.lns .lns-item:last-child { border-bottom: 0; }

@media (min-width: 768px) {
  .lns .lns-item:nth-child(odd) { border-right: 1px solid #e5e5e5; }
  .lns .lns-item:nth-child(odd):nth-last-child(-n + 2),
  .lns .lns-item:nth-child(odd):nth-last-child(-n + 2) ~ .lns-item { border-bottom: 0; }
}

/* Swiper dots – the pagination sits outside .swiper, so undo Swiper's absolute positioning */
.lns .lns-dots.swiper-pagination,
.lns .lns-dots.swiper-pagination-horizontal {
  position: static;
  width: auto;
  inset: auto;
}
.lns .lns-dots .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0;
  opacity: 1;
  background: #d0d0d0;
  transition: width .25s, background .25s;
}
.lns .lns-dots .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 999px;
  background: var(--bs-danger, #dc3545);
}

/* Disabled arrows / hide nav when there's only one slide */
.lns .swiper-button-disabled { opacity: .35; pointer-events: none; }
.lns .swiper-button-lock { display: none; }