/**
 * Futia Light Theme — Page Template Overrides
 * Covers: Homepage V2, Market, Landing Pages, Kanal Kurulum,
 *         Dashboard (kredi, marketplace, referral), Footer popup
 *
 * All selectors scoped under body.futia-light
 * Accent colors (violet, indigo, cyan) are preserved from dark theme.
 *
 * @since 2026-04-15
 */


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  A) HOMEPAGE V2 — #homepage-v2                                  ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* ── Custom Properties ── */
body.futia-light #homepage-v2 {
    --hv2-surface: #ffffff;
    --hv2-surface-hover: #f8f8fc;
    --hv2-border: rgba(0, 0, 0, 0.08);
    --hv2-border-hover: rgba(0, 0, 0, 0.12);
    --hv2-glass: rgba(255, 255, 255, 0.9);
    --hv2-glass-border: rgba(0, 0, 0, 0.08);
    --hv2-glow-violet: rgba(124, 58, 237, 0.12);
    --hv2-glow-blue: rgba(37, 99, 235, 0.10);
}

/* ── Section dividers ── */
body.futia-light #homepage-v2 section::before {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.06), transparent);
}

/* ── Section headers ── */
body.futia-light #homepage-v2 .hv2-section-header h2 {
    background: linear-gradient(135deg, #1a1a2e 20%, #7c3aed 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: none;
}

body.futia-light #homepage-v2 .hv2-section-header p {
    color: #4a4a5a;
}

/* ── Gradient text fixes — white→violet gradients unreadable on light bg ── */
body.futia-light #homepage-v2 .hv2-tools-brand {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 50%, #06b6d4 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: none !important;
}

/* All h2 headings that use white→violet gradient */
body.futia-light #homepage-v2 h2 {
    color: #1a1a2e;
}

/* Gradient text utility — dark start on light bg */
body.futia-light .gradient-text,
body.futia-light #homepage-v2 .gradient-text {
    background: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Section h2 that have white gradient (pricing, FAQ, etc.) */
body.futia-light #homepage-v2 .hv2-pricing h2,
body.futia-light #homepage-v2 .hv2-faq h2,
body.futia-light #homepage-v2 .hv2-services h2,
body.futia-light #homepage-v2 .hv2-about h2,
body.futia-light #homepage-v2 .hv2-contact h2 {
    background: none !important;
    -webkit-text-fill-color: #1a1a2e !important;
    color: #1a1a2e !important;
}

/* ── Badge ── */
body.futia-light #homepage-v2 .hv2-badge {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
    color: #1a1a2e;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* ── Hero ── */
body.futia-light #homepage-v2 .hv2-hero::after {
    background:
        radial-gradient(ellipse 60% 50% at 50% 50%, rgba(139, 92, 246, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 60% at 70% 30%, rgba(6, 182, 212, 0.04) 0%, transparent 60%);
}

body.futia-light #homepage-v2 .hv2-hero-tagline-logo {
    background: linear-gradient(135deg, #1a1a2e 0%, #1a1a2e 30%, #7c3aed 65%, #0ea5e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.futia-light #homepage-v2 .hv2-hero-tagline > span {
    color: rgba(0, 0, 0, 0.35);
}

body.futia-light #homepage-v2 .hv2-hero-title {
    background: linear-gradient(135deg, #1a1a2e 0%, #1a1a2e 40%, #7c3aed 70%, #0ea5e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.futia-light #homepage-v2 .hv2-hero-subtitle {
    color: #4a4a5a;
}

/* Hero buttons */
body.futia-light #homepage-v2 .hv2-hero-buttons .btn-outline {
    color: #1a1a2e;
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.futia-light #homepage-v2 .hv2-hero-buttons .btn-outline:hover {
    color: #1a1a2e;
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(139, 92, 246, 0.4);
    box-shadow: 0 4px 16px rgba(139, 92, 246, 0.08);
}

/* Hero stats */
body.futia-light #homepage-v2 .hv2-stat-num {
    background: linear-gradient(135deg, #1a1a2e 20%, #7c3aed 80%, #0ea5e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.futia-light #homepage-v2 .hv2-stat-label {
    color: rgba(0, 0, 0, 0.4);
}

body.futia-light #homepage-v2 .hv2-stat-divider {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.1), transparent);
}

/* ── Showcase ── */
body.futia-light #homepage-v2 .hv2-showcase-vcard,
body.futia-light #homepage-v2 .hv2-showcase-hcard {
    background: #f0f0f5;
}

body.futia-light #homepage-v2 .hv2-showcase-placeholder {
    background: #f0f0f5;
}

body.futia-light #homepage-v2 .hv2-showcase-placeholder i {
    color: rgba(139, 92, 246, 0.2);
}

body.futia-light #homepage-v2 .hv2-showcase-placeholder span {
    color: rgba(0, 0, 0, 0.15);
}

/* Flying cursor — reduce glow on light */
body.futia-light #homepage-v2 .hv2-flying-cursor {
    color: #1a1a2e;
    filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.3)) drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
}

/* ── Steps (old grid layout) ── */
body.futia-light #homepage-v2 .hv2-steps-grid::before {
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3), rgba(6, 182, 212, 0.5), rgba(139, 92, 246, 0.3), transparent);
    opacity: 0.4;
}

body.futia-light #homepage-v2 .hv2-step-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    backdrop-filter: none !important;
}

body.futia-light #homepage-v2 .hv2-step-card:hover {
    background: #ffffff !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 0 20px rgba(139, 92, 246, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-step-num {
    background: #ffffff;
    color: #1a1a2e;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(139, 92, 246, 0.15);
}

body.futia-light #homepage-v2 .hv2-step-num::after {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(6, 182, 212, 0.2)) !important;
    filter: blur(10px) !important;
    opacity: 0.4 !important;
}

body.futia-light #homepage-v2 .hv2-step-card h3 {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-step-card > p {
    color: #4a4a5a;
}

body.futia-light #homepage-v2 .hv2-step-details li {
    color: #4a4a5a;
}

