/*
|--------------------------------------------------------------------------
| Aanya Organics Theme
|--------------------------------------------------------------------------
| Module : Components
| File   : badges.css
|--------------------------------------------------------------------------
*/

.badge{

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

    padding:6px 12px;

    border-radius:999px;

    font-size:.75rem;
    font-weight:600;
    line-height:1;

    white-space:nowrap;
}

/* Primary */

.badge-primary{

    background:var(--color-primary);
    color:#fff;

}

/* Organic */

.badge-organic{

    background:#E8F6DA;
    color:#4E7D1F;

}

/* Bestseller */

.badge-best{

    background:#FFF3D8;
    color:#A35C00;

}

/* New */

.badge-new{

    background:#E8F3FF;
    color:#1565C0;

}

/* Danger */

.badge-danger{

    background:#FFE3E3;
    color:#C62828;

}
/* ==========================================================
   Badge Position
========================================================== */

.card-image{

    position:relative;

}

.card-image .badge{

    position:absolute;

    top:16px;

    left:16px;

    z-index:2;

}