/* ============================================
   Search View Styles
   ============================================ */

/* Base module container */
.bondsearch {width: 100%;min-height:70px;}
.bondsearch strong{font-weight:bold;}

/* Search input area */
.bondsearch .dvsearchinput {margin-bottom: 20px;margin-top: 20px;position: relative;}
.bondsearch .dvsearchinput input[type="text"] {padding: var(--dnn-controls-padding, 9px) 12px;border: 1px solid var(--dnn-color-neutral, #DCDCDC);border-radius: var(--dnn-controls-radius, 0px);font-size: var(--dnn-base-font-size, 16px);width: 60%;max-width: 400px;background-color: var(--dnn-color-background, #FFFFFF);color: var(--dnn-color-foreground, #472A2B);box-sizing: border-box;}
.bondsearch .dvsearchinput input[type="text"]::placeholder {color: var(--dnn-color-neutral-dark, #999999);opacity: 1;}
.bondsearch .dvsearchinput input[type="text"]:focus::placeholder {color: var(--dnn-color-neutral-dark, #999999);opacity: 0.5;}
.bondsearch .dvsearchinput input[type="text"]:focus {outline: none;border-color: var(--dnn-color-primary, #00A5E0);box-shadow: 0 0 3px rgba(0, 165, 224, 0.3);}
.bondsearch .dvsearchinput button {padding: var(--dnn-controls-padding, 9px) 20px;background-color: var(--dnn-color-primary, #00A5E0);color: var(--dnn-color-primary-contrast, #FFFFFF);border: 1px solid;border-color: var(--dnn-color-primary, #00A5E0);border-radius: var(--dnn-controls-radius, 0px);cursor: pointer;font-size: var(--dnn-base-font-size, 16px);margin-left: 5px;vertical-align: top;}
.bondsearch .dvsearchinput button:hover {background-color: var(--dnn-color-primary-dark, #0091C5);}

/* Search results container */
.bondsearch .dvresults {margin-top: 20px;}
.bondsearch .rsltsdv {margin-bottom: 10px;}
.bondsearch .dvresults .results {margin-bottom: 20px;color: var(--dnn-color-foreground, #472A2B);}

/* Search item */
.bondsearch .search-item {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid var(--dnn-color-neutral, #DCDCDC);}
.bondsearch .search-item:last-child {border-bottom: none;}
.bondsearch .search-item strong {font-size: 18px;color: var(--dnn-color-foreground, #472A2B);}
.bondsearch .search-item p {margin-top: 8px;color: var(--dnn-color-foreground-light, #673D3E);line-height: 1.5;}
.bondsearch .search-item a {color: var(--dnn-color-primary, #00A5E0);text-decoration: none;}
.bondsearch .search-item a:hover {text-decoration: underline;}

/* Pagination Styles */

.bondsearch .pagination-list {list-style: none;padding: 0;margin: 0;}
.bondsearch li.pagination-item {list-style-type: none;display: inline-block;margin: 0 2px;}
.bondsearch li.pagination-item a {margin: 10px 5px 10px 0;min-width: 30px;text-align: center;display: inline-block;background-color: var(--dnn-color-primary, #00A5E0);color: var(--dnn-color-primary-contrast, #FFFFFF);padding: 5px 10px;border-radius: var(--dnn-controls-radius, 0px);text-decoration: none;}
.bondsearch li.pagination-item a:hover {background-color: var(--dnn-color-primary-dark, #0091C5);text-decoration: none;}
.bondsearch a.page-link.disabled {background-color: var(--dnn-color-neutral, #DCDCDC) !important;color: var(--dnn-color-neutral-dark, #999999) !important;cursor: default;}
.bondsearch a.page-link.disabled:hover {text-decoration: none;}

/* Utility classes */
.bondsearch .bs-hidden {display: none;}

/* Search results */
.bondsearch .bs-result-items {margin-top: 15px;}
.bondsearch .bs-result-item {border: 1px solid var(--dnn-color-neutral, #DCDCDC);border-radius: var(--dnn-controls-radius, 0px);padding: 15px;margin-bottom: 10px;background-color: var(--dnn-color-background, #FFFFFF);transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.bondsearch .bs-result-item:hover {border-color: var(--dnn-color-primary, #00A5E0);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

.bondsearch .bs-link {text-decoration: none;color: inherit;display: block;}
.bondsearch .bs-title {margin: 0 0 8px 0;color: var(--dnn-color-primary, #00A5E0);font-size: 1.1em;font-weight: 600;}
.bondsearch .bs-summary {margin: 0;color: var(--dnn-color-foreground, #472A2B);font-size: 0.95em;line-height: 1.5;}

/* Infinite Scroll */
.bondsearch .bs-pagination {text-align: center;margin-top: 20px;}

.bondsearch .bs-load-more {padding: var(--dnn-controls-padding, 9px) 30px;background-color: var(--dnn-color-primary, #00A5E0);color: var(--dnn-color-primary-contrast, #FFFFFF);border: 1px solid;border-color: var(--dnn-color-primary, #00A5E0);border-radius: var(--dnn-controls-radius, 0px);cursor: pointer;font-size: var(--dnn-base-font-size, 16px);}
.bondsearch .bs-load-more:hover {background-color: var(--dnn-color-primary-dark, #0091C5);}
.bondsearch .bs-load-more:disabled {background-color: var(--dnn-color-neutral, #DCDCDC);cursor: default;}
    /*.bondsearch.infinite-scroll .bs-result-items {max-height: 500px;overflow-y: auto;}*/

/* Results info styling */
.bondsearch .bs-count,
.bondsearch .bs-query,
.bondsearch .bs-current-page,
.bondsearch .bs-total-pages {font-weight: 700;}
.bondsearch .bs-message {margin: 10px 0;color: var(--dnn-color-foreground, #472A2B);}

/* Loading indicator */
.bondsearch .bs-loading{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);display: flex;justify-content: center;align-items: center;z-index: 999;}
    .bondsearch .bs-loading.bs-hidden {
        display: none;
    }
/* Gebruik de DNN loading image of je eigen spinner */
.bondsearch .bs-loading-spinner {display: block;width: 64px;height: 64px;background: url('/images/loading.gif') no-repeat center center;}

/*
    .bondsearch .bs-loading {display: flex;align-items: center;min-height: 42px;margin: 12px 0;}

.bondsearch .bs-loading-spinner {width: 28px;height: 28px;border: 3px solid var(--dnn-color-neutral, #DCDCDC);border-top-color: var(--dnn-color-primary, #00A5E0);border-radius: 50%;animation: bondsearch-spin 0.8s linear infinite;}
@keyframes bondsearch-spin {to {transform: rotate(360deg);}}

*/

/* Pagination button styling */
.bondsearch .bs-pagination {margin-top: 20px;display: flex;align-items: center;justify-content: center;gap: 10px;}
.bondsearch .bs-pagination button {padding: var(--dnn-controls-padding, 9px) 20px;background-color: var(--dnn-color-primary, #00A5E0);color: var(--dnn-color-primary-contrast, #FFFFFF);border: 1px solid;border-color: var(--dnn-color-primary, #00A5E0);border-radius: var(--dnn-controls-radius, 0px);cursor: pointer;font-size: var(--dnn-base-font-size, 16px);}
.bondsearch .bs-pagination button:hover {background-color: var(--dnn-color-primary-dark, #0091C5);}
.bondsearch .bs-pagination button.disabled {background-color: var(--dnn-color-neutral, #DCDCDC);border-color: var(--dnn-color-neutral, #DCDCDC);color: var(--dnn-color-neutral-dark, #999999);cursor: default;}
.bondsearch .bs-pagination button.disabled:hover {background-color: var(--dnn-color-neutral, #DCDCDC);}
.bondsearch .bs-page-info {margin: 0 10px;color: var(--dnn-color-foreground, #472A2B);display: flex;align-items: center;justify-content: center;gap: 8px;}

/* Numbered pagination styling */
.bondsearch .bs-numbered-pagination {display: flex;align-items: center;justify-content: center;gap: 8px;}
.bondsearch .bs-numbered-pagination .bs-page-number {display: inline-block;padding: 6px 12px;background-color: var(--dnn-color-primary, #00A5E0);color: var(--dnn-color-primary-contrast, #FFFFFF);text-decoration: none;border: 1px solid;border-color: var(--dnn-color-primary, #00A5E0);border-radius: var(--dnn-controls-radius, 0px);cursor: pointer;font-size: var(--dnn-base-font-size, 16px);transition: background-color 0.2s;}
.bondsearch .bs-numbered-pagination .bs-page-number:hover {background-color: var(--dnn-color-primary-dark, #0091C5);}
.bondsearch .bs-numbered-pagination .bs-page-number.active {background-color: var(--dnn-color-primary-dark, #0091C5);font-weight: bold;cursor: default;}
.bondsearch .bs-numbered-pagination .bs-page-number.disabled {background-color: var(--dnn-color-neutral, #DCDCDC);border-color: var(--dnn-color-neutral, #DCDCDC);color: var(--dnn-color-neutral-dark, #999999);cursor: default;}
.bondsearch .bs-numbered-pagination .bs-ellipsis {padding: 6px 8px;color: var(--dnn-color-foreground, #472A2B);font-weight: bold;}

/* Page number links within bs-page-info span */
.bondsearch .bs-page-info .bs-page-number {display: inline-block;padding: 6px 12px;background-color: var(--dnn-color-primary, #00A5E0);color: var(--dnn-color-primary-contrast, #FFFFFF);text-decoration: none;border: 1px solid;border-color: var(--dnn-color-primary, #00A5E0);border-radius: var(--dnn-controls-radius, 0px);cursor: pointer;font-size: var(--dnn-base-font-size, 16px);transition: background-color 0.2s;}
.bondsearch .bs-page-info .bs-page-number:hover {background-color: var(--dnn-color-primary-dark, #0091C5);}
.bondsearch .bs-page-info .bs-page-number.active {background-color: var(--dnn-color-primary-dark, #0091C5);font-weight: bold;cursor: default;}
.bondsearch .bs-page-info .bs-ellipsis {padding: 6px 8px;color: var(--dnn-color-foreground, #472A2B);font-weight: bold;}

/* Autocomplete dropdown styles */
.bondsearch .bondsearch-autocomplete {position: absolute;z-index: 995;background-color: var(--dnn-color-background, #FFFFFF);border: 1px solid var(--dnn-color-neutral, #DCDCDC);border-radius: var(--dnn-controls-radius, 0px);box-shadow: 0 2px 4px rgba(0,0,0,0.2);max-height: 300px;overflow-y: auto;min-width: 33%;max-width: 400px;}
.bondsearch .bondsearch-autocomplete .autocomplete-item {padding: 8px 12px;cursor: pointer;border-bottom: 1px solid var(--dnn-color-neutral, #DCDCDC);color: var(--dnn-color-foreground, #472A2B);}
.bondsearch .bondsearch-autocomplete .autocomplete-item:last-child {border-bottom: none;}
.bondsearch .bondsearch-autocomplete .autocomplete-item.selected {background-color: var(--dnn-color-primary-light, #1AAEE3);}
.bondsearch .bondsearch-autocomplete .autocomplete-item:hover {background-color: var(--dnn-color-background-light, #F5F5F5);}