/* ── Steps (new animated "Nasil Calisir" cards — hv2-hw-*) ── */
body.futia-light .hv2-hw-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.futia-light .hv2-hw-card:hover {
    background: #ffffff !important;
    border-color: rgba(99, 102, 241, 0.2) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08), 0 0 24px rgba(99, 102, 241, 0.06) !important;
}
body.futia-light .hv2-hw-card-title {
    color: #1a1a2e !important;
}
body.futia-light .hv2-hw-card-desc {
    color: #4a4a5a !important;
}
body.futia-light .hv2-hw-label {
    color: #6b7280 !important;
}
body.futia-light .hv2-hw-input-mock {
    background: #f5f5f8 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
body.futia-light .hv2-hw-typing-email {
    color: #1a1a2e !important;
}
body.futia-light .hv2-hw-typing-pass {
    color: #1a1a2e !important;
}
body.futia-light .hv2-hw-cursor,
body.futia-light .hv2-hw-cursor-2 {
    color: #6366f1 !important;
}
/* Card 2: Generator box */
body.futia-light .hv2-hw-gen-box {
    background: #f5f5f8 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}
body.futia-light .hv2-hw-line-1,
body.futia-light .hv2-hw-line-2 {
    background: rgba(0, 0, 0, 0.08) !important;
}
body.futia-light .hv2-hw-progress-label {
    color: #6b7280 !important;
}
body.futia-light .hv2-hw-progress-bar-wrap {
    background: rgba(0, 0, 0, 0.06) !important;
}
body.futia-light .hv2-hw-success-overlay {
    background: rgba(255, 255, 255, 0.9) !important;
}
body.futia-light .hv2-hw-auto-text {
    color: #6b7280 !important;
}
/* Card 3: Earning chart */
body.futia-light .hv2-hw-chart-icon {
    border-color: #ffffff !important;
}
body.futia-light .hv2-hw-chart-svg {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.08)) !important;
}
/* Connectors */
body.futia-light .hv2-hw-connector {
    background: rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* ── Demo (Interactive tab) ── */
body.futia-light #homepage-v2 .hv2-demo {
    background: linear-gradient(180deg, transparent 0%, rgba(139, 92, 246, 0.02) 50%, transparent 100%);
}

body.futia-light #homepage-v2 .hv2-tdemo-tabs {
    background: rgba(255, 255, 255, 0.85);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab {
    color: rgba(0, 0, 0, 0.4);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab:hover {
    color: rgba(0, 0, 0, 0.65);
    background: rgba(0, 0, 0, 0.02);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab.active {
    color: #1a1a2e;
    background: rgba(139, 92, 246, 0.05);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab.completed {
    color: rgba(0, 0, 0, 0.45);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab:not(:last-of-type)::after {
    background: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab-avatar {
    background: linear-gradient(135deg, #f0f0f5, #e8e8f0);
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab:hover .hv2-tdemo-tab-avatar {
    background: linear-gradient(135deg, #eaeaf2, #e0e0ea);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab.active .hv2-tdemo-tab-avatar {
    /* Keep violet gradient for active — works on both themes */
    box-shadow: 0 8px 20px rgba(139, 92, 246, 0.25);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab.completed .hv2-tdemo-tab-avatar {
    background: rgba(139, 92, 246, 0.08);
    border-color: rgba(139, 92, 246, 0.15);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab-num {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab-avatar i {
    color: rgba(0, 0, 0, 0.3);
    filter: none;
}

body.futia-light #homepage-v2 .hv2-tdemo-tab:hover .hv2-tdemo-tab-avatar i {
    color: rgba(0, 0, 0, 0.55);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab.completed .hv2-tdemo-tab-avatar i {
    color: rgba(139, 92, 246, 0.7);
}

body.futia-light #homepage-v2 .hv2-tdemo-tab-label {
    color: inherit;
}

body.futia-light #homepage-v2 .hv2-tdemo-progress {
    background: rgba(0, 0, 0, 0.04);
}

body.futia-light #homepage-v2 .hv2-tdemo-panels {
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.04) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-panels::before {
    background: rgba(139, 92, 246, 0.015) !important;
}

/* Animated gradient border — softer on light */
body.futia-light #homepage-v2 .hv2-tdemo::before {
    opacity: 0.7;
}

/* Top edge reflection — hide on light */
body.futia-light #homepage-v2 .hv2-tdemo::after {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.06), transparent) !important;
}

/* ── Demo Panel Headers ── */
body.futia-light #homepage-v2 .hv2-tdemo-panel-header h3 {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-panel-header p {
    color: #4a4a5a !important;
}

/* ── Section Labels ── */
body.futia-light #homepage-v2 .hv2-tdemo-section-label {
    color: #4a4a5a !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-hint {
    color: #7a7a8a !important;
}

/* ── Mock Input ── */
body.futia-light #homepage-v2 .hv2-tdemo-mock-input {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a2e !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(139, 92, 246, 0) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-mock-input:hover {
    border-color: rgba(139, 92, 246, 0.4) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(139, 92, 246, 0.08) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-mock-input i {
    color: rgba(0, 0, 0, 0.25) !important;
}

/* ── Suggestion Tags ── */
body.futia-light #homepage-v2 .hv2-tdemo-tag {
    background: rgba(139, 92, 246, 0.05) !important;
    border-color: rgba(139, 92, 246, 0.12) !important;
    color: #4a4a5a !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-tag i {
    color: rgba(139, 92, 246, 0.5) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-tag:hover {
    background: rgba(139, 92, 246, 0.08) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    color: #1a1a2e !important;
}

/* ── Script Block ── */
body.futia-light #homepage-v2 .hv2-tdemo-script-block {
    background: #f8f8fc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #4a4a5a !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-script-block strong {
    color: #0891b2 !important;
}

/* ── Script Preview ── */
body.futia-light #homepage-v2 .hv2-tdemo-script-preview {
    background: #f8f8fc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-script-preview-label {
    color: #7a7a8a !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-script-preview p {
    color: #4a4a5a !important;
}

/* ── Meta Row ── */
body.futia-light #homepage-v2 .hv2-tdemo-meta > span {
    color: #7a7a8a !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-meta > span i {
    color: rgba(0, 0, 0, 0.25) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-meta > span strong {
    color: #1a1a2e !important;
}

/* ── Audio Player ── */
body.futia-light #homepage-v2 .hv2-tdemo-audio {
    background: #f8f8fc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-time {
    color: #7a7a8a !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-volume i {
    color: rgba(0, 0, 0, 0.35) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-vol-slider {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-vol-slider::-webkit-slider-runnable-track {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-vol-slider::-moz-range-track {
    background: rgba(0, 0, 0, 0.1) !important;
}

/* ── Pill Rows (language, voice) ── */
body.futia-light #homepage-v2 .hv2-tdemo-pill {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #7a7a8a !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-pill.active {
    background: rgba(139, 92, 246, 0.08) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    color: #1a1a2e !important;
}

/* ── Toggle Group (quality selectors) ── */
body.futia-light #homepage-v2 .hv2-tdemo-toggle {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-toggle.active {
    border-color: rgba(139, 92, 246, 0.2) !important;
    background: rgba(139, 92, 246, 0.03) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-toggle > i {
    color: rgba(0, 0, 0, 0.2) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-toggle strong {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-toggle span {
    color: #7a7a8a !important;
}

/* ── Checklist ── */
body.futia-light #homepage-v2 .hv2-tdemo-check {
    color: #4a4a5a !important;
}

/* ── Duration Pills ── */
body.futia-light #homepage-v2 .hv2-tdemo-dur {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #7a7a8a !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-dur.active {
    /* Keep gradient background + white text — works on both themes */
}

/* ── Channel Selection ── */
body.futia-light #homepage-v2 .hv2-tdemo-channel {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-channel.active {
    border-color: rgba(139, 92, 246, 0.25) !important;
    background: rgba(139, 92, 246, 0.03) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-channel-info strong {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-channel.active .hv2-tdemo-channel-info strong {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-channel-info span {
    color: #7a7a8a !important;
}

/* New Channel Card */
body.futia-light #homepage-v2 .hv2-tdemo-channel-new {
    background: rgba(0, 0, 0, 0.01) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-channel-new-icon {
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: rgba(0, 0, 0, 0.3) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-channel-new span {
    color: rgba(0, 0, 0, 0.35) !important;
}

/* ── Image & Video Cards ── */
body.futia-light #homepage-v2 .hv2-tdemo-image-card {
    background: #f0f0f5 !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-video-card {
    background: #f0f0f5 !important;
}

/* ── Final Timeline ── */
body.futia-light #homepage-v2 .hv2-tdemo-final-timeline {
    border-color: rgba(0, 0, 0, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-final-step {
    background: rgba(0, 0, 0, 0.01) !important;
    border-bottom-color: rgba(0, 0, 0, 0.04) !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-final-info strong {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-final-info span {
    color: #7a7a8a !important;
}

/* ── Final Extras ── */
body.futia-light #homepage-v2 .hv2-tdemo-final-extra {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-tdemo-final-extra small {
    color: #7a7a8a !important;
}

/* ── Styles / Features ── */
body.futia-light #homepage-v2 .hv2-style-cat {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-style-cat:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-style-cat h3 {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-style-cat > p {
    color: #4a4a5a;
}

body.futia-light #homepage-v2 .hv2-style-tag {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.06);
    color: #4a4a5a;
}

body.futia-light #homepage-v2 .hv2-style-tag:hover {
    background: rgba(139, 92, 246, 0.08);
    border-color: rgba(139, 92, 246, 0.2);
    color: #1a1a2e;
}

/* Pipelines */
body.futia-light #homepage-v2 .hv2-pipelines {
    border-top-color: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-pipelines > h3 {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-pipeline-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-pipeline-card:hover {
    border-color: rgba(0, 0, 0, 0.12);
}

/* ── Features section ── */
body.futia-light #homepage-v2 .hv2-feat-cat {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

body.futia-light #homepage-v2 .hv2-feat-cat:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-feat-cat-header {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-feat-cat-header h3 {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-feat-cat-header p {
    color: #4a4a5a;
}

body.futia-light #homepage-v2 .hv2-feat-item {
    border-top-color: rgba(0, 0, 0, 0.04);
}

body.futia-light #homepage-v2 .hv2-feat-item:hover {
    background: rgba(0, 0, 0, 0.015);
    border-color: rgba(139, 92, 246, 0.12);
}

body.futia-light #homepage-v2 .hv2-feat-item h4 {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-feat-item p {
    color: #5a5a6a;
}

body.futia-light #homepage-v2 .hv2-feat-num {
    background: linear-gradient(135deg, #1a1a2e 20%, #7c3aed 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: none;
}

body.futia-light #homepage-v2 .hv2-feat-num-lbl {
    color: #5a5a6a;
}

