/* ==========================================================
   DREAMERS FILTER BAR
========================================================== */

.dreamers-filter-bar{

    display:grid;

    grid-template-columns:
        1fr
        1.2fr
        1.2fr
        220px;

    gap:18px;

    background:#ffffff;

    padding:24px;

    border-radius:22px;

    box-shadow:
        0 12px 35px rgba(15,23,42,.08);

    max-width:1150px;

    margin:0 auto 32px auto;

}


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

.dreamers-filter-item{

    display:flex;

    flex-direction:column;

}

.dreamers-filter-item label{

    margin-bottom:8px;

    font-size:13px;

    font-weight:600;

    color:#64748B;

}


/* ==========================================================
   SELECT
========================================================== */

.dreamers-filter-item select{

    width:100%;

    height:54px;

    padding:0 48px 0 18px;

    border:1px solid #E2E8F0;

    border-radius:14px;

    background:#ffffff;

    color:#1E293B;

    font-size:15px;

    outline:none;

    cursor:pointer;

    appearance: none;

    -webkit-appearance: none;

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2364748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');

    background-repeat: no-repeat;

    background-position: right 18px center;

    transition:
        border-color .3s,
        box-shadow .3s,
        transform .25s;

}

.dreamers-filter-item select:hover{

    border-color:#CBD5E1;

    transform:translateY(-1px);

}

.dreamers-filter-item select:focus{

    border-color:#FF6A00;

    box-shadow:
        0 0 0 4px rgba(255,106,0,.12);

}


/* ==========================================================
   BUTTON
========================================================== */

.dreamers-filter-button{

    display:flex;

    align-items:flex-end;

}

#searchBtn{

    width:100%;

    height:54px;

    border:none;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            #FF7A00,
            #FF5E00
        );

    color:#ffffff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:
        transform .3s,
        box-shadow .3s;

}

#searchBtn:hover{

    transform:translateY(-3px);

    box-shadow:
        0 10px 25px rgba(255,106,0,.25);

}

#searchBtn:active{

    transform:scale(.98);

}


/* ==========================================================
   DISABLED
========================================================== */

#searchBtn:disabled{

    opacity:.6;

    cursor:not-allowed;

    transform:none;

    box-shadow:none;

}