/* Custom site CSS (loaded after template.css + dws.css).
   Keep Joomla/component styling here so it survives updates. */

/* Finder (Smart Search) */
#mainContent .com-finder {
  max-width: 620px;
}

/* Form spacing */
.com_finder.view-search #mainContent  .com-finder__form {
  margin-bottom: 1.25rem;
}

/* Match newsletter-style form controls (underline, clean) */
.com_finder.view-search #mainContent  .js-finder-searchform label {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.com_finder.view-search #mainContent  .js-finder-searchform .form-inline {
  margin-top: 20px;
  margin-bottom: 20px;
}

.com_finder.view-search #mainContent  .js-finder-searchform .input-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.com_finder.view-search #mainContent  .js-finder-searchform .form-control {
  border: 1px solid transparent;
  border-bottom: 1px solid #000;
  border-radius: 0.15rem;
  box-shadow: none;
  height: 45px;
  font-size: 16px;
  box-sizing: border-box;
  border: solid 1px #cccccc;
  padding: 12px;
  border-radius: 3px;
}

.com_finder.view-search #mainContent  .js-finder-searchform .input-group {
  width: 100%;
}

/* Black submit button like “Senden” */
.com_finder.view-search #mainContent  .js-finder-searchform button[type="submit"] {
  background: #000;
  border-color: #000;
  color: #fff;
  text-shadow: none;
  height: 45px;
  font-size: 16px;
  border-radius: 3px;
}

.com_finder.view-search #mainContent  .js-finder-searchform button[type="submit"] .icon-search {
  margin-top: 3px;
}

.com_finder.view-search #mainContent  .js-finder-searchform button[type="button"] {
  height: 45px;
  font-size: 16px;
  border-radius: 3px;
}

.com_finder.view-search #mainContent  .js-finder-searchform button[type="submit"]:hover,
.com_finder.view-search #mainContent  .js-finder-searchform button[type="submit"]:focus {
  background: #111;
  border-color: #111;
  color: #fff;
}

/*
 * Template CSS ships legacy `.collapse` rules (`height: 0` + `.in` state).
 * Finder uses Bootstrap 5 (`.show`), so keep advanced search visible when open.
 */
.com_finder.view-search #mainContent .com-finder__advanced.collapse.show {
  height: auto;
}

/* Results list presentation */
.com_finder.view-search #mainContent  .com-finder__results-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.com_finder.view-search #mainContent  .com-finder__results-list > .result__item {
  background: #fff;
  border-radius: 5px;
  padding: 1rem;
  margin: 0 0 1rem 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.com_finder.view-search #mainContent  .result__title {
  margin: 0 0 0.5rem 0;
}

.com_finder.view-search #mainContent  .result__title-link {
  text-decoration: none;
}

.com_finder.view-search #mainContent  .result__title-link:hover {
  text-decoration: underline;
}

.com_finder.view-search #mainContent  .result__description {
  margin: 0;
}

/* Pagination spacing */
.com_finder.view-search #mainContent  .search-pagination {
  margin-top: 1rem;
}

/* Pagination — original markup: loose <li class="page-item"> + div.pagination__nums (CSS only, no wrapper change) */
.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination > .page-item {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: stretch;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination .pagination__nums {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
  padding: 0;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination .pagination__nums > .page-item {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: stretch;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: 4px 10px;
  line-height: 1.25;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
  color: #000;
  box-sizing: border-box;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination > .page-item:first-child .page-link,
.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination .pagination__nums > .page-item:first-child .page-link {
  border-left-width: 1px;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination .disabled .page-link {
  color: #999;
  background-color: transparent;
  cursor: default;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination .active .page-link {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination li:not(.disabled):not(.active) .page-link:hover,
.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination li:not(.disabled):not(.active) .page-link:focus {
  background-color: #f5f5f5;
  color: #000;
}

.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination .active .page-link:hover,
.com_finder.view-search #mainContent  .com-finder__navigation .com-finder__pagination .active .page-link:focus {
  background-color: #000;
  color: #fff;
}

/*
 * Pagination nav icons (first / prev / next / last).
 * list.php order: start, previous, .pagination__nums (all page numbers inside), next, end.
 * Page numbers are never direct siblings between prev and next — only the nav <li>s are.
 * Select by structure (no nth-child): first li, li after it, li after .pagination__nums, li after that.
 */
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child .page-link,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child + .page-item .page-link,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item .page-link,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item + .page-item .page-link {
  position: relative;
  min-width: 2.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
}

.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child .page-link > span,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child + .page-item .page-link > span,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item .page-link > span,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item + .page-item .page-link > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child .page-link::before {
  content: "\00ab";
}

.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child + .page-item .page-link::before {
  content: "\2039";
}

.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item .page-link::before {
  content: "\203a";
}

.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item + .page-item .page-link::before {
  content: "\00bb";
}

html[dir="rtl"] .com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child .page-link::before {
  content: "\00bb";
}

html[dir="rtl"] .com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child + .page-item .page-link::before {
  content: "\203a";
}

html[dir="rtl"] .com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item .page-link::before {
  content: "\2039";
}

html[dir="rtl"] .com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item + .page-item .page-link::before {
  content: "\00ab";
}

.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child.disabled .page-link,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .page-item:first-child + .page-item.disabled .page-link,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item.disabled .page-link,
.com_finder.view-search #mainContent .com-finder__navigation .com-finder__pagination > .pagination__nums + .page-item + .page-item.disabled .page-link {
  opacity: 0.4;
}

.com_finder.view-search #mainContent  .com-finder__counter {
  margin-top: 0.75rem;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
}