/* ── Pricing cards ── */
body.futia-light #homepage-v2 .hv2-pricing-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}

body.futia-light #homepage-v2 .hv2-pricing-card:hover {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(99, 102, 241, 0.05) !important;
}

body.futia-light #homepage-v2 .hv2-pricing-featured {
    border-color: rgba(124, 58, 237, 0.25) !important;
    background: #ffffff !important;
    box-shadow: 0 4px 24px rgba(124, 58, 237, 0.08) !important;
}

body.futia-light #homepage-v2 .hv2-pricing-featured:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 30px rgba(124, 58, 237, 0.1) !important;
}

body.futia-light #homepage-v2 .hv2-pr-head h3 {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-pr-head p {
    color: #5a5a6a;
}

body.futia-light #homepage-v2 .hv2-pr-amount {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-pr-credits {
    color: #4a4a5a;
}

body.futia-light #homepage-v2 .hv2-pr-cta {
    color: #1a1a2e;
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

body.futia-light #homepage-v2 .hv2-pr-cta:hover {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.18);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

/* Featured card CTA keeps gradient — white text works on violet bg */

/* ── Pricing: Features list ── */
body.futia-light #homepage-v2 .hv2-pr-features li {
    color: #4a4a5a;
}

/* ── Pricing: Capacity tabs ── */
body.futia-light #homepage-v2 .hv2-pr-capacity {
    border-top-color: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-pr-tabs {
    background: rgba(0, 0, 0, 0.04);
}

body.futia-light #homepage-v2 .hv2-pr-tab {
    color: #7a7a8a;
}

body.futia-light #homepage-v2 .hv2-pr-tab.active {
    background: rgba(99, 102, 241, 0.12);
    color: #6366f1;
}

body.futia-light #homepage-v2 .hv2-pr-tab:hover:not(.active) {
    color: #4a4a5a;
    background: rgba(0, 0, 0, 0.03);
}

/* ── Pricing: Panel rows ── */
body.futia-light #homepage-v2 .hv2-pr-row {
    color: #4a4a5a;
}

body.futia-light #homepage-v2 .hv2-pr-row:hover {
    background: rgba(0, 0, 0, 0.02);
}

body.futia-light #homepage-v2 .hv2-pr-row-count {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-pr-row-label {
    color: #4a4a5a;
}

body.futia-light #homepage-v2 .hv2-pr-row-duration {
    color: #7a7a8a;
}

body.futia-light #homepage-v2 .hv2-pr-cap-note {
    color: #7a7a8a;
}

/* ── Pricing: Panel scrollbar ── */
body.futia-light #homepage-v2 .hv2-pr-panel-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.02);
}

body.futia-light #homepage-v2 .hv2-pr-panel-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
}

/* ── Nis (niche showcase) ── */
body.futia-light #homepage-v2 .hv2-nis-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-nis-card:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.06);
}

/* ── SSS (FAQ) ── */
body.futia-light #homepage-v2 .hv2-sss-item {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light #homepage-v2 .hv2-sss-item:hover {
    border-color: rgba(139, 92, 246, 0.15);
}

body.futia-light #homepage-v2 .hv2-sss-q {
    color: #1a1a2e;
}

body.futia-light #homepage-v2 .hv2-sss-a {
    color: #4a4a5a;
}

