/* Ensure that all elements include padding and border in their total width and height */
* {
    box-sizing: border-box;
}

  
.search-wrapper {
    background-color: #f8d038;
    border-radius:.4rem;
    display: flex;
    align-items: center; /* Ensure alignment */
    position: relative;
    transition: all 1s;
    font-weight: 400;
}
.plate {
    /* background-color: #f8d038; */
    display: flex;
    align-items: center; /* Ensure alignment */
    position: relative;
}

.bluebit, .inputbit input, .search-button {
    height: 40px; /* Example fixed height, adjust as needed */
    display: flex;
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally for the button */
}

.bluebit {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
    color: #f8d038;
    font-weight: bold;
    font-size: 1.5em;
    background-color: #063298;
    padding: 0 0.3rem;
    /* strech the text a bit horizontally */
    
}

.inputbit input {
    background: transparent;
    font-weight: 600;
    border: none;
    text-align: center;
    font-size: 1.4em;
    /* make text always uppercase */
     text-transform: uppercase;
    /* disable decoration */
    /* disable heighlight on active */
    /* remove outline */
    /* border-radius: .4rem; */

    text-decoration: none;
    color: #000;
    width: 100%; /* Ensure input width matches parent */
}

.inputbit input:focus {
    outline: none;
}

.search-button {
    color: #757575;
    /* underline */
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
    text-decoration: underline;
    padding: 0 0.5rem;
    cursor: pointer;
    transition: background-color 0.5s;
    user-select: none;
    font-size: 1em; /* Adjust font size to help fill the button vertically */
    line-height: 1; /* Adjust line height to stretch the text vertically if needed */
}

.search-button:disabled {
    cursor: not-allowed;
    background-color: #999;
}

.search-button:hover:not(:disabled) {
    background-color: 063298;
    color:#f8d038;
}
    

/* Ensure consistent sizing */
.search-wrapper > div {
    flex: 1 1 auto;
}
.search-wrapper{
    width:14rem;
}
.inputbit {
    flex: 0 1 auto; /* Allow the input bit to shrink/grow as needed */
}