/* Search container styling */
.search-container {
    display: none; /* Hidden by default */
    flex-direction: column; /* Stack items vertically */
    position: absolute; /* Position below the header */
    top: 60px; /* Adjust based on header height */
    right: 0; /* Align to the right */
    background-color: #3d52a0; /* Match header background */
    width: 200px; /* Set a width for the search container */
    z-index: 20; /* On top of other content */
    padding: 10px; /* Padding around the search form */
}

/* Search form styling */
.search-form {
    display: flex; /* Flex display */
}

.search-field {
    flex: 1; /* Allow the input to grow */
    padding: 8px; /* Padding inside the input */
    border: 1px solid #ccc; /* Border around the input */
    border-radius: 4px; /* Rounded corners */
    margin-right: 5px; /* Space between input and button */
}

.search-submit {
    background-color: #567ac8; /* Button background color */
    color: white; /* Button text color */
    padding: 8px 12px; /* Padding for the button */
    border: none; /* Remove border */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Change cursor on hover */
}

/* Hover effect for the submit button */
.search-submit:hover {
    background-color: #456aab; /* Darker shade on hover */
}
.highlight {
    background-color: yellow; /* Highlight color */
    font-weight: bold; /* Bold text */
}