/* ── Tool Showcase Cards ── */
body.futia-light #homepage-v2 .hv2-tool-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: none !important;
}

body.futia-light #homepage-v2 .hv2-tool-card:hover {
    background: #ffffff !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 0 20px rgba(139, 92, 246, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-tool-preview {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-tool-info h3 {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-tool-info p {
    color: #4a4a5a !important;
}

/* ── FAQ Accordion (hv2-faq-item) ── */
body.futia-light #homepage-v2 .hv2-faq-item {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}

body.futia-light #homepage-v2 .hv2-faq-item::before {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.03) 0%, rgba(168, 85, 247, 0.02) 50%, transparent 100%) !important;
}

body.futia-light #homepage-v2 .hv2-faq-item:hover {
    border-color: rgba(139, 92, 246, 0.15) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-faq-item.open {
    border-color: rgba(139, 92, 246, 0.25) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(139, 92, 246, 0.08) !important;
}

body.futia-light #homepage-v2 .hv2-faq-q {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-faq-q-text {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-faq-item.open .hv2-faq-q-text {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-faq-icon {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.futia-light #homepage-v2 .hv2-faq-icon i {
    color: #7a7a8a !important;
}

body.futia-light #homepage-v2 .hv2-faq-item:hover .hv2-faq-icon {
    background: rgba(99, 102, 241, 0.06) !important;
    border-color: rgba(99, 102, 241, 0.12) !important;
}

body.futia-light #homepage-v2 .hv2-faq-item.open .hv2-faq-icon {
    background: rgba(99, 102, 241, 0.08) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
}

body.futia-light #homepage-v2 .hv2-faq-a p {
    color: #4a4a5a !important;
}

body.futia-light #homepage-v2 .hv2-faq-a p::before {
    background: rgba(139, 92, 246, 0.3) !important;
}

/* ── Kredi Fiyat Tablosu (pricing reference) ── */
body.futia-light #homepage-v2 .hv2-pr-ref {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: none !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-header h3 {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-header p {
    color: #7a7a8a !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-block h4 {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-line {
    background: #f8f8fc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-label {
    color: #7c3aed !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-vals {
    color: #4a4a5a !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-tool {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-tool span:first-child {
    color: #4a4a5a !important;
}

body.futia-light #homepage-v2 .hv2-pr-ref-price {
    color: #1a1a2e !important;
}

/* ── Pricing Combo Cards ── */
body.futia-light #homepage-v2 .hv2-pr-combos {
    background: transparent !important;
}

body.futia-light #homepage-v2 .hv2-pr-combos-header h3 {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-pr-combos-header p {
    color: #4a4a5a !important;
}

body.futia-light #homepage-v2 .hv2-pr-combo-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

body.futia-light #homepage-v2 .hv2-pr-combo-card:hover {
    border-color: rgba(139, 92, 246, 0.15) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

body.futia-light #homepage-v2 .hv2-pr-combo-name {
    color: #1a1a2e !important;
}

body.futia-light #homepage-v2 .hv2-pr-combo-kr {
    color: #7c3aed !important;
}

body.futia-light #homepage-v2 .hv2-pr-combo-detail {
    color: #4a4a5a !important;
}

/* ── Pricing section background ── */
body.futia-light #homepage-v2 .hv2-pricing {
    background: #f0f0f5 !important;
}

/* ── Contact ── */
body.futia-light #homepage-v2 .hv2-contact-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  B) MARKET PAGE — .fm-* (page-market.php inline <style>)       ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* ── Variables ── */
body.futia-light {
    --fm-bg: #fafafa;
    --fm-card: #ffffff;
    --fm-card-border: rgba(0, 0, 0, 0.08);
    --fm-card-hover: #f8f8fc;
    --fm-text: #1a1a2e;
    --fm-text-dim: #4a4a5a;
    --fm-text-dimmer: rgba(0, 0, 0, 0.35);
    --fm-glass: rgba(255, 255, 255, 0.8);
    --fm-glass-border: rgba(0, 0, 0, 0.06);
}

/* ── Hero ── */
body.futia-light .fm-hero::before {
    background: radial-gradient(ellipse 60% 55% at 50% 50%, rgba(139, 92, 246, 0.05) 0%, transparent 70%);
}

body.futia-light .fm-hero::after {
    background: radial-gradient(ellipse at center, rgba(6, 182, 212, 0.03) 0%, transparent 65%);
}

body.futia-light .fm-hero-badge {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
    color: #4a4a5a;
}

body.futia-light .fm-hero h1 {
    background: linear-gradient(135deg, #1a1a2e 0%, #1a1a2e 30%, #7c3aed 65%, #0ea5e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.futia-light .fm-hero-subtitle {
    color: #1a1a2e;
}

body.futia-light .fm-hero-tagline {
    color: #4a4a5a;
}

/* Hero pills */
body.futia-light .fm-hero-pill {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.06);
    color: #1a1a2e;
}

body.futia-light .fm-hero-pill:nth-child(1) { border-color: rgba(16, 185, 129, 0.2); }
body.futia-light .fm-hero-pill:nth-child(2) { border-color: rgba(245, 158, 11, 0.2); }
body.futia-light .fm-hero-pill:nth-child(3) { border-color: rgba(6, 182, 212, 0.2); }

/* ── Search ── */
body.futia-light .fm-search-input {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
    color: #1a1a2e;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

body.futia-light .fm-search-input:focus {
    border-color: rgba(139, 92, 246, 0.4);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08), 0 4px 16px rgba(0, 0, 0, 0.04);
}

body.futia-light .fm-search-input::placeholder {
    color: rgba(0, 0, 0, 0.3);
}

body.futia-light .fm-search-icon {
    color: rgba(0, 0, 0, 0.3);
}

/* ── Divider ── */
body.futia-light .fm-divider {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.06), transparent);
}

/* ── Value cards ── */
body.futia-light .fm-value-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .fm-value-card::after {
    /* keep accent color top line */
}

body.futia-light .fm-value-card:hover {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

body.futia-light .fm-value-card h3 {
    color: #1a1a2e;
}

body.futia-light .fm-value-card p {
    color: #4a4a5a;
}

/* ── Category Row / Sort ── */
body.futia-light .fm-cats-row .fm-cat-chip {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.06);
    color: #4a4a5a;
}

body.futia-light .fm-cats-row .fm-cat-chip:hover,
body.futia-light .fm-cats-row .fm-cat-chip.active {
    /* Keep category accent colors */
}

body.futia-light .fm-sort-select {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
    color: #1a1a2e;
}

/* ── Product cards ── */
body.futia-light .fm-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .fm-card:hover {
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
}

body.futia-light .fm-card-icon {
    /* Keep colored icon backgrounds */
}

body.futia-light .fm-card h3 {
    color: #1a1a2e;
}

