/* ==========================================================================
   IPTVenus — "Clean light premium" style
   Loaded on top of main.css when config 'style' => 'light'.
   One accent colour: change --accent / --accent-hover / --accent-soft below.
   ========================================================================== */

.theme-light {
	--accent: #4f46e5;
	--accent-hover: #4338ca;
	--accent-soft: #eef0ff;
	--accent-ring: rgba(79, 70, 229, 0.18);

	--bg: #ffffff;
	--bg-alt: #f5f5f7;
	--card: #ffffff;
	--surface: #f5f5f7;
	--surface-2: #ececf1;
	--border: #e5e5ea;
	--border-strong: #d2d2d7;

	--text: #1d1d1f;
	--muted: #6e6e73;
	--dim: #6a6a6f;

	/* Every former neon colour now resolves to the single accent */
	--violet: var(--accent);
	--violet-2: var(--accent);
	--indigo: var(--accent);
	--cyan: var(--accent);
	--green: #15803d;
	--danger: #d92d4a;

	--grad: linear-gradient(var(--accent), var(--accent));
	--grad-btn: linear-gradient(var(--accent), var(--accent));
	--glow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 20px -10px rgba(79, 70, 229, 0.55);
	--shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 12px 32px -16px rgba(0, 0, 0, 0.14);
	--shadow-lg: 0 2px 4px rgba(0, 0, 0, 0.04), 0 30px 60px -30px rgba(0, 0, 0, 0.25);

	--font-head: 'Inter Tight', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
	--font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
	--radius: 24px;
	--radius-sm: 18px;
}

.theme-light ::selection { background: rgba(79, 70, 229, 0.18); color: var(--text); }
.theme-light :focus-visible { outline-color: var(--accent); }
.theme-light h1, .theme-light h2, .theme-light h3 { letter-spacing: -0.03em; font-weight: 700; }

/* No aurora / grid / noise — calm white canvas */
.theme-light .bg-aurora { display: none; }

/* Alternating section backgrounds for rhythm */
.theme-light #features,
.theme-light #pricing { background: var(--bg-alt); }

/* ---------- Shared surfaces ---------- */
.theme-light .glass {
	background: var(--card);
	border-color: var(--border);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	box-shadow: var(--shadow);
}

.theme-light .eyebrow {
	padding: 0;
	border: 0;
	background: none;
	color: var(--accent);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0;
}
.theme-light .eyebrow-dot { display: none; }

.theme-light .spot::before { background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 50%), rgba(79, 70, 229, 0.06), transparent 45%); }

