
#main-content {    padding-bottom: 6em;
}

.wpc-filter-title {

    font-weight: 600;
    color: var(--wt-dark-blue);
}
.archive-service {
  background-color: var(--wt-light-blue-30);

}

.archive-service__container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}
.archive-service__header {background:var(--wt-light-blue-30); padding:5% 0;margin-bottom:2%;}
.archive-service__title {
  font-size: 2.5rem;
  color: var(--wt-dark-blue);
  margin-bottom: 1rem;
  text-align:center;
}

.archive-service__search {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 2rem;
}


.archive-service__results {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

.archive-service__card {
  background: #fff;
  border: 1px solid var(--wt-dark-blue);
  padding: 1.5em;
  border-radius: 6px;
  transition: box-shadow 0.2s ease;
}

.archive-service__card:hover {
  box-shadow: 0 0 0 2px var(--wt-dark-blue);
}

.archive-service__card-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--wt-dark-blue);
 
}

.archive-service__card-description {
  margin: 0;
 font-weight:400;
}

.archive-service__card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Accessibility */
.screen-reader-text {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0;
}


/* Pagination Container */
.archive-service .navigation.pagination {
  display: flex;
  justify-content: center;
  margin-top: 2em;
  font-family: inherit;
}

/* Pagination List */
.archive-service .navigation.pagination .nav-links {
  display: flex;
  gap: 0.5em;
}

/* Default Pagination Buttons */
.archive-service .navigation.pagination a,
.archive-service .navigation.pagination span {
  display: inline-block;
  padding: 0.6em 1.2em;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 0.5em;
  font-size: 0.9em;
  color: #333;
  background: #fff;
  transition: all 0.2s ease;
}

/* Hover State */
.archive-service .navigation.pagination a:hover {
  border-color: #5B799E;
  color: #5B799E;
  background: #f5f7fa;
}

/* Active Page */
.archive-service .navigation.pagination .current {
  background: #5B799E;
  color: #fff;
  border-color: #5B799E;
  font-weight: bold;
  cursor: default;
}

/* Previous & Next Arrows */
.archive-service .navigation.pagination .prev,
.archive-service .navigation.pagination .next {
  font-weight: bold;
  min-width: 2.5em;
  text-align: center;
}

/* Disabled State */
.archive-service .navigation.pagination .prev.disabled,
.archive-service .navigation.pagination .next.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}



/* Mobile responsiveness */
@media (max-width: 768px) {
  .archive-service__container {
    grid-template-columns: 1fr;
  }

  .archive-service__main,
  .archive-service__filters {
    padding:5%;
  }

  .archive-service__search {
    flex-direction: column;
    align-items: stretch;
  }

  .archive-service__card-title {
  font-size: 1rem;}
}