body.futia-light .fm-card-desc {
    color: #4a4a5a;
}

body.futia-light .fm-card-meta {
    color: rgba(0, 0, 0, 0.4);
}

body.futia-light .fm-card-cat {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

/* ── Best Sellers ── */
body.futia-light .fm-best-sellers {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.04), rgba(239, 68, 68, 0.02));
    border-color: rgba(245, 158, 11, 0.12);
}

body.futia-light .fm-best-sellers::before {
    background: radial-gradient(circle, rgba(245, 158, 11, 0.04) 0%, transparent 65%);
}

body.futia-light .fm-best-card {
    background: #ffffff;
    border-color: rgba(245, 158, 11, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .fm-best-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 0 16px rgba(245, 158, 11, 0.06);
}

/* ── FAQ ── */
body.futia-light .fm-faq-header h2 {
    background: linear-gradient(135deg, #1a1a2e 0%, #7c3aed 60%, #06b6d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.futia-light .fm-faq-item {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .fm-faq-item[open] {
    background: #ffffff;
    border-color: rgba(139, 92, 246, 0.2);
}

body.futia-light .fm-faq-item summary {
    color: #1a1a2e;
}

body.futia-light .fm-faq-item summary:hover {
    color: #7c3aed;
}

body.futia-light .fm-faq-item p {
    color: #4a4a5a;
}

body.futia-light .fm-faq-item p strong {
    color: #1a1a2e;
}

body.futia-light .fm-faq-item p code {
    background: rgba(139, 92, 246, 0.08);
    color: #7c3aed;
}

/* ── Market Detail page ── */
body.futia-light .fm-detail-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .fm-detail-desc {
    color: #4a4a5a;
}

body.futia-light .fm-detail-sidebar {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

/* ── Success / Cancel ── */
body.futia-light .fm-success-card,
body.futia-light .fm-cancel-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

/* ── Pagination ── */
body.futia-light .fm-pagination a,
body.futia-light .fm-pagination span {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.06);
    color: #4a4a5a;
}

body.futia-light .fm-pagination .current {
    /* Keep violet accent for active page */
}

body.futia-light .fm-pagination a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #1a1a2e;
}

/* ── Review Section ── */
body.futia-light .fm-review-card {
    background: rgba(0, 0, 0, 0.015);
    border-color: rgba(0, 0, 0, 0.04);
}

body.futia-light .fm-review-text {
    color: #4a4a5a;
}

body.futia-light .fm-review-author {
    color: #1a1a2e;
}


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  C) LANDING PAGES — #futia-landing, .fl-*                      ║
   ╚══════════════════════════════════════════════════════════════════╝ */

body.futia-light #futia-landing {
    --fl-bg: #fafafa;
    --fl-bg-2: #f0f0f5;
    --fl-surface: #ffffff;
    --fl-surface-hover: #f8f8fc;
    --fl-glass: rgba(255, 255, 255, 0.9);
    --fl-glass-border: rgba(0, 0, 0, 0.06);
    --fl-text: #1a1a2e;
    --fl-text-2: #4a4a5a;
    --fl-text-3: rgba(0, 0, 0, 0.4);
    --fl-glow-v: rgba(139, 92, 246, 0.10);
    --fl-glow-c: rgba(6, 182, 212, 0.06);
    background: var(--fl-bg);
    color: var(--fl-text);
}

/* Section dividers */
body.futia-light .fl-section + .fl-section::before {
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.1), rgba(6, 182, 212, 0.06), transparent);
}

/* Breadcrumb */
body.futia-light .fl-breadcrumb {
    color: rgba(0, 0, 0, 0.35);
}

body.futia-light .fl-breadcrumb a {
    color: rgba(0, 0, 0, 0.35);
}

/* Hero glow */
body.futia-light .fl-hero::before {
    background: radial-gradient(ellipse, rgba(139, 92, 246, 0.06) 0%, transparent 70%);
    opacity: 0.5;
}

body.futia-light .fl-hero-badge {
    background: rgba(139, 92, 246, 0.06);
    border-color: rgba(139, 92, 246, 0.15);
}

body.futia-light .fl-hero h1 {
    background: linear-gradient(135deg, #1a1a2e 0%, rgba(26, 26, 46, 0.8) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* h1 em keeps gradient — violet/cyan works on light */

body.futia-light .fl-hero-subtitle {
    color: #4a4a5a;
}

/* Section badges & headers */
body.futia-light .fl-section-badge {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.06);
    color: #4a4a5a;
}

body.futia-light .fl-section-header h2 {
    color: #1a1a2e;
}

body.futia-light .fl-section-header p {
    color: #4a4a5a;
}

/* Explanation */
body.futia-light .fl-explanation {
    background: #f0f0f5;
}

body.futia-light .fl-explanation-content {
    color: #4a4a5a;
}

/* Step cards */
body.futia-light .fl-step-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .fl-step-card:hover {
    background: #ffffff;
    border-color: rgba(139, 92, 246, 0.15);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

body.futia-light .fl-step-card h3 {
    color: #1a1a2e;
}

body.futia-light .fl-step-card p {
    color: #4a4a5a;
}

/* Benefits */
body.futia-light .fl-benefits {
    background: #f0f0f5;
}

body.futia-light .fl-benefit-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .fl-benefit-card:hover {
    background: #ffffff;
    border-color: rgba(6, 182, 212, 0.15);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

body.futia-light .fl-benefit-card h3 {
    color: #1a1a2e;
}

body.futia-light .fl-benefit-card p {
    color: #4a4a5a;
}

/* CTA banner */
body.futia-light .fl-cta-box {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(6, 182, 212, 0.03));
    border-color: rgba(139, 92, 246, 0.1);
}

body.futia-light .fl-cta-box::before {
    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.03) 0%, transparent 60%);
}

body.futia-light .fl-cta-box h2 {
    color: #1a1a2e;
}

body.futia-light .fl-cta-box p {
    color: #4a4a5a;
}

/* FAQ */
body.futia-light .fl-faq-item {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .fl-faq-item:hover {
    border-color: rgba(139, 92, 246, 0.1);
}

body.futia-light .fl-faq-q {
    color: #1a1a2e;
}

body.futia-light .fl-faq-q i {
    color: rgba(0, 0, 0, 0.3);
}

body.futia-light .fl-faq-a-inner {
    color: #4a4a5a;
}

/* Related posts */
body.futia-light .fl-related {
    background: #f0f0f5;
}

body.futia-light .fl-related-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    color: #1a1a2e;
}

