/* Shared country-flag rendering (flag-icons) for tables, detail views, cards and dropdowns. */

.country-flag {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    line-height: 1.2;
}

.country-flag .fi {
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
    vertical-align: middle;
}

/* Neutral placeholder when no country code is available, keeps rows aligned. */
.country-flag-empty {
    display: inline-block;
    width: 1.333em;
    height: 1em;
    border-radius: 2px;
    background: repeating-linear-gradient(45deg, #e5e7eb, #e5e7eb 3px, #f3f4f6 3px, #f3f4f6 6px);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
    vertical-align: middle;
}

[data-bs-theme="dark"] .country-flag-empty {
    background: repeating-linear-gradient(45deg, #374151, #374151 3px, #4b5563 3px, #4b5563 6px);
}

/* Flags inside select2 country dropdowns (option list + chosen selection). */
.country-flag-option {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .country-flag-option .fi {
        border-radius: 2px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
        flex-shrink: 0;
    }