/*
 * Shared baseline for all filter bars in the project.
 * Min-height 45px, border-radius 4px, green button — scoped to filter bar containers only.
 *
 * Scopes:
 *   .section-filters-search   — generic archives (blog, resource, doc_pub, contact_directory)
 *   .container-filter-contact — contact widget + page RDV (already styled; only height guarantee)
 *
 * Lab archive (.laboratory-filters-bar) is fully managed in laboratory-archive.css.
 */

/* ── .section-filters-search ─────────────────────────────────────────── */

/* Min-height 45px on every interactive element */
.section-filters-search .form-control,
.section-filters-search .input-group-text,
.section-filters-search .btn {
    min-height: 45px;
}

/* input-group: sync wrapper + prepend/append to 45px so everything aligns */
.section-filters-search .input-group {
    height: 45px;
}
.section-filters-search .input-group > .form-control,
.section-filters-search .input-group-prepend,
.section-filters-search .input-group-append,
.section-filters-search .input-group-text {
    height: 100%;
}

/* Border-radius 4px (theme default is 0) */
.section-filters-search .form-control,
.section-filters-search .btn {
    border-radius: 4px;
}
.section-filters-search .input-group > .form-control {
    border-radius: 0 4px 4px 0;
}
.section-filters-search .input-group-prepend .input-group-text {
    border-radius: 4px 0 0 4px;
}

/* Submit buttons: green (#63B4AC) to match lab archive and contact filter */
.section-filters-search .btn {
    background-color: #63B4AC;
    border-color: #63B4AC;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.section-filters-search .btn:hover,
.section-filters-search .btn:focus {
    background-color: #4e9f97;
    border-color: #4e9f97;
    color: #fff;
    outline: none;
}

/* Font size on inputs */
.section-filters-search .form-control {
    font-size: 14px;
}

/* Search input with icon absolutely positioned inside (replaces input-group-prepend) */
.section-filters-search .filter-search-input {
    position: relative;
}
.section-filters-search .filter-search-input i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #4B5864;
    font-size: 15px;
    pointer-events: none;
    z-index: 1;
}
.section-filters-search .filter-search-input .form-control {
    padding-left: 40px;
}

/* Button text uppercase to match lab reference */
.section-filters-search .btn {
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── .container-filter-contact ───────────────────────────────────────── */
/* Already has its own height (50px) and button styles — only guarantee min-height. */

.container-filter-contact .form-control,
.container-filter-contact .btn {
    min-height: 45px;
}