body.futia-light .fl-related-card:hover {
    border-color: rgba(139, 92, 246, 0.12);
    color: #1a1a2e;
}


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  D) KANAL KURULUM — .kk-* (from style.css)                     ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* Page background cosmic glow — reduce for light */
body.futia-light .kk-page::before {
    background:
        radial-gradient(ellipse 80% 50% at 50% 10%, rgba(88, 48, 160, 0.04) 0%, transparent 60%),
        radial-gradient(ellipse 50% 40% at 85% 8%, rgba(6, 182, 212, 0.03) 0%, transparent 50%),
        radial-gradient(ellipse 50% 30% at 10% 30%, rgba(67, 56, 202, 0.03) 0%, transparent 55%),
        radial-gradient(ellipse 60% 25% at 50% 50%, rgba(88, 48, 160, 0.02) 0%, transparent 60%);
}

/* Orbs — tone down for light */
body.futia-light .kk-orb {
    opacity: 0.12;
}

body.futia-light .kk-orb-3 {
    opacity: 0.06;
}

/* Grid overlay */
body.futia-light .kk-hero-grid {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px);
}

/* Badge */
body.futia-light .kk-badge {
    background: rgba(6, 182, 212, 0.06);
    border-color: rgba(6, 182, 212, 0.15);
}

/* Title */
body.futia-light .kk-hero-title {
    color: #1a1a2e;
}

body.futia-light .kk-hero-subtitle {
    color: #4a4a5a;
}

/* Trust row */
body.futia-light .kk-trust-item {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.06);
    color: #4a4a5a;
}

/* Section headers */
body.futia-light .kk-section-badge {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.06);
    color: #4a4a5a;
}

body.futia-light .kk-section-title {
    color: #1a1a2e;
}

body.futia-light .kk-section-subtitle {
    color: #4a4a5a;
}

/* Package cards */
body.futia-light .kk-paket-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

body.futia-light .kk-paket-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

body.futia-light .kk-paket-card.profesyonel {
    border-color: rgba(139, 92, 246, 0.2);
    background: rgba(139, 92, 246, 0.02);
}

body.futia-light .kk-paket-card.profesyonel:hover {
    border-color: rgba(139, 92, 246, 0.35);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 0 20px rgba(139, 92, 246, 0.06);
}

body.futia-light .kk-paket-card.premium {
    border-color: rgba(6, 182, 212, 0.2);
    background: rgba(6, 182, 212, 0.02);
}

body.futia-light .kk-paket-card.premium:hover {
    border-color: rgba(6, 182, 212, 0.35);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 0 20px rgba(6, 182, 212, 0.06);
}

body.futia-light .kk-paket-header h3,
body.futia-light .kk-paket-name {
    color: #1a1a2e;
}

body.futia-light .kk-price-amount {
    color: #1a1a2e;
}

body.futia-light .kk-paket-features li.included {
    color: #4a4a5a;
}

body.futia-light .kk-paket-features li.not-included {
    color: rgba(0, 0, 0, 0.3);
}

/* Example videos inline styles — override the inline borders */
body.futia-light .kk-ornekler [style*="border:1px solid rgba(255,255,255"] {
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

body.futia-light .kk-ornekler [style*="color:rgba(255,255,255,0.6)"] {
    color: #4a4a5a !important;
}

/* How-to, Features, FAQ sections */
body.futia-light .kk-howto-card,
body.futia-light .kk-feature-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .kk-howto-card:hover,
body.futia-light .kk-feature-card:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

body.futia-light .kk-howto-card h3,
body.futia-light .kk-feature-card h3 {
    color: #1a1a2e;
}

body.futia-light .kk-howto-card p,
body.futia-light .kk-feature-card p {
    color: #4a4a5a;
}

body.futia-light .kk-faq-item {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .kk-faq-item summary {
    color: #1a1a2e;
}

body.futia-light .kk-faq-item p {
    color: #4a4a5a;
}

/* Cancel banner */
body.futia-light .kk-cancel-banner {
    background: rgba(220, 38, 38, 0.06);
    border-bottom-color: rgba(220, 38, 38, 0.15);
    color: #dc2626;
}

/* Portfolio sold channels */
body.futia-light .kk-portfolio-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

/* Final CTA */
body.futia-light .kk-final-cta-box {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.04), rgba(6, 182, 212, 0.03));
    border-color: rgba(139, 92, 246, 0.1);
}

/* Success overlay */
body.futia-light .kk-success-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  E) DASHBOARD INLINE TEMPLATES                                  ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* ── E1: Kredi Page (kredi.php) — .futia-sub-* ── */

/* Subscription status banner */
body.futia-light .futia-sub-banner-inner {
    border-color: rgba(0, 0, 0, 0.06);
    background: rgba(0, 0, 0, 0.02);
}

body.futia-light .futia-sub-banner-text strong {
    color: #1a1a2e;
}

body.futia-light .futia-sub-banner-text span {
    color: #4a4a5a;
}

/* Banner variants — keep accent colors, lighten backgrounds */
body.futia-light .futia-sub-banner-none {
    border-color: rgba(139, 92, 246, 0.15);
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.04) 0%, rgba(99, 102, 241, 0.02) 100%);
}

body.futia-light .futia-sub-banner-trial {
    border-color: rgba(6, 182, 212, 0.15);
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.04) 0%, rgba(6, 182, 212, 0.01) 100%);
}

body.futia-light .futia-sub-banner-active {
    border-color: rgba(16, 185, 129, 0.18);
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.04) 0%, rgba(16, 185, 129, 0.01) 100%);
}

body.futia-light .futia-sub-banner-canceled {
    border-color: rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
}

body.futia-light .futia-sub-banner-canceled .futia-sub-banner-icon {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.35);
}

body.futia-light .futia-sub-banner-pastdue {
    border-color: rgba(239, 68, 68, 0.18);
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.04) 0%, rgba(239, 68, 68, 0.01) 100%);
}

/* Action buttons */
body.futia-light .futia-sub-cancel-btn {
    background: rgba(0, 0, 0, 0.03);
    color: #4a4a5a;
    border-color: rgba(0, 0, 0, 0.08);
}

body.futia-light .futia-sub-cancel-btn:hover {
    background: rgba(239, 68, 68, 0.06);
    border-color: rgba(239, 68, 68, 0.2);
    color: #dc2626;
}

/* Pricing period */
body.futia-light .futia-sub-price-period {
    color: rgba(0, 0, 0, 0.4);
}

/* Features list */
body.futia-light .futia-sub-features li {
    color: #4a4a5a;
}

/* Current plan button */
body.futia-light .futia-sub-current-btn {
    background: rgba(16, 185, 129, 0.06) !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
}

/* Switch button */
body.futia-light .futia-sub-switch-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: rgba(0, 0, 0, 0.3) !important;
}

/* Top-up card */
body.futia-light .futia-topup-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .futia-topup-desc {
    color: #4a4a5a;
}

body.futia-light .futia-topup-rate {
    background: rgba(139, 92, 246, 0.05);
    border-color: rgba(139, 92, 246, 0.12);
}

