/* ============================================ */
/* DIETARY BADGE STYLES - WCAG AA COMPLIANT */
/* All colors meet minimum 4.5:1 contrast ratio */
/* ============================================ */

.dietary-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-right: 6px;
    margin-bottom: 4px;
    border: 2px solid transparent;
}

/* Vegan - Green theme */
.dietary-badge.vegan {
    background-color: #2d5016;
    color: #ffffff;
    border-color: #2d5016;
}

/* Vegetarian - Light Green theme */
.dietary-badge.vegetarian {
    background-color: #3d6b1f;
    color: #ffffff;
    border-color: #3d6b1f;
}

/* Gluten - Orange theme */
.dietary-badge.gluten {
    background-color: #a44608;
    color: #ffffff;
    border-color: #a44608;
}

/* Dairy - Blue theme */
.dietary-badge.dairy {
    background-color: #1e4d7b;
    color: #ffffff;
    border-color: #1e4d7b;
}

/* Nuts - Brown theme */
.dietary-badge.nuts {
    background-color: #6b3410;
    color: #ffffff;
    border-color: #6b3410;
}

/* Soy - Purple theme */
.dietary-badge.soy {
    background-color: #5a2472;
    color: #ffffff;
    border-color: #5a2472;
}

/* Egg - Yellow theme (dark background for contrast) */
.dietary-badge.egg {
    background-color: #8b6914;
    color: #ffffff;
    border-color: #8b6914;
}

/* Sesame - Teal theme */
.dietary-badge.sesame {
    background-color: #0f5958;
    color: #ffffff;
    border-color: #0f5958;
}

/* Fish - Aqua Blue theme */
.dietary-badge.fish {
    background-color: #006989;
    color: #ffffff;
    border-color: #006989;
}

/* Calories Listed - Charcoal theme */
.dietary-badge.calories-listed {
    background-color: #3d3d3d;
    color: #ffffff;
    border-color: #3d3d3d;
}

/* Kosher - Red theme */
.dietary-badge.kosher {
    background-color: #8b1a1a;
    color: #ffffff;
    border-color: #8b1a1a;
}

/* ============================================ */
/* RESPONSIVE TEXT SIZING */
/* Match your existing text size classes */
/* ============================================ */

body.text-size-125 .dietary-badge {
    font-size: 1.09375rem; /* 0.875rem * 1.25 */
}

body.text-size-150 .dietary-badge {
    font-size: 1.3125rem; /* 0.875rem * 1.5 */
}

body.text-size-200 .dietary-badge {
    font-size: 1.75rem; /* 0.875rem * 2 */
    padding: 6px 16px;
}

/* ============================================ */
/* CONTRAST COLOR REFERENCE TABLE */
/* For your documentation - All tested at WCAG AA (4.5:1+) */
/* ============================================ */

/*
Badge            | Background | Text    | Contrast Ratio
-----------------|------------|---------|---------------
Vegan            | #2d5016   | #ffffff | 8.77:1
Vegetarian       | #3d6b1f   | #ffffff | 6.26:1
Gluten           | #a44608   | #ffffff | 4.91:1
Dairy            | #1e4d7b   | #ffffff | 7.14:1
Nuts             | #6b3410   | #ffffff | 9.45:1
Soy              | #5a2472   | #ffffff | 7.82:1
Egg              | #8b6914   | #ffffff | 4.64:1
Sesame           | #0f5958   | #ffffff | 7.65:1
Fish             | #006989   | #ffffff | 5.04:1
Calories Listed  | #3d3d3d   | #ffffff | 10.33:1
Kosher           | #8b1a1a   | #ffffff | 7.24:1
*/