/* wwwroot/css/courses/course-filters.css */
/* Scoped to the new filter block only; does not affect existing catalog styles. */

.courses-search {
    display: block;
    position: relative;
    clear: both;
    margin: 0 0 18px 0;
    padding-bottom: 1em;
    padding: 11px 32px;
    width: 98%;
    margin: 40px auto 0;
    background: #fff;
    box-shadow: 0px 16px 48px rgba(0, 0, 0, .17);
    border-radius: 16px;
}

.courses-search__label {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0 0 10px 0;
}

.courses-search__row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: stretch;
}

.courses-search__row--prices {
    margin-top: 12px;
}

/* Inputs: keep your existing base classes (input-control-gvs) but add safe overrides */
.courses-search .courses-search__input {
    flex: 1 1 320px;
    min-width: 220px;
    height: 44px;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.18);
    background: #fff;
    box-sizing: border-box;
}

    .courses-search .courses-search__input:focus {
        outline: none;
        border-color: rgba(0,0,0,.38);
    }