/* Kaldras: Discord ile giris. SMF 2.0 default temasinin ustune biner. */

.kaldras-discord-page {
	padding: 16px 18px 20px;
}

.kaldras-discord-lead {
	margin: 0 0 14px;
	line-height: 1.55;
}

.kaldras-discord-note {
	margin: 12px 0 0;
	font-size: 0.9em;
	opacity: 0.8;
	line-height: 1.5;
}

.kaldras-discord-label {
	display: block;
	font-size: 0.78em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.7;
	margin-bottom: 2px;
}

.kaldras-discord-current {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid rgba(128, 128, 128, 0.35);
	border-radius: 8px;
	margin-bottom: 16px;
}

.kaldras-discord-current h4 {
	margin: 0 0 4px;
	font-size: 1.15em;
}

.kaldras-discord-current p {
	margin: 0;
	font-size: 0.92em;
	opacity: 0.85;
}

.kaldras-discord-mark {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	fill: currentColor;
}

.kaldras-discord-mark-big {
	width: 40px;
	height: 40px;
	color: #5865f2;
}

/* Discord'un kendi marka rengi. Butonun taninmasi tam da bu renge bagli. */
.kaldras-discord-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 9px 18px;
	border: 0;
	border-radius: 6px;
	background: #5865f2;
	color: #fff !important;
	font-weight: 600;
	font-size: 1em;
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
}

.kaldras-discord-button:hover,
.kaldras-discord-button:focus {
	background: #4752c4;
	color: #fff !important;
	text-decoration: none !important;
}

.kaldras-discord-actions {
	margin: 16px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.kaldras-discord-steps {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 14px 0 0;
}

.kaldras-discord-steps > div {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 210px;
	padding: 10px 12px;
	border: 1px solid rgba(128, 128, 128, 0.3);
	border-radius: 6px;
}

.kaldras-discord-steps b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: #5865f2;
	color: #fff;
	font-size: 0.82em;
}

/* Giris formunun ustune JS ile eklenen blok. */
.kaldras-discord-login {
	margin: 0 0 14px;
	text-align: center;
}

.kaldras-discord-login-sep {
	display: block;
	margin: 10px auto 0;
	font-size: 0.82em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.65;
}

/* Karakter kartlarindaki rozet (KaldrasCharacters.php cagiriyor). */
.kaldras-discord-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(88, 101, 242, 0.14);
	color: #5865f2;
	font-size: 0.82em;
	font-weight: 600;
	line-height: 1.6;
	vertical-align: middle;
}

.kaldras-discord-badge-mark {
	width: 13px;
	height: 13px;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: var(--kaldras-discord-glyph) center / contain no-repeat;
	mask: var(--kaldras-discord-glyph) center / contain no-repeat;
}

/* ⚠ Sunucudan tek bir dis istek bile cikmamali: logo data: URI olarak gomulu.
   Harici bir CDN'e baglanmak hem gizlilik hem kirilganlik getirirdi. */
:root {
	--kaldras-discord-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z'/%3E%3C/svg%3E");
}