/* ==========================================
   Super Farmers Stock Status Badge
========================================== */

.sf-stock-status-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    margin: 0;
    padding: 0;
}


/* ================================
   Base Badge
================================ */

.sf-stock-badge {

    --sf-bg: #edf8ef;
    --sf-text: #2d873f;
    --sf-icon: #20923a;
    --sf-ring: rgba(32, 146, 58, .10);

    direction: rtl;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    width: max-content;

    max-width: 100%;

    min-height: 30px;

    padding:
        5px
        8px
        5px
        12px;

    border-radius: 999px;

    background:
        var(--sf-bg);

    color:
        var(--sf-text);

    font-family:
        inherit;

    font-size:
        13px;

    font-weight:
        700;

    line-height:
        1.3;

    white-space:
        nowrap;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.04);

}


/* ================================
   Icon Circle
================================ */

.sf-stock-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex:
        0 0 21px;

    width:
        21px;

    height:
        21px;

    border-radius:
        50%;

    color:
        #fff;

    background:
        var(--sf-icon);

    box-shadow:
        0 0 0 4px
        var(--sf-ring);

}


.sf-stock-icon svg {

    display: block;

    width:
        13px;

    height:
        13px;

    fill:
        currentColor;

}


.sf-stock-label {

    display:
        inline-block;

}


/* ==========================================
   1. متوفر في المخزون
========================================== */

.sf-stock--instock {

    --sf-bg:
        #edf8ef;

    --sf-text:
        #2d873f;

    --sf-icon:
        #20923a;

    --sf-ring:
        rgba(32,146,58,.10);

}


/* ==========================================
   2. غير متوفر بالمخزون
========================================== */

.sf-stock--outofstock {

    --sf-bg:
        #fff0f1;

    --sf-text:
        #c62634;

    --sf-icon:
        #df2437;

    --sf-ring:
        rgba(223,36,55,.10);

}


/* ==========================================
   3. متاح للحجز / طلب مسبق
========================================== */

.sf-stock--backorder {

    --sf-bg:
        #fff6df;

    --sf-text:
        #b96b00;

    --sf-icon:
        #e69817;

    --sf-ring:
        rgba(230,152,23,.12);

}


/* ==========================================
   Mobile
========================================== */

@media (max-width: 767px) {

    .sf-stock-badge {

        min-height:
            28px;

        padding:
            4px
            7px
            4px
            10px;

        font-size:
            12px;

    }


    .sf-stock-icon {

        flex-basis:
            19px;

        width:
            19px;

        height:
            19px;

    }


    .sf-stock-icon svg {

        width:
            12px;

        height:
            12px;

    }

}