/* ================================================================
   Shared action-field icon styles
   Used by: associations list, associations map, and any other view
   that renders action-field icons (.af-icon).
   ================================================================ */

/* Colour tokens — single source of truth for action-field colours */
:root {
    --af-color-education:              #1565c0;
    --af-color-culture_heritage:       #ff7043;
    --af-color-elderly:                #78909c;
    --af-color-environment:            #2e7d32;
    --af-color-social_assistance:      #e91e63;
    --af-color-religious:              #795548;
    --af-color-women_equality:         #8e44ad;
    --af-color-neighborhood:           #00897b;
    --af-color-youth:                  #f59e0b;
    --af-color-festivals_traditions:   #dc3545;
    --af-color-economic_initiatives:   #37474f;
    --af-color-sports:                 #26c6da;
    --af-color-cooperation_awareness:  #5c6bc0;
    --af-color-other:                  #9e9e9e;

    /* Tinted backgrounds (lighter variants for badges, markers, filter buttons) */
    --af-bg-education:                 #e3ecf7;
    --af-bg-culture_heritage:          #fff0eb;
    --af-bg-elderly:                   #eceff1;
    --af-bg-environment:               #e8f5e9;
    --af-bg-social_assistance:         #fce4ec;
    --af-bg-religious:                 #efebe9;
    --af-bg-women_equality:            #f3e5f5;
    --af-bg-neighborhood:              #e0f2f1;
    --af-bg-youth:                     #fff8e1;
    --af-bg-festivals_traditions:      #fdecea;
    --af-bg-economic_initiatives:      #eceff1;
    --af-bg-sports:                    #e0f7fa;
    --af-bg-cooperation_awareness:     #e8eaf6;
    --af-bg-other:                     #f5f5f5;
}

/* Base icon badge */
.af-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-size: 0.65rem;
    flex-shrink: 0;
    vertical-align: middle;
}

.af-icon--education        { background: var(--af-bg-education); color: var(--af-color-education); }
.af-icon--culture_heritage { background: var(--af-bg-culture_heritage); color: var(--af-color-culture_heritage); }
.af-icon--elderly          { background: var(--af-bg-elderly); color: var(--af-color-elderly); }
.af-icon--environment      { background: var(--af-bg-environment); color: var(--af-color-environment); }
.af-icon--social_assistance{ background: var(--af-bg-social_assistance); color: var(--af-color-social_assistance); }
.af-icon--religious        { background: var(--af-bg-religious); color: var(--af-color-religious); }
.af-icon--women_equality   { background: var(--af-bg-women_equality); color: var(--af-color-women_equality); }
.af-icon--neighborhood     { background: var(--af-bg-neighborhood); color: var(--af-color-neighborhood); }
.af-icon--youth            { background: var(--af-bg-youth); color: var(--af-color-youth); }
.af-icon--festivals_traditions { background: var(--af-bg-festivals_traditions); color: var(--af-color-festivals_traditions); }
.af-icon--economic_initiatives { background: var(--af-bg-economic_initiatives); color: var(--af-color-economic_initiatives); }
.af-icon--sports           { background: var(--af-bg-sports); color: var(--af-color-sports); }
.af-icon--cooperation_awareness { background: var(--af-bg-cooperation_awareness); color: var(--af-color-cooperation_awareness); }
.af-icon--other            { background: var(--af-bg-other); color: var(--af-color-other); }

/* Inline row of icons (used in the list table) */
.af-icons-row {
    display: flex;
    flex-direction: row;
    gap: 0.3rem;
    align-items: center;
    flex-wrap: nowrap;
}