/* Bootstrap 5 Consistency Styles for Administrative Interface */

/* Ensure topline has proper spacing and alignment */
.barBeheer .topline {
    padding: 8px 0;
    background-color: #2494F2;
}

.barBeheer .topline a {
    color: white;
    text-decoration: none;
}

.barBeheer .topline a:hover {
    color: #f8f9fa;
    text-decoration: underline;
}

/* Supersearch form styling */
.supersearchForm {
    gap: 0.5rem;
}

.supersearchForm .supersearchButton {
    min-width: auto;
    padding: 0.25rem 0.5rem;
}

/* Custom form controls in admin bar */
.barBeheer .form-select,
.barBeheer .form-control {
    font-size: 0.875rem;
    border: 1px solid #dee2e6;
}

.barBeheer .form-select:focus,
.barBeheer .form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Badge styling consistency */
.jetmenu .badge {
    font-size: 0.75rem;
    margin-left: 0.25rem;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .barBeheer .d-flex {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .supersearchForm {
        flex-direction: column;
        align-items: stretch;
    }
    
    .supersearchForm > * {
        width: 100% !important;
    }
}

/* Tooltip styling improvements */
.tooltip {
    font-size: 0.875rem;
}

/* Ensure proper z-index for admin elements */
.barBeheer {
    z-index: 1050;
}

.jetmenu {
    z-index: 1040;
}