/* ==========================================================
   FILTER
========================================================== */

.filter-card{

    padding:20px;

}

.filter-card form{

    width:100%;

}

.filter-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:16px;

}

.filter-item{

    display:flex;

    flex-direction:column;

}

.filter-footer{

    display:flex;

    justify-content:flex-end;

    gap:10px;

    margin-top:20px;

    flex-wrap:wrap;

}

.form-label{

    display:block;

    margin-bottom:6px;

    font-size:13px;

    font-weight:600;

    color:var(--heading);

}

.form-control,
.form-select{

    width:100%;

    min-height:44px;

    padding:0 14px;

    border:1px solid var(--border);

    border-radius:var(--radius-md);

    background:#fff;

    transition:var(--transition);

}

.form-control:focus,
.form-select:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 3px rgba(63,154,214,.15);

}