/* ===== Scoped Bootstrap-like search bar styles (jkelly 08/08/2025) ===== */
/* NOTE: we do this because we may use different versions of Bootstrap over the years. So this mimics BS in the header, but scoped so it doesnt bugger up other pages.*/
#main-search-wrapper {
    font-family: futura, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 10pt;
    text-align: left;
    margin-top: 10px;
}

    /* Bootstrap-ish input group */
    #main-search-wrapper .input-group {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    /* Textbox lookalike for .form-control */
    #main-search-wrapper .form-control {
        display: block;
        flex: 1 1 auto;
        min-width: 0; /* prevents overflow */
        width: 1%;
        padding: 6px 12px;
        line-height: 1.42857143; /* BS3-ish rhythm */
        color: #333;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border-right: 0; /* merges with button */
        border-radius: 4px 0 0 4px; /* left rounded only */
        box-sizing: border-box;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

        #main-search-wrapper .form-control::placeholder {
            color: #999;
        }

        #main-search-wrapper .form-control:focus {
            outline: 0;
            border-color: #66afe9;
            box-shadow: 0 0 8px rgba(102,175,233,.6);
        }

    /* Button wrapper (BS3 used .input-group-btn) */
    #main-search-wrapper .input-group-btn {
        display: flex;
        align-items: stretch;
    }

    /* Button base + .btn-default look */
    #main-search-wrapper .btn,
    #main-search-wrapper input.btn {
        display: inline-block;
        padding: 6px 12px;
        line-height: 1.42857143;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        user-select: none;
        border: 1px solid transparent;
        border-radius: 0 4px 4px 0; /* right rounded only */
        cursor: pointer;
        box-sizing: border-box;
    }

    /* Default style (BS3 .btn-default) */
    #main-search-wrapper .btn-default,
    #main-search-wrapper input.btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        border-left: 0; /* merges with input */
    }

        #main-search-wrapper .btn-default:hover,
        #main-search-wrapper input.btn-default:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

        #main-search-wrapper .btn-default:active,
        #main-search-wrapper input.btn-default:active {
            background-image: none;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

        #main-search-wrapper .btn-default:focus,
        #main-search-wrapper input.btn-default:focus {
            outline: 0;
            box-shadow: 0 0 8px rgba(102,175,233,.6);
        }