/**
 * دکمه‌ی هوشمندِ حساب — استایلِ پایه + presetها.
 * رنگِ اصلی از متغیرِ --fab-accent می‌آید (inline از تنظیمات ست می‌شود).
 */
:root {
	--fab-accent: #2271b1;
}

.farazsms-account-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font: inherit;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	border-radius: 8px;
	padding: 8px 16px;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease, opacity .15s ease;
	white-space: nowrap;
}

.farazsms-account-btn:hover {
	text-decoration: none;
	opacity: .92;
}

.farazsms-account-btn__icon {
	width: 1em;
	height: 1em;
	display: inline-block;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: no-repeat center / contain;
	mask: no-repeat center / contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4 0-8 2-8 5v1h16v-1c0-3-4-5-8-5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4 0-8 2-8 5v1h16v-1c0-3-4-5-8-5Z'/%3E%3C/svg%3E");
}

/* preset: default (پُر) */
.farazsms-account-btn--default {
	background-color: var(--fab-accent);
	color: #fff;
	border: 1px solid var(--fab-accent);
}

/* preset: outline (خط‌دار) */
.farazsms-account-btn--outline {
	background-color: transparent;
	color: var(--fab-accent);
	border: 1px solid var(--fab-accent);
}
.farazsms-account-btn--outline:hover {
	background-color: var(--fab-accent);
	color: #fff;
	opacity: 1;
}

/* preset: pill (قرصی) */
.farazsms-account-btn--pill {
	background-color: var(--fab-accent);
	color: #fff;
	border: 1px solid var(--fab-accent);
	border-radius: 999px;
	padding: 8px 20px;
}

/* preset: minimal (بدونِ کادر) */
.farazsms-account-btn--minimal {
	background-color: transparent;
	color: var(--fab-accent);
	border: 0;
	padding: 6px 4px;
}
.farazsms-account-btn--minimal:hover {
	text-decoration: underline;
}

/* بلاکِ گوتنبرگ */
.farazsms-account-btn-block.has-text-align-center { text-align: center; }
.farazsms-account-btn-block.has-text-align-left { text-align: left; }
.farazsms-account-btn-block.has-text-align-right { text-align: right; }