/* Frontend legend */
.svm-fe-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 28px;
    margin: 0 0 1em;
    padding: 12px 16px;
    background: #f6f7f7;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 0.95em;
}
.svm-fe-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #222;
}

/* V-tegn-ikoner — uden ramme/baggrund/padding, force'et color med !important
   for at slå tema-CSS — vivid farver. */
.svm-fe-icon {
    display: inline-block;
    font-weight: 900 !important;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    min-width: 28px;
    letter-spacing: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.svm-fe-icon--required    { color: #d62828 !important; }
.svm-fe-icon--recommended { color: #00a651 !important; }
.svm-fe-icon--considered  { color: #f5a623 !important; }
.svm-fe-icon--default     { color: #b0b0b0 !important; }

/* Tabel-styling — fjern den arvede HTML-border attribute look,
   giv det et rent moderne udtryk. */
table.country-table {
    border-collapse: collapse;
    width: 100%;
    border: 0 !important;
}
table.country-table th,
table.country-table td {
    border: 0 !important;
    border-bottom: 1px solid #ececec !important;
    padding: 10px 8px;
}
table.country-table thead th {
    background: #f6f7f8;
    border-bottom: 2px solid #d0d4d9 !important;
    text-align: left;
    font-weight: 700;
}
table.country-table tbody tr:hover td {
    background: #fafafa;
}
table.country-table td.svm-fe-cell {
    text-align: center;
    vertical-align: middle;
}
table.country-table td.svm-fe-cell .svm-fe-icon {
    font-size: 32px;
}

/* Mobile vaccine-card */
.mobile-table .vaccine-card .svm-fe-icon {
    margin-left: auto;
    font-size: 32px;
}

/* Legend ikoner kan være lidt mindre */
.svm-fe-legend .svm-fe-icon {
    font-size: 22px;
}