/* ---------- Buttons ---------- */
.theme-light .btn { border-radius: 999px; font-weight: 600; }
.theme-light .btn-primary { background: var(--accent); box-shadow: none; }
.theme-light .btn-primary::after { display: none; }
.theme-light .btn-primary:hover { background: var(--accent-hover); box-shadow: 0 8px 24px -10px rgba(79, 70, 229, 0.6); }
.theme-light .btn-ghost {
	background: transparent;
	border-color: var(--border-strong);
	color: var(--text);
	backdrop-filter: none;
}
.theme-light .btn-ghost:hover { background: var(--bg-alt); border-color: var(--border-strong); }
.theme-light .header-actions > .btn-ghost { border-color: #d5d7e2; background: #fff; color: #27283a; box-shadow: 0 3px 10px rgba(35,38,60,.07), inset 0 1px 0 #fff; }
.theme-light .header-actions > .btn-ghost:hover { border-color: #b9b5f0; background: #f8f7ff; box-shadow: 0 6px 16px rgba(54,48,140,.12); }
.theme-light .hero-actions .btn-plan-preview { border-color: color-mix(in srgb,var(--accent) 30%,var(--border)); color: #35315f; background: linear-gradient(135deg,#f1efff,#fff 74%); box-shadow: 0 6px 18px -14px rgba(79,70,229,.65); }
.theme-light .hero-actions .btn-plan-preview:hover { border-color: var(--accent); color: #29254d; background: linear-gradient(135deg,#e9e6ff,#fff 76%); box-shadow: 0 12px 26px -15px rgba(79,70,229,.75),0 0 0 3px rgba(79,70,229,.08); }

/* ---------- Header ---------- */
.theme-light .site-header.is-scrolled,
.theme-light.menu-open .site-header {
	background: rgba(255, 255, 255, 0.8);
	border-bottom-color: var(--border);
}
.theme-light .main-nav a { color: var(--muted); }
.theme-light .main-nav a:hover { background: rgba(0, 0, 0, 0.04); color: var(--text); }
.theme-light .menu-toggle { background: transparent; }
.theme-light .mobile-menu { background: rgba(255, 255, 255, 0.98); }

/* ---------- Hero: centred, product-shot style ---------- */
.theme-light .hero { min-height: 0; padding: calc(var(--header-h) + 88px) 0 96px; }
.theme-light .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 72px; }
.theme-light .hero-copy { max-width: 860px; margin-inline: auto; text-align: center; }
.theme-light .hero-title { font-size: clamp(2.75rem, 7vw, 5.25rem); letter-spacing: -0.045em; line-height: 1.02; }
.theme-light .hero-text { margin-inline: auto; max-width: 640px; font-size: 1.25rem; }
.theme-light .hero-actions,
.theme-light .hero-badges { justify-content: center; }
.theme-light .hero-badges .icon { color: var(--accent); }
.theme-light .hero-visual { max-width: 940px; width: 100%; margin-inline: auto; perspective: none; }

/* The TV keeps its dark screen — like a product photo on white */
.theme-light .device {
	--text: #eef0ff;
	--muted: #a3abcc;
	--dim: #8088ad;
	--border: rgba(255, 255, 255, 0.08);
	--grad: linear-gradient(120deg, #a78bfa 0%, #818cf8 40%, #22d3ee 100%);
	color: #eef0ff;
	transform: none;
	padding: 5px;
	border-radius: 24px;
	background: linear-gradient(180deg, #2b2b30, #111114);
	border: 1px solid #d2d2d7;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 50px 100px -40px rgba(0, 0, 0, 0.45), 0 30px 60px -30px rgba(79, 70, 229, 0.25);
}
.theme-light .device::before { display: none; }
.theme-light .device-side .is-active { background: rgba(139, 92, 246, 0.22); color: #fff; }

.theme-light .float-chip {
	background: rgba(255, 255, 255, 0.92);
	border-color: var(--border);
	box-shadow: var(--shadow-lg);
	backdrop-filter: blur(12px);
	color: var(--muted);
	animation-duration: 8s;
}
.theme-light .float-chip .icon,
.theme-light .chip-2 .icon,
.theme-light .chip-3 .icon { background: var(--accent-soft); color: var(--accent); }
.theme-light .chip-1 .icon { background: #fff4cf; color: #b77908; }
.theme-light .chip-2 .icon { background: #dcfce9; color: #15803d; }
.theme-light .chip-3 .icon { background: #e0efff; color: #2563b8; }
.theme-light .chip-1 { left: -24px; }
.theme-light .chip-2 { right: -24px; }

/* ---------- Stats & marquee ---------- */
.theme-light .stats { padding-bottom: 24px; }
.theme-light .stats-grid { box-shadow: none; background: var(--bg-alt); border-color: transparent; }
.theme-light .stats-grid strong,
.theme-light .stat-suffix { color: var(--text); background: none; -webkit-text-fill-color: currentColor; }
.theme-light .devices-stats-grid strong,
.theme-light .devices-stats-grid .stat-suffix { color: var(--text) !important; background: none; -webkit-text-fill-color: currentColor; }
.theme-light .devices-stats-grid .stat-label { color: var(--muted); }
.theme-light .marquee li { background: #fff; border-color: var(--border); color: var(--muted); }

/* ---------- Bento ---------- */
.theme-light .bento-card {
	background: #fff;
	border-color: var(--border);
	box-shadow: var(--shadow);
}
.theme-light .bento-card:hover { border-color: rgba(79, 70, 229, 0.3); box-shadow: var(--shadow-lg); }
.theme-light .bento-icon,
.theme-light .device-icon,
.theme-light .perks li > span {
	background: var(--accent-soft);
	color: var(--accent);
	box-shadow: none;
}

/* EPG */
.theme-light .epg-prog { background: var(--bg-alt); border-color: var(--border); color: #3a3a3c; }
.theme-light .epg-row:first-of-type .epg-prog:first-child { background: var(--accent); border-color: var(--accent); color: #fff; }
.theme-light .epg-now { background: var(--accent); box-shadow: none; }
.theme-light .epg-now span { background: var(--accent); color: #fff; }

/* Quality */
.theme-light .q-big {
	background: none;
	color: var(--text);
	-webkit-text-fill-color: currentColor;
	animation: none;
	filter: none;
}
.theme-light .q-chips i.on { background: var(--accent); border-color: var(--accent); color: #fff; }

/* Servers */

/* Activation ring */
.theme-light .ring-bg { stroke: #ececf1; }
.theme-light .ring-fg { filter: none; }

/* Catch-up */
.theme-light .tl-bar { background: #ececf1; }
.theme-light .tl-knob { box-shadow: 0 0 0 1px var(--border-strong), 0 4px 10px rgba(0, 0, 0, 0.15); }

/* Devices row */
.theme-light .dev-row span { background: var(--bg-alt); border-color: var(--border); animation-name: dev-glow-light; }
@keyframes dev-glow-light {
	0%, 12%, 100% { color: var(--muted); background: var(--bg-alt); border-color: var(--border); }
	5% { color: #fff; background: var(--accent); border-color: var(--accent); }
}

/* Chat — message-app style */
.theme-light .bubble.in { background: #e9e9eb; border-color: transparent; color: var(--text); }
.theme-light .bubble.out { background: var(--accent); color: #fff; }

/* ---------- Steps ---------- */
.theme-light .steps::before { background: var(--border); }
.theme-light .step-num { -webkit-text-stroke: 1px rgba(0, 0, 0, 0.08); }
.theme-light .step-icon { border-radius: 50%; box-shadow: none; color: #fff; }

/* ---------- Devices ---------- */
.theme-light .device-card:hover { border-color: rgba(79, 70, 229, 0.3); }

/* ---------- Pricing ---------- */
.theme-light .plan { background: #fff; border-color: var(--border); box-shadow: var(--shadow); }
.theme-light .plan:hover { border-color: var(--border-strong); box-shadow: var(--shadow-lg); }
.theme-light .plan.is-popular {
	background: #fff;
	border: 2px solid var(--accent);
	box-shadow: 0 30px 60px -30px rgba(79, 70, 229, 0.45);
}
.theme-light .plan.is-popular::after { display: none; }
.theme-light .plan-badge { box-shadow: none; }
.theme-light .plan-save { background: #e8f7ee; color: var(--green); }
.theme-light .plan-features li { color: var(--text); }
.theme-light .pricing-foot a:hover { color: var(--accent-hover); }

/* ---------- Reviews ---------- */
.theme-light .review blockquote { color: var(--text); }

/* ---------- FAQ ---------- */
.theme-light .acc-item { background: #fff; border-color: var(--border); }
.theme-light .acc-item.is-open { background: #fff; border-color: rgba(79, 70, 229, 0.35); box-shadow: var(--shadow); }
.theme-light .acc-icon { background: var(--bg-alt); }
.theme-light .is-open .acc-icon { color: #fff; }
.theme-light .help-avatar { color: #fff; }

/* ---------- Final CTA: the one bold block of accent ---------- */
.theme-light .cta-panel {
	background: linear-gradient(115deg,#4338ca 0%,#5144df 56%,#155e75 100%);
	border: 0;
	color: #fff;
}
.theme-light .cta-panel::before {
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
}
.theme-light .cta-glow { background: radial-gradient(circle, rgba(255, 255, 255, 0.35), transparent 65%); opacity: 0.5; filter: blur(60px); animation: none; }
.theme-light .cta-panel h2 { color: #fff; }
.theme-light .cta-panel p { color: rgba(255, 255, 255, 0.85); }
.theme-light .cta-panel .btn-primary { background: #fff; color: var(--accent); }
.theme-light .cta-panel .btn-primary:hover { background: #f5f5ff; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.35); }
.theme-light .cta-panel .cta-trial-button { color: #3730a3; background: linear-gradient(135deg,#fff,#e9eaff); box-shadow: 0 10px 30px -12px #11194e8c,inset 0 1px 0 #fff; }
.theme-light .cta-panel .cta-trial-button:hover { color: #29227e; background: #fff; box-shadow: 0 14px 34px -12px #11194e9c,0 0 0 4px #ffffff25; }
.theme-light .cta-panel .btn-ghost { border-color: rgba(255, 255, 255, 0.5); color: #fff; }
.theme-light .cta-panel .btn-ghost:hover { background: rgba(255, 255, 255, 0.12); }

/* ---------- Footer ---------- */
.theme-light .site-footer { background: var(--bg-alt); border-top-color: var(--border); }

/* ---------- Trial page ---------- */
.theme-light .trial { background: linear-gradient(180deg, #fff 0%, var(--bg-alt) 100%); }
.theme-light .trial-card {
	background: #fff;
	border-color: var(--border);
	box-shadow: var(--shadow-lg);
}
.theme-light .card-glow { display: none; }
.theme-light .form-alert { background: #fff1f2; border-color: #fecdd3; color: #9f1239; }
.theme-light .field label { color: var(--text); }
.theme-light .input-wrap input,
.theme-light .input-wrap select {
	background: var(--bg-alt);
	border-color: transparent;
}
.theme-light .input-wrap input::placeholder { color: #8e8e93; }
.theme-light .input-wrap input:focus,
.theme-light .input-wrap select:focus {
	background: #fff;
	border-color: var(--accent);
	box-shadow: 0 0 0 4px var(--accent-ring);
}
.theme-light .select-wrap select option { background: #fff; color: var(--text); }
.theme-light .field.has-error .input-wrap input,
.theme-light .field.has-error .input-wrap select { background: #fff; box-shadow: 0 0 0 4px rgba(217, 45, 74, 0.12); }
.theme-light .check-box { background: #fff; border-color: #c7c7cc; }
.theme-light .check input:checked + .check-box { color: #fff; }
.theme-light .success-icon { background: #e8f7ee; box-shadow: 0 0 0 10px #f3fbf6; }

/* ---------- Blog & pages ---------- */
.theme-light .post-card:hover { border-color: rgba(79, 70, 229, 0.3); box-shadow: var(--shadow-lg); }
.theme-light .post-thumb { background: var(--bg-alt); }
.theme-light .thumb-fallback { background: radial-gradient(circle at 30% 30%, #e0e3ff, transparent 60%), radial-gradient(circle at 75% 70%, #eef0ff, transparent 60%), var(--bg-alt); }
.theme-light .thumb-fallback .icon { fill: var(--accent); }
.theme-light .post-body h2 a:hover { color: var(--accent); }
.theme-light .pagination .current { color: #fff; }
.theme-light .prose { color: #3a3a3c; }
.theme-light .prose a:hover { color: var(--accent-hover); }
.theme-light .article-cta { border-color: var(--border); }

/* ---------- Mobile ---------- */
@media (max-width: 960px) {
	.theme-light .hero { padding-top: calc(var(--header-h) + 56px); }
}
@media (max-width: 640px) {
	.theme-light .hero-title { font-size: clamp(2.4rem, 11vw, 3.2rem); }
	.theme-light .hero-text { font-size: 1.0625rem; }
	.theme-light .device { padding: 6px; border-radius: 20px; }
	.theme-light .chip-1 { left: 0; }
	.theme-light .chip-2 { right: 0; }
}

/* ---------- Photos (light) ---------- */
.theme-light .photo-chip {
	background: rgba(255, 255, 255, 0.94);
	color: var(--text);
	box-shadow: var(--shadow-lg);
}
.theme-light .photo-chip .icon { color: var(--accent); }
.theme-light .chip-check .icon { color: #fff; }
.theme-light .collage figure,
.theme-light .trial-photo { box-shadow: var(--shadow-lg); }
.theme-light .tp-icon { background: var(--accent-soft); color: var(--accent); }
.theme-light .cta-overlay { background: linear-gradient(120deg, rgba(67, 56, 202, 0.68) 0%, rgba(67, 56, 202, 0.58) 55%, rgba(17, 82, 111, 0.48) 100%); }

/* ---------- Posters & feature photos (light) ---------- */
.theme-light .poster { box-shadow: 0 22px 40px -24px rgba(0, 0, 0, 0.35); }
.theme-light .tag-high { background: var(--accent); }
.theme-light .dev-photo::after { background: linear-gradient(180deg, transparent 40%, rgba(255, 255, 255, 0.5)); }

/* ---------- Named packs (light) ---------- */
.theme-light .hero-bg { display: block; }
.theme-light .plan-icon,
.theme-light .btn-plan { background: var(--plan-soft, var(--accent-soft)); }
.theme-light .btn-plan:hover { background: var(--plan); color: #fff; }
.theme-light .plan:hover { border-color: color-mix(in srgb, var(--plan) 40%, transparent); box-shadow: 0 30px 60px -30px color-mix(in srgb, var(--plan) 50%, transparent); }

/* Ultimate — the one filled card */
.theme-light .plan.is-popular {
	border: 0;
	color: #fff;
	background:
		radial-gradient(120% 70% at 100% 0%, rgba(129, 140, 248, 0.55) 0%, transparent 60%),
		radial-gradient(90% 60% at 0% 100%, rgba(236, 72, 153, 0.25) 0%, transparent 60%),
		linear-gradient(160deg, #312e81 0%, #1e1b4b 75%);
	box-shadow: 0 40px 80px -30px rgba(79, 70, 229, 0.7);
	transform: none;
}
.theme-light .plan.is-popular:hover { transform: translateY(-4px); box-shadow: 0 50px 90px -30px rgba(79, 70, 229, 0.8); }
.theme-light .plan.is-popular .plan-icon { background: rgba(255, 255, 255, 0.14); color: #fff; }
.theme-light .plan.is-popular .plan-tier strong,
.theme-light .plan.is-popular .plan-price strong { color: #fff; }
.theme-light .plan.is-popular .plan-tier span,
.theme-light .plan.is-popular header h3,
.theme-light .plan.is-popular .plan-per { color: rgba(255, 255, 255, 0.7); }
.theme-light .plan.is-popular .plan-features { border-top-color: rgba(255, 255, 255, 0.15); }
.theme-light .plan.is-popular .plan-features li { color: #e0e7ff; }
.theme-light .plan.is-popular .plan-features .icon { color: #a5b4fc; }
.theme-light .plan.is-popular .plan-save { background: rgba(52, 211, 153, 0.2); color: #6ee7b7; }
.theme-light .plan.is-popular .plan-badge { background: #fbbf24; color: #1e1b4b; }
.theme-light .plan.is-popular .btn-primary { background: #fff; color: #312e81; }
.theme-light .plan.is-popular .btn-primary:hover { background: #eef0ff; box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.45); }
.theme-light .plan.is-popular .plan-alt { color: rgba(255, 255, 255, 0.75); }
.theme-light .plan.plan-platinum.is-popular {
	background: radial-gradient(120% 70% at 100% 0%, rgba(172, 221, 246, .34), transparent 62%), linear-gradient(155deg, #31536a 0%, #1f374b 52%, #162b3c 100%);
	box-shadow: 0 36px 74px -34px rgba(46, 97, 128, .62);
}
.theme-light .plan.plan-platinum.is-popular::after { background: linear-gradient(160deg, #d9f2ff, #6d9ab4); opacity: .2; }
.theme-light .plan.plan-platinum.is-popular .plan-icon { color: #e4f7ff; background: linear-gradient(145deg, rgba(212,240,255,.24), rgba(119,180,210,.18)); box-shadow: inset 0 0 0 1px rgba(222,245,255,.2); }
.theme-light .plan.plan-platinum.is-popular .plan-features .icon { color: #a8e3ff; }
.theme-light .plan.plan-platinum.is-popular .plan-save { color: #bff8e3; background: rgba(52,211,153,.18); }
.theme-light .plan.plan-platinum.is-popular .btn-primary { color: #1b3445; background: #effaff; }
.theme-light .long-offer { border-color: #d8d9ff; background: linear-gradient(105deg, #f3f2ff 0%, #f2fbff 100%); box-shadow: 0 16px 36px -28px rgba(79, 70, 229, .45); }
.theme-light .long-offer-icon { color: #5145e5; background: #e9e8ff; }
.theme-light .long-offer-copy h3 { color: var(--text); }
.theme-light .long-offer-price strong { color: #27233f; }
.theme-light .long-offer-obsidian { color: #fff; border-color: #1b826d; background: linear-gradient(105deg, #0c191d, #102d30 58%, #10463e); box-shadow: 0 24px 55px -32px rgba(16, 129, 105, .68); }
.theme-light .long-offer-obsidian .long-offer-icon { color: #c9ffeb; background: linear-gradient(145deg, rgba(52,211,153,.3), rgba(34,211,238,.18)); box-shadow: inset 0 0 0 1px rgba(167,243,208,.3), 0 6px 20px rgba(16,129,105,.2); }
.theme-light .long-offer-obsidian .long-offer-kicker,
.theme-light .long-offer-obsidian .long-offer-copy p,
.theme-light .long-offer-obsidian .long-offer-price span { color: #d0d7f0; }
.theme-light .long-offer-obsidian .long-offer-kicker > span:first-child { color: #d4f9e8; background: rgba(52,211,153,.16); }
.theme-light .long-offer-obsidian .long-offer-copy h3,
.theme-light .long-offer-obsidian .long-offer-price strong { color: #fff; }
.theme-light .long-offer-obsidian > .btn { color: #f2fff9; background: linear-gradient(110deg, #087c69, #07866d 60%, #147d99); }
@media (max-width: 1100px) {
	.theme-light .plan.is-popular, .theme-light .plan.is-popular:hover { transform: none; }
}

/* Free trial callout (light) */
.theme-light .trial-callout { background: linear-gradient(90deg, #ecfdf5 0%, #f0fdf4 45%, #eef2ff 100%); border-color: #bbf7d0; }
.theme-light .trial-callout::after { background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.85) 50%, transparent 60%); }