body.futia-light .futia-topup-qty-wrap label {
    color: rgba(0, 0, 0, 0.4);
}

body.futia-light .futia-topup-qty-row {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.02);
}

body.futia-light .futia-topup-qty-btn {
    background: rgba(0, 0, 0, 0.03);
    color: #4a4a5a;
}

body.futia-light .futia-topup-qty-btn:hover {
    background: rgba(139, 92, 246, 0.08);
    color: #7c3aed;
}

body.futia-light .futia-topup-qty-input {
    color: #1a1a2e;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-right-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .futia-topup-total-credits {
    color: #1a1a2e;
}


/* ── E2: Marketplace (marketplace.php) — .fmp-* ── */

/* Header icon kept (gradient works on both themes) */

body.futia-light .fmp-balance {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.06), rgba(245, 158, 11, 0.02)) !important;
    border-color: rgba(245, 158, 11, 0.12) !important;
    color: #b45309;
}

body.futia-light .fmp-balance i {
    color: #d97706;
}

/* Tabs */
body.futia-light .fmp-tabs {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .fmp-tab {
    color: rgba(0, 0, 0, 0.4);
}

body.futia-light .fmp-tab:hover {
    color: rgba(0, 0, 0, 0.65);
}

body.futia-light .fmp-tab.active {
    color: #d97706;
    border-bottom-color: #d97706;
}

body.futia-light .fmp-tab-badge {
    background: rgba(245, 158, 11, 0.1);
    color: #b45309;
}

/* Category filter */
body.futia-light .fmp-cat-btn {
    border-color: rgba(0, 0, 0, 0.06);
    background: rgba(0, 0, 0, 0.02);
    color: #4a4a5a;
}

body.futia-light .fmp-cat-btn:hover {
    background: rgba(245, 158, 11, 0.05);
    border-color: rgba(245, 158, 11, 0.15);
    color: #1a1a2e;
}

body.futia-light .fmp-cat-btn.active {
    background: rgba(245, 158, 11, 0.08);
    border-color: rgba(245, 158, 11, 0.25);
    color: #b45309;
}

body.futia-light .fmp-cat-count {
    background: rgba(0, 0, 0, 0.04);
}

body.futia-light .fmp-cat-btn.active .fmp-cat-count {
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
}

/* Cards */
body.futia-light .fmp-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .fmp-card:hover {
    border-color: rgba(245, 158, 11, 0.2);
    box-shadow: 0 8px 28px rgba(245, 158, 11, 0.06);
}

body.futia-light .fmp-card-owned {
    border-color: rgba(34, 197, 94, 0.15);
}

body.futia-light .fmp-card-owned:hover {
    border-color: rgba(34, 197, 94, 0.25);
    box-shadow: 0 8px 28px rgba(34, 197, 94, 0.05);
}

body.futia-light .fmp-card-visual {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.04), rgba(139, 92, 246, 0.02));
}

body.futia-light .fmp-card-cat {
    background: rgba(0, 0, 0, 0.5);
    /* Keep light text on dark badge overlay */
}

body.futia-light .fmp-card-placeholder {
    color: rgba(245, 158, 11, 0.15);
}

body.futia-light .fmp-card-title {
    color: #1a1a2e;
}

body.futia-light .fmp-card-desc {
    color: #5a5a6a;
}

body.futia-light .fmp-card-price {
    color: #b45309;
}

body.futia-light .fmp-card-price i {
    color: #d97706;
}

body.futia-light .fmp-card-sales {
    color: rgba(0, 0, 0, 0.35);
}

/* Buttons — buy gradient kept, others adjusted */
body.futia-light .fmp-btn-owned {
    background: rgba(34, 197, 94, 0.06);
    border-color: rgba(34, 197, 94, 0.15);
}

body.futia-light .fmp-btn-view {
    background: rgba(139, 92, 246, 0.06);
    border-color: rgba(139, 92, 246, 0.15);
}

body.futia-light .fmp-btn-cancel {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
    color: #4a4a5a;
}

body.futia-light .fmp-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #1a1a2e;
}

/* Empty state */
body.futia-light .fmp-empty-icon {
    background: rgba(245, 158, 11, 0.06);
    color: rgba(245, 158, 11, 0.3);
}

body.futia-light .fmp-empty h3 {
    color: #4a4a5a;
}

body.futia-light .fmp-empty p {
    color: rgba(0, 0, 0, 0.35);
}

/* Owned grid */
body.futia-light .fmp-owned-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .fmp-owned-card:hover {
    border-color: rgba(139, 92, 246, 0.15);
}

body.futia-light .fmp-owned-icon {
    background: rgba(245, 158, 11, 0.06);
}

body.futia-light .fmp-owned-info h4 {
    color: #1a1a2e;
}

body.futia-light .fmp-owned-meta {
    color: rgba(0, 0, 0, 0.35);
}

body.futia-light .fmp-owned-cat {
    background: rgba(245, 158, 11, 0.06);
    color: #b45309 !important;
}

/* Modal */
body.futia-light .fmp-modal-overlay {
    background: rgba(0, 0, 0, 0.4);
}

body.futia-light .fmp-modal {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12);
}

body.futia-light .fmp-modal-close {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.35);
}

body.futia-light .fmp-modal-close:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #1a1a2e;
}

body.futia-light .fmp-modal-title {
    color: #1a1a2e;
}


/* ── E3: Referral (referral.php) — .futia-ref-* ── */

body.futia-light .futia-ref-section-title {
    color: #1a1a2e;
}

body.futia-light .futia-ref-section-title i {
    opacity: 0.5;
}

body.futia-light .futia-ref-section-desc {
    color: #4a4a5a;
}

/* Level card */
body.futia-light .futia-ref-level-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .futia-ref-level-spent-val {
    color: #1a1a2e;
}

body.futia-light .futia-ref-level-spent-label {
    color: #5a5a6a;
}

/* Progress bar */
body.futia-light .futia-ref-progress-bar {
    background: rgba(0, 0, 0, 0.06);
}

body.futia-light .futia-ref-progress-info {
    color: #5a5a6a;
}

/* Invite box */
body.futia-light .futia-ref-invite-box {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .futia-ref-code-row label,
body.futia-light .futia-ref-url-row label {
    color: #5a5a6a;
}

body.futia-light .futia-ref-code-display code {
    background: rgba(139, 92, 246, 0.08);
    color: #7c3aed;
}

body.futia-light .futia-ref-url-input-wrap input {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.1);
    color: #1a1a2e;
}

body.futia-light .futia-ref-url-input-wrap input:focus {
    border-color: rgba(139, 92, 246, 0.4);
}

/* Stats grid */
body.futia-light .futia-ref-stat-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

