/* ---------------------------------------------------
   IRANSans Font
--------------------------------------------------- */

@font-face {
    font-family: 'IRANSans';
    src: url('/epersianhotel/assets/fonts/iransans/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap; */
    font-display: block;

}

.emf-filter-box,
.emf-filter-box *{
    font-family:'IRANSans',sans-serif !important;
}



/* ---------------------------------------------------
   FILTER LAYOUT  (4 ستون افقی)
--------------------------------------------------- */

.emf-filter-box{

    display:grid !important;
    grid-template-columns:repeat(4,minmax(200px,1fr)) !important;
    gap:25px !important;

    width:100% !important;
    max-width:100% !important;

    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 4px 15px rgba(0,0,0,.06);

    box-sizing:border-box;
}



/* ---------------------------------------------------
   FILTER GROUP CARD
--------------------------------------------------- */

body .emf-group{

    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:12px;

    padding:18px 20px;

    display:flex;
    flex-direction:column;

    width:100%;
    margin:0;

    box-shadow:0 3px 10px rgba(0,0,0,.05);
    transition:.2s;
}

body .emf-group:hover{
    box-shadow:0 6px 16px rgba(0,0,0,.08);
}



/* ---------------------------------------------------
   FILTER TITLES
--------------------------------------------------- */

.emf-group > label:first-child{

    font-size:16px;
    font-weight:700;
    margin-bottom:12px;
    color:#333;
}



/* ---------------------------------------------------
   CHECKBOXES
--------------------------------------------------- */

.emf-check{

    display:flex;
    align-items:center;
    gap:6px;

    font-size:14px;
    margin-bottom:8px;

    cursor:pointer;
}

.emf-check input{

    width:18px;
    height:18px;
    cursor:pointer;
}



/* ---------------------------------------------------
   STARS
--------------------------------------------------- */

.star-row{

    display:flex;
    align-items:center;
    gap:10px;

    /*margin-bottom:8px;*/
}

.star-row .stars{

    font-size:22px;
    color:#ffb400;
}



/* ---------------------------------------------------
   MOBILE
--------------------------------------------------- */

/* ---------------------------------------------------
   MOBILE – Compact 2-column filter layout
--------------------------------------------------- */
@media (max-width:768px){

    /* گرید کلی → 2 ستونه */
    body .emf-filter-box{
        grid-template-columns: repeat(2, 1fr) !important;
        gap:14px !important;
        padding:12px !important;
        box-shadow:none !important;
        border-radius:10px !important;
    }

    /* کارت‌های هر گروه */
    body .emf-group{
        padding:12px 14px !important;
        border-radius:10px !important;
        box-shadow:0 1px 5px rgba(0,0,0,.06) !important;
        border:1px solid #eee !important;
    }

    /* عنوان هر گروه */
    body .emf-group > label:first-child{
        font-size:14px !important;
        margin-bottom:8px !important;
    }

    /* چک‌باکس‌ها */
    .emf-check{
        font-size:12px !important;
        margin-bottom:3px !important;
        gap:5px !important;
    }

    .emf-check input{
        width:16px !important;
        height:16px !important;
    }

    /* ستاره‌ها */
    .star-row{
        margin-bottom:-2px !important;
        gap:6px !important;
    }

    .star-row .stars{
        font-size:18px !important;
    }
}



@media (max-width:768px){

    .emf-filter-box{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:12px !important;
    }

    .emf-group{
        width:auto !important;
        min-width:0 !important;
    }

    /* بالا راست */
    .emf-price{
        grid-column:2;
        grid-row:1;
    }

    /* بالا چپ */
    .emf-month{
        grid-column:1;
        grid-row:1;
    }

    /* پایین راست */
    .emf-stars{
        grid-column:2;
        grid-row:2;
    }

    /* پایین چپ */
    .emf-city{
        grid-column:1;
        grid-row:2;
    }
}