/**
 * NOP Translate - Flags
 * Sistema de bandeiras com SVGs inline para fidelidade visual.
 */

.nop-flag {
	display: inline-block;
	width: 20px;
	height: 14px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 2px;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0,0,0,.25) inset;
	flex-shrink: 0;
}

.nop-flag--lg { width: 28px; height: 20px; }
.nop-flag--sm { width: 16px; height: 11px; }

/* Brasil */
.nop-flag--br {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 21'><rect width='30' height='21' fill='%23009b3a'/><path d='M15 2.6 L27.5 10.5 L15 18.4 L2.5 10.5 Z' fill='%23fedf00'/><circle cx='15' cy='10.5' r='4.2' fill='%23002776'/><path d='M11 10 q4 -1.5 8 0' stroke='white' stroke-width='0.8' fill='none'/></svg>");
}

/* Estados Unidos */
.nop-flag--us {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 21'><rect width='30' height='21' fill='%23b22234'/><g fill='white'><rect y='1.6' width='30' height='1.6'/><rect y='4.8' width='30' height='1.6'/><rect y='8' width='30' height='1.6'/><rect y='11.2' width='30' height='1.6'/><rect y='14.4' width='30' height='1.6'/><rect y='17.6' width='30' height='1.6'/></g><rect width='12' height='11.3' fill='%233c3b6e'/></svg>");
}

/* Reino Unido (alternativa para EN) */
.nop-flag--gb {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'><clipPath id='s'><path d='M0,0 v30 h60 v-30 z'/></clipPath><path d='M0,0 v30 h60 v-30 z' fill='%23012169'/><path d='M0,0 L60,30 M60,0 L0,30' stroke='white' stroke-width='6'/><path d='M0,0 L60,30 M60,0 L0,30' clip-path='url(%23s)' stroke='%23C8102E' stroke-width='4'/><path d='M30,0 v30 M0,15 h60' stroke='white' stroke-width='10'/><path d='M30,0 v30 M0,15 h60' stroke='%23C8102E' stroke-width='6'/></svg>");
}

/* Espanha */
.nop-flag--es {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 21'><rect width='30' height='21' fill='%23aa151b'/><rect y='5.25' width='30' height='10.5' fill='%23f1bf00'/></svg>");
}

/* França */
.nop-flag--fr {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 21'><rect width='10' height='21' fill='%23002395'/><rect x='10' width='10' height='21' fill='white'/><rect x='20' width='10' height='21' fill='%23ED2939'/></svg>");
}

/* Alemanha */
.nop-flag--de {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 21'><rect width='30' height='7' y='0' fill='black'/><rect width='30' height='7' y='7' fill='%23DD0000'/><rect width='30' height='7' y='14' fill='%23FFCE00'/></svg>");
}

/* Itália */
.nop-flag--it {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 21'><rect width='10' height='21' fill='%23009246'/><rect x='10' width='10' height='21' fill='white'/><rect x='20' width='10' height='21' fill='%23CE2B37'/></svg>");
}

/* Variações de formato */
.nop-flag--circle,
.nop-switcher--flag-circle .nop-flag {
	border-radius: 50%;
	width: 18px;
	height: 18px;
}

.nop-flag--square,
.nop-switcher--flag-square .nop-flag {
	border-radius: 0;
}

.nop-switcher--flag-rounded .nop-flag {
	border-radius: 3px;
}