/*==================================================
    SHIIFTER MVP
    Version: 0.1
==================================================*/


/*==================================================
    1. Brand Colors
==================================================*/

:root{

    --primary:#01AEB3;
    --secondary:#F97448;

    --text:#1F2937;
    --bg:#F8FAFA;

    --border:#E7EEEE;

}


/*==================================================
    2. Typography
==================================================*/



/*==================================================
    3. Buttons
==================================================*/



/*==================================================
    4. Header
==================================================*/
/* Mobile Off Canvas Shiifter Style */

@media(max-width:768px){

.ct-panel-content{
     border-radius: 24px 0 0 24px;
     padding: 10px 16px !important;
     direction:rtl !important;
}


.ct-panel-content-inner{
    padding: 0 !important;
     direction:rtl !important;
}

 .ct-panel-content .menu-item a {

        font-size:17px;
        font-weight:600;
 padding: 12px 10px !important;
        border-radius:14px;
        color:#1F2937;
         direction:rtl !important;

    }


    .ct-panel-content .menu-item a:hover {

        background:#E9FAFA;
        color:#01AEB3;

    }


}

/*==================================================
    5. Hero
==================================================*/



/*==================================================
    6. Job Cards
==================================================*/

/* کارت های شیفت */

@media (min-width: 992px) {

    ul.job_listings {

        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap:24px;

    }


    ul.job_listings li.job_listing {

        width:100% !important;
        margin:0 !important;
        background:#fcfcfc;
        border:1px solid #e6eeee;
        border-radius:22px;
        padding:24px;
        box-shadow:0 8px 25px rgba(1,174,179,.08);
    }

}

ul.job_listings li.job_listing:hover {
    transform: translateY(-5px);
     border-radius:22px !important;
    border:1px solid #01AEB3 !important;
}

/* ==========================================
   Shiifter Shift Information
========================================== */

.shiifter-meta {

    display:flex;
    flex-wrap:wrap;
    gap:8px;

    width:100% !important;
    margin-top:16px;
    padding-top:16px;

    border-top:1px solid #E7EEEE;

}


/* هر آیتم اطلاعات شیفت */

.shiifter-meta span {

    display:inline-flex;
    align-items:center;

    background:#F8FAFA;

    color:#374151;

    padding:7px 12px;

    border-radius:30px;

    font-size:14px;

    line-height:1.6;

}


/* حقوق */

.shiifter-meta .shift-salary {

    background:#FFF1EC;
    color:#F97448;

    font-weight:700;

}


/* ساعت */

.shiifter-meta .shift-hours {

    background:#E9FAFA;
    color:#00878B;

}


/* روز کاری */

.shiifter-meta .shift-days {

    background:#F3F4F6;

}


/* ظرفیت */

.shiifter-meta .shift-people {

    background:#F3F4F6;

}

/* ==========================================
   Fix Job Card Internal Layout
========================================== */

.job_listings li.job_listing > a {

        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        text-align:right;
}

    .job_listings li.job_listing > a > * {

        width:100% !important;
        text-align:right !important;
    }

/* لوگو */
.job_listings li.job_listing .company_logo {

    display:none !important;
    margin-bottom:15px;

}


/* عنوان */
.job_listings li.job_listing .position {

     width:100% !important;

}


/* مکان */

.job_listings li.job_listing .location {

     width:100% !important;

    margin-top:10px;

}


/* بخش متا */

.job_listings li.job_listing .meta {

     width:100% !important;

    display:block !important;

    margin-top:15px;

    padding:0;

}


/* حذف حالت لیستی پیش فرض تاریخ */

.job_listings li.job_listing .meta .date {

    display:none;

}


/* اطلاعات شیفتر */

.job_listings li.job_listing .shiifter-meta {

   width:100% !important;

    display:flex;

    flex-wrap:wrap;

    gap:8px;

}
.job_listings .meta .date {
    display: none !important;
	border:none !important
}
.job_listings {
    border-top: none !important;
}

ul.job_listings {
    border-top: none !important;
}

.job_listings li.job_listing,
.job_listings li.job_listing > a {
    border-radius: 22px !important;
    overflow: hidden;
}

.job_listings li.job_listing:hover,
.job_listings li.job_listing:hover > a {
    border-radius: 22px !important;
}

/* موبایل */

@media(max-width:768px){

    .shiifter-meta {

        gap:6px;

    }


    .shiifter-meta span {

        font-size:13px;

        padding:6px 10px;

    }

}
/*==================================================
    7. Forms
==================================================*/



/*==================================================
    8. Responsive
==================================================*/