/* Broodkruimels */


/* Hele breadcrumb */
#breadcrumbs {
    font-size: 10px;
    color: #666;
    display: inline;
}

.breadcrumbs-wrapper {
    display: inline;
}

.breadcrumbs-toggle {
    display: inline;
}

/*!* Links *!*/
/*#breadcrumbs a {*/
/*    color: #0073aa;*/
/*    text-decoration: none;*/
/*}*/

/*#breadcrumbs a:hover {*/
/*    text-decoration: underline;*/
/*}*/

/*!* Laatste item (huidige pagina) *!*/
/*#breadcrumbs .breadcrumb_last {*/
/*    font-weight: bold;*/
/*    color: #000;*/
/*}*/

/*!* standaard (desktop) → alles zichtbaar *!*/
/*.breadcrumbs-toggle {*/
/*    display:flex;*/
/*    position:absolute;*/
/*    transform:translateY(-50%);*/
/*    cursor: pointer;*/
/*    font-size: 20px;*/
/*}*/

/*.breadcrumbs-toggle .breadcrumb_last::after {*/
/*    content: " ▾";*/
/*    font-size: 12px;*/
/*}*/

/*.breadcrumbs-toggle.open .breadcrumb_last::after {*/
/*    content: " ▴";*/
/*}*/

/* mobiel */
/*@media (max-width: 768px) {*/

/*    !* verberg alles behalve laatste *!*/
/*    .breadcrumbs-toggle span,*/
/*    .breadcrumbs-toggle a {*/
/*        display: none;*/
/*    }*/

/*    !* alleen huidige pagina tonen *!*/
/*    .breadcrumbs-toggle .breadcrumb_last {*/
/*        display: inline !important;*/
/*        cursor: pointer;*/
/*    }*/

/*    !* wanneer open → alles tonen *!*/
/*    .breadcrumbs-toggle.open span,*/
/*    .breadcrumbs-toggle.open a {*/
/*        display: inline;*/
/*    }*/
/*}*/


/* ZOEKEN */

#dbms_extra-menu {

    z-index:12000;
}


.dbms-live-search {
    display: inline;
}

.search-toggle {
    display: inline;
    /*left: 0px;*/
    /*position:absolute;*/
    transform:translateY(-50%);
    cursor: pointer;
    font-size: 20px;
}
.search-wrapper {
    display: none;
}

.search-wrapper.active {
    display: block !important;
}
/* dropdown */
.search-wrapper {
    position: absolute;
    top: 40px;
    left: 0;
    width: 320px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    display: none;
    padding: 12px;
    z-index: 9999;
}

.search-wrapper.active {
    display: block;
}

.search-wrapper input {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #eee;
    outline: none;
}

#dbms-search-results {
    margin-top: 10px;
}

.result-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
}

.result-item img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
}

.result-item:hover {
    background: #f5f5f5;
}

.no-results {
    padding: 8px;
    color: #999;
}