/* site_search.css - Consolidated Version */

.search-box-outer {
    /* --- Committee Approved Visuals --- */
    background-color: white;
    color: black;
    border: thin solid darkgray;
    border-radius: 0.4em;
    box-shadow: inset 0.2em 0.2em 0.2em lightgray;
    padding: 0.3em 0.6em;

    /* --- Accessibility & Reflow Logic --- */
    display: flex; 
    flex-direction: row; 
    align-items: center;
    width: 100%;    
    min-width: 0;      /* Allows the 'shell' to shrink for IBM tool */
    box-sizing: border-box;
    cursor: text;
}

.search-box-outer label {
    /* --- Committee Approved Visuals --- */
    color: darkblue;
    text-align: right;
    font-size: 1rem;
    
    /* --- Logic to prevent squishing --- */
    margin-right: 0.5em;
    margin-bottom: 0;  /* Reset Bootstrap default */
    flex-shrink: 0;    /* Label must stay visible for IBM tool */
    white-space: nowrap;
}

.search-box-outer input.search-box {
    /* --- The Reflow Magic --- */
    flex: 1 1 0;       /* Grow, Shrink, and ignore default size */
    min-width: 0;      /* This stops the 'jarring jump' */
    width: 100%;
    
    /* --- Visual Resets --- */
    border: none !important;
    background: transparent;
    outline: none;
    padding: 0.2em;
}

.search-box-button {
    flex-shrink: 0;
    width: 28px !important; /* Scaled to look right inside the shell */
    height: auto;
    margin-left: 0.5em;
    cursor: pointer;
}

/* Ensure the whole shell highlights for keyboard navigation */
.search-box-outer:focus-within {
    outline: 2px solid #0056b3; 
    border-color: #0056b3;
}