body.futia-light .futia-ref-stat-val {
    color: #1a1a2e;
}

body.futia-light .futia-ref-stat-label {
    color: #5a5a6a;
}

/* Achievements */
body.futia-light .futia-ref-ach-counter {
    color: #5a5a6a;
}

body.futia-light .futia-ref-ach-card {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .futia-ref-ach-unlocked {
    border-color: rgba(139, 92, 246, 0.2);
}

body.futia-light .futia-ref-ach-locked {
    opacity: 0.45;
}

body.futia-light .futia-ref-ach-unlocked .futia-ref-ach-icon {
    background: rgba(139, 92, 246, 0.08);
    color: #7c3aed;
}

body.futia-light .futia-ref-ach-locked .futia-ref-ach-icon {
    background: rgba(0, 0, 0, 0.04);
    color: #94a3b8;
}

body.futia-light .futia-ref-ach-info strong {
    color: #1a1a2e;
}

body.futia-light .futia-ref-ach-info span {
    color: #5a5a6a;
}

body.futia-light .futia-ref-ach-lock {
    color: #94a3b8;
}

/* Leaderboard */
body.futia-light .futia-ref-leaderboard {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.06);
}

body.futia-light .futia-ref-lb-header {
    background: rgba(0, 0, 0, 0.02);
    color: #5a5a6a;
}

body.futia-light .futia-ref-lb-row {
    border-top-color: rgba(0, 0, 0, 0.04);
}

body.futia-light .futia-ref-lb-row:hover {
    background: rgba(0, 0, 0, 0.015);
}

body.futia-light .futia-ref-lb-me {
    background: rgba(139, 92, 246, 0.04);
}

body.futia-light .futia-ref-lb-rank {
    color: #5a5a6a;
}

body.futia-light .futia-ref-lb-user {
    color: #1a1a2e;
}

body.futia-light .futia-ref-lb-avatar-placeholder {
    background: rgba(139, 92, 246, 0.1);
    color: #7c3aed;
}

body.futia-light .futia-ref-lb-spent {
    color: #1a1a2e;
}

body.futia-light .futia-ref-empty {
    color: #5a5a6a;
}


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  F) FOOTER TRIAL POPUP — #trial-popup (inline styles)          ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* Overlay backdrop */
body.futia-light #trial-popup-overlay {
    background: rgba(0, 0, 0, 0.3) !important;
}

/* Popup container — override inline background */
body.futia-light #trial-popup {
    background: linear-gradient(180deg, #ffffff 0%, #f8f8fc 100%) !important;
    border-color: rgba(139, 92, 246, 0.15) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12), 0 0 40px rgba(139, 92, 246, 0.04) !important;
}

/* Close button */
body.futia-light #trial-popup-close {
    color: rgba(0, 0, 0, 0.25) !important;
}

/* Heading */
body.futia-light #trial-popup h3 {
    color: #1a1a2e !important;
}

/* Description text */
body.futia-light #trial-popup p {
    color: #4a4a5a !important;
}

body.futia-light #trial-popup p strong {
    color: #1a1a2e !important;
}

body.futia-light #trial-popup p strong[style*="color:#a78bfa"],
body.futia-light #trial-popup p strong[style*="color:#fff"] {
    color: #7c3aed !important;
}

/* Stat boxes inside popup */
body.futia-light #trial-popup [style*="background:rgba(139,92,246,0.1)"] {
    background: rgba(139, 92, 246, 0.06) !important;
    border-color: rgba(139, 92, 246, 0.12) !important;
}

body.futia-light #trial-popup [style*="background:rgba(6,182,212,0.1)"] {
    background: rgba(6, 182, 212, 0.06) !important;
    border-color: rgba(6, 182, 212, 0.12) !important;
}

body.futia-light #trial-popup [style*="background:rgba(16,185,129,0.1)"] {
    background: rgba(16, 185, 129, 0.06) !important;
    border-color: rgba(16, 185, 129, 0.12) !important;
}

/* Stat labels inside popup */
body.futia-light #trial-popup [style*="color:rgba(255,255,255,0.4)"] {
    color: rgba(0, 0, 0, 0.4) !important;
}

/* Footnote */
body.futia-light #trial-popup [style*="color:rgba(255,255,255,0.25)"] {
    color: rgba(0, 0, 0, 0.3) !important;
}

/* CTA button keeps gradient — white text on violet still works */


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  SHARED: Generic dark-to-light text/bg overrides               ║
   ║  Catch-all for common inline color patterns                     ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* Gradient text headings — ensure legibility on light */
body.futia-light .hv2-section-header h2,
body.futia-light .fl-section-header h2 em,
body.futia-light .fl-hero h1 em,
body.futia-light .kk-gradient-text {
    /* gradient-clip text stays — accents work on light */
}

/* Section backgrounds that reference --fl-bg-2 or similar */
body.futia-light .fl-explanation,
body.futia-light .fl-benefits,
body.futia-light .fl-related {
    background: #f0f0f5;
}

/* Ensure CTA gradient buttons (violet/indigo) maintain white text */
body.futia-light .fl-hero-cta,
body.futia-light .futia-sub-activate-btn,
body.futia-light .futia-ref-copy-btn,
body.futia-light .fmp-btn-buy,
body.futia-light .fmp-btn-confirm,
body.futia-light .kk-checkout-btn {
    /* Keep gradient backgrounds + white text — universal */
}


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  MOBILE OVERFLOW FIX — Homepage hero showcase shift             ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* Mobile overflow fix moved to homepage-v2.css (theme-agnostic) */


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  FOMO WIDGET — Light Theme Override                             ║
   ╚══════════════════════════════════════════════════════════════════╝ */

body.futia-light .futia-fomo {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(20px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

body.futia-light .futia-fomo-icon {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(99, 102, 241, 0.08)) !important;
    border-color: rgba(139, 92, 246, 0.15) !important;
}

body.futia-light .futia-fomo-icon::after {
    border-color: rgba(139, 92, 246, 0.2) !important;
}

body.futia-light .futia-fomo-text {
    color: #4a4a5a !important;
}

body.futia-light .futia-fomo-text strong {
    color: #7c3aed !important;
}

body.futia-light .futia-fomo-sub {
    color: rgba(0, 0, 0, 0.35) !important;
}

body.futia-light .futia-fomo-time {
    color: #6366f1 !important;
}

body.futia-light .futia-fomo-close {
    background: rgba(0, 0, 0, 0.04) !important;
    color: rgba(0, 0, 0, 0.35) !important;
}

body.futia-light .futia-fomo-close:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    color: rgba(0, 0, 0, 0.6) !important;
}

body.futia-light .futia-fomo-progress-bar {
    background: linear-gradient(90deg, #8b5cf6, #6366f1) !important;
}