/* bearvpn theme override for vinipux plugins */

/* ─── Gradient variable ─────────────────────────────────── */
:root {
	--bearvpn-gradient: linear-gradient(135deg, var(--color-accent-purple, #6C5CE7), var(--color-accent-cyan, #00B4D8));
	--bearvpn-gradient-hover: linear-gradient(135deg, #5B4BD6, #009FC5);
}

/* ─── Login modal (all pages) ────────────────────────────── */
.vc-modal-icon {
	background: var(--bearvpn-gradient) !important;
}

.vc-modal-submit {
	background: var(--bearvpn-gradient) !important;
	box-shadow: 0 4px 14px rgba(108, 92, 231, 0.3) !important;
}

.vc-modal-submit:hover {
	box-shadow: 0 6px 20px rgba(108, 92, 231, 0.4) !important;
}

.vc-modal-field input:focus {
	border-color: var(--color-accent-purple, #6C5CE7) !important;
	box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.15) !important;
}

/* ─── Payment modal (vinipux-forms) ──────────────────────── */
.vinipux-modal-header .vinipux-price {
	color: var(--color-accent-purple, #6C5CE7) !important;
}

.vinipux-field input:focus {
	border-color: var(--color-accent-purple, #6C5CE7) !important;
	box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.15) !important;
}

.vinipux-agreement a:hover {
	color: var(--color-accent-purple, #6C5CE7) !important;
}

.vinipux-submit {
	background: var(--bearvpn-gradient) !important;
	box-shadow: 0 4px 14px rgba(108, 92, 231, 0.3) !important;
}

.vinipux-submit:hover {
	box-shadow: 0 6px 20px rgba(108, 92, 231, 0.4) !important;
}

/* Category badge */
.vinipux-modal-category {
	background: rgba(108, 92, 231, 0.1);
	color: var(--color-accent-purple, #6C5CE7);
	border: 1px solid rgba(108, 92, 231, 0.2);
}

.vinipux-modal-category--whitelist {
	background: rgba(0, 180, 216, 0.1);
	color: var(--color-accent-cyan, #00B4D8);
	border-color: rgba(0, 180, 216, 0.2);
}

/* Features grid */
.vinipux-modal-features {
	background: var(--color-surface-alt, #f5f5f7);
	border-radius: 0.75rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

.vinipux-modal-features .vinipux-feat {
	color: var(--color-txt, #1d1d1f);
}

.vinipux-modal-features .vinipux-feat-icon {
	color: var(--color-accent-purple, #6C5CE7);
}

/* ─── Cabinet page ────────────────────────────────────────────
 * Светлую тему убрали: плагин vpn-commerce по умолчанию тёмный
 * (как у vinipuxvpn), а светлая версия конфликтовала с плагинным
 * CSS и давала FOUC (мигание — сначала тёмный, потом белый).
 * Акцентные кнопки уже переопределены плагином через собственный
 * vc-tariff-cta-primary (тот же градиент что и --bearvpn-gradient). */