/* =========================================================
   Âmbar – UI global (dialogo + botoes sociais)
   Carregado no <head> do index.php
   ========================================================= */

/* ---------- Dialogo messageUI ---------- */

#imui { padding: 0 !important; border: 0 !important; background: none !important; }

.bzc-msg {
	padding: 24px 22px 20px;
	border: 1px solid rgba(240, 177, 51, .30);
	border-radius: 16px;
	background:
		radial-gradient(120% 90% at 90% -10%, rgba(240, 177, 51, .18), transparent 60%),
		linear-gradient(180deg, #262019 0%, #15120e 100%);
	box-shadow: 0 30px 70px rgba(0, 0, 0, .7);
	text-align: center;
}

.bzc-msg__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin: 0 auto 10px;
	border-radius: 50%;
	font-size: 21px;
	font-weight: 900;
	line-height: 1;
}

.bzc-msg--ok .bzc-msg__ico {
	background: linear-gradient(180deg, #86efac, #4ade80);
	color: #06301b;
	box-shadow: 0 0 22px -4px rgba(74, 222, 128, .85);
}

.bzc-msg--warn .bzc-msg__ico {
	background: linear-gradient(180deg, #ffd97a, #f0b133);
	color: #2a1c05;
	box-shadow: 0 0 22px -4px rgba(240, 177, 51, .85);
}

.bzc-msg--info .bzc-msg__ico {
	background: linear-gradient(180deg, #9cc4ff, #6f9ee8);
	color: #071527;
	box-shadow: 0 0 22px -4px rgba(122, 184, 255, .7);
}

.bzc-msg__title {
	margin: 0;
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .3px;
	color: #ffe6b0;
}

.bzc-msg--warn .bzc-msg__title { color: #ffe6b0; }
.bzc-msg--info .bzc-msg__title { color: #e8f0ff; }

.bzc-msg__steps {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 7px;
	margin: 12px 0 0;
	color: #a3988a;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .3px;
}

.bzc-msg__steps b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 50%;
	background: linear-gradient(180deg, #86efac, #4ade80);
	color: #06301b;
	font-family: Georgia, serif;
	font-size: 11px;
}

.bzc-msg__steps i {
	width: 18px;
	height: 1px;
	background: linear-gradient(90deg, rgba(240, 177, 51, .6), rgba(255, 255, 255, .12));
}

.bzc-msg__body {
	margin: 10px 0 16px;
	color: #d9d0c3;
	font-size: 13.5px;
	line-height: 1.55;
}

.bzc-msg__body b { color: var(--pf-gold-2, #ffd97a); font-weight: 700; }

.bzc-msg__ok {
	min-width: 150px;
	padding: 11px 22px;
	border: 1px solid rgba(240, 177, 51, .85);
	border-radius: 999px;
	font-size: 13.5px;
	font-family: Georgia, 'Times New Roman', serif;
	/* cores explicitas: o dialog aparece fora de .bzc-pf, onde as
	   variaveis --pf-* nao existem e a heranca ficava texto preto */
	color: #2a1c05 !important;
	background: linear-gradient(180deg, #ffd97a, #f0b133) !important;
	border-color: rgba(240, 177, 51, .85) !important;
	font-weight: 700;
	letter-spacing: .4px;
	cursor: pointer;
}

.bzc-msg__ok:hover {
	color: #2a1c05 !important;
	background: linear-gradient(180deg, #ffe6a3, #edb02f) !important;
	box-shadow: 0 14px 30px -14px rgba(240, 177, 51, .95);
}

/* ---------- Botoes sociais (SVG inline) ---------- */

.bzc-social {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 9px;
}

.bzc-social a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(240, 177, 51, .22);
	border-radius: 50%;
	background: rgba(255, 255, 255, .04);
	color: #cfc4b2;
	transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.bzc-social a:hover {
	background: rgba(240, 177, 51, .16);
	border-color: rgba(240, 177, 51, .55);
	color: #ffd97a;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -12px rgba(240, 177, 51, .9);
}

.bzc-social svg,
.bzc-share__btn svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
	display: block;
	flex: 0 0 auto;
}

.bzc-social a[data-net="discord"]:hover { color: #c9cdfb; border-color: rgba(114, 137, 218, .6); background: rgba(114, 137, 218, .16); }
.bzc-social a[data-net="facebook"]:hover { color: #9ec2ff; border-color: rgba(66, 103, 178, .6); background: rgba(66, 103, 178, .16); }
.bzc-social a[data-net="instagram"]:hover { color: #ffb3d1; border-color: rgba(225, 48, 108, .55); background: rgba(225, 48, 108, .14); }
.bzc-social a[data-net="twitter"]:hover { color: #b9e5ff; border-color: rgba(29, 161, 242, .55); background: rgba(29, 161, 242, .14); }
.bzc-social a[data-net="whatsapp"]:hover { color: #b9f5cf; border-color: rgba(37, 211, 102, .55); background: rgba(37, 211, 102, .14); }