/*=============================================
=        Subscription Plan Badges            =
=============================================*/

/* Common Badge Settings */
.badge-plan-user-pro,
.badge-plan-user-essential,
.badge-plan-user-free,
.badge-plan-specialist-plus,
.badge-plan-specialist-standard,
.badge-plan-specialist-free {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 0.15em 0.4em;
    font-size: 0.75em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

/* Base sizing and spacing for icons inside badges */
.badge-plan-user-pro i,
.badge-plan-user-essential i,
.badge-plan-user-free i,
.badge-plan-specialist-plus i,
.badge-plan-specialist-standard i {
    font-size: 1.1em;
    margin-right: 0.2em;
}

/* User Pro Plan */
.badge-plan-user-pro {
    background-color: rgba(30, 59, 115, 0.1);
    color: var(--color-plan-pro);
}

/* User Essential Plan */
.badge-plan-user-essential {
    background-color: rgba(23, 109, 180, 0.1);
    color: var(--color-plan-essential);
}

/* User Free Plan */
.badge-plan-user-free {
    background-color: var(--color-gray-lightest);
    color: var(--color-gray-dark);
}

/* Specialist Plus Plan */
.badge-plan-specialist-plus {
    background-color: rgba(6, 115, 185, 0.1);
    color: var(--color-electric-blue);
}

/* Specialist Standard Verification */
.badge-plan-specialist-standard {
    background-color: rgba(23, 109, 180, 0.1);
    color: var(--color-plan-essential);
}

/* Specialist Free Plan */
.badge-plan-specialist-free {
    background-color: var(--color-gray-lightest);
    color: var(--color-gray-dark);
}