/* ==========================================================================
   NOTICE BOARD ARCHIVE STYLES (notice.css)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Date Badge Component
   -------------------------------------------------------------------------- */
.notice-date-box {
  background-color: #f8f9fa;
  border-color: #e9ecef !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.leading-none {
  line-height: 1;
}

.extra-small {
  font-size: 0.725rem;
  line-height: 1;
}

/* --------------------------------------------------------------------------
   2. Notice List Items & Hover Effects
   -------------------------------------------------------------------------- */
.notice-row-item {
  transition: background-color 0.2s ease, transform 0.2s ease;
}

/* Row Hover State */
.notice-row-item:hover {
  background-color: #f8f9fa;
}

.notice-row-item:hover .notice-date-box {
  background-color: #ffffff;
  border-color: #0d6efd !important;
}

/* Notice Title Link */
.notice-item-title {
  color: #212529;
  transition: color 0.2s ease;
}

.notice-row-item:hover .notice-item-title {
  color: #0d6efd !important;
}

/* Truncate Excerpt to 2 Lines */
.line-clamp-2 {
  display: -webkit-box;
-webkit-line-clamp:2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

/* --------------------------------------------------------------------------
   3. WordPress Posts Pagination Styling
   -------------------------------------------------------------------------- */
.pagination-wrapper {
  margin-top: 1rem;
}

.pagination-wrapper .nav-links {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

.pagination-wrapper .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 0.875rem;
  border-radius: 50rem;
  background-color: #ffffff;
  color: #0d6efd;
  text-decoration: none;
  border: 1px solid #dee2e6;
  font-weight: 500;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}

.pagination-wrapper .page-numbers:hover,
.pagination-wrapper .page-numbers.current {
  background-color: #0d6efd;
  color: #ffffff;
  border-color: #0d6efd;
}

.pagination-wrapper .page-numbers.dots {
  border: none;
  background: transparent;
  color: #6c757d;
}