/* Language badges for FR / GB / ES: small round dot above a short label */
.lang-list { display: flex; gap: 0.6rem; align-items: center; }
.lang-btn { background: transparent; border: none; padding: 0; cursor: pointer; }
.lang-btn:focus { outline: none; }

.country-badge { display: inline-flex; flex-direction: column; align-items: center; gap: 0.22rem; }
.country-dot { width: 22px; height: 22px; border-radius: 50%; display: block; background-size: cover; background-position: center; }
.country-label { font-size: 0.72rem; font-weight: 600; line-height: 1; color: rgba(0,0,0,0.85); }

/* France: vertical tricolour */
.country--fr.country-dot { background: linear-gradient(90deg,#0055A4 0 33.333%,#ffffff 33.333% 66.666%,#EF4135 66.666% 100%); }

/* Great Britain (approximation with layered gradients) */
.country--gb.country-dot {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60">%3Crect width="60" height="60" fill="%23012169"/%3E%3Cg stroke="%23fff" stroke-width="8" stroke-linecap="square"%3E%3Cline x1="0" y1="0" x2="60" y2="60"/%3E%3Cline x1="60" y1="0" x2="0" y2="60"/%3E%3C/g%3E%3Cg stroke="%23C8102E" stroke-width="4" stroke-linecap="square"%3E%3Cline x1="0" y1="0" x2="60" y2="60"/%3E%3Cline x1="60" y1="0" x2="0" y2="60"/%3E%3C/g%3E%3Crect x="24" y="0" width="12" height="60" fill="%23fff"/%3E%3Crect x="28" y="0" width="4" height="60" fill="%23C8102E"/%3E%3Crect x="0" y="24" width="60" height="12" fill="%23fff"/%3E%3Crect x="0" y="28" width="60" height="4" fill="%23C8102E"/%3E%3C/svg%3E');
	background-size: cover;
	background-position: center;
}

/* Spain: horizontal red-yellow-red */
.country--es.country-dot { background: linear-gradient(180deg,#AA151B 0 25%,#F1BF00 25% 75%,#AA151B 75% 100%); }

.lang-btn:focus .country-dot,
.lang-btn:hover .country-dot { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.08); }