/* Light theme overrides */
html[data-theme="light"] body {
  background: #ffffff;
  color: #111827;
}

html[data-theme="light"] .background .gradient {
  background: radial-gradient(1000px 1000px at 60% -10%,
    rgba(99,102,241,0.20) 0%, rgba(99,102,241,0.05) 35%, transparent 60%),
  radial-gradient(900px 900px at 0% 40%,
    rgba(236,72,153,0.18) 0%, rgba(236,72,153,0.06) 40%, transparent 70%),
  linear-gradient(180deg, #ffffff, #f8fafc 60%);
  opacity: 1;
}

html[data-theme="light"] .header {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

html[data-theme="light"] .hero h1 { color: #0b1220; }
html[data-theme="light"] .hero p { color: #374151; }
html[data-theme="light"] .brand-sub { color: #374151; }
html[data-theme="light"] .brand-hero { color: #0b1220; }

/* Cards / sections */
html[data-theme="light"] .card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .cta {
  background: #ffffff;
  color: #111827;
  box-shadow: 0 6px 24px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);
}

html[data-theme="light"] .card p,
html[data-theme="light"] .feature-card p { color: #374151; }

/* Footer */
html[data-theme="light"] footer {
  background: #f3f4f6;
  color: #111827;
  border-top: 1px solid rgba(0,0,0,0.06);
}

/* Buttons keep gradient; adjust outline/button borders for light bg */
html[data-theme="light"] .btn-outline {
  border-color: #1f2937;
  color: #1f2937;
}
html[data-theme="light"] .btn-outline:hover {
  background: #111827;
  color: #ffffff;
}

/* Generic text colors previously using #e5e7eb / #cbd5e1 */
html[data-theme="light"] .muted,
html[data-theme="light"] .text-muted { color: #6b7280; }

/* Inputs */
html[data-theme="light"] input, 
html[data-theme="light"] textarea, 
html[data-theme="light"] select {
  background: #ffffff;
  color: #111827;
  border: 1px solid rgba(0,0,0,0.1);
}

/* VK/OK/IG icon hover looks fine on light; keep brand colors */

/* Back to top button contrast */
html[data-theme="light"] #toTop {
  background: rgba(17,24,39,.85);
  color: #fff;
}



/* === Visibility/contrast boost for LIGHT theme === */
html[data-theme="light"] body { color: #0b1220; }

/* Headings */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] .section-title,
html[data-theme="light"] .brand-hero { color: #0b1220; }

html[data-theme="light"] .brand-sub { color: #334155; }

/* Paragraphs and list items */
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] .text,
html[data-theme="light"] .muted,
html[data-theme="light"] .text-muted { color: #374151; }

/* Navigation links */
html[data-theme="light"] header a,
html[data-theme="light"] .header a,
html[data-theme="light"] nav a { color: #111827 !important; }
html[data-theme="light"] header a:hover,
html[data-theme="light"] .header a:hover,
html[data-theme="light"] nav a:hover { color: #000000 !important; }

/* Generic links across the page */
html[data-theme="light"] a { color: #1f2937; }
html[data-theme="light"] a:hover { color: #0b1220; }

/* Cards / blocks text */
html[data-theme="light"] .card,
html[data-theme="light"] .card *,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .feature-card *,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .pricing-card *,
html[data-theme="light"] .cta,
html[data-theme="light"] .cta * { color: inherit; }

/* Footer text and links */
html[data-theme="light"] footer,
html[data-theme="light"] footer p { color: #111827; }
html[data-theme="light"] footer a { color: #1f2937; }
html[data-theme="light"] footer a:hover { color: #0b1220; }

/* Form labels/placeholders */
html[data-theme="light"] label { color: #111827; }
html[data-theme="light"] ::placeholder { color: #6b7280; }

/* Social/icon wrappers that rely on currentColor */
html[data-theme="light"] .social a,
html[data-theme="light"] .social a * { color: #111827; fill: currentColor; }

/* Ensure contrast on subtle dividers */
html[data-theme="light"] hr { border-color: rgba(0,0,0,0.12); }



/* === Aggressive global overrides to ensure readability on LIGHT theme === */
/* Make almost all textual elements dark by default on light theme */
html[data-theme="light"] :where(h1,h2,h3,h4,h5,h6,p,li,span,small,strong,em,div,dd,dt,label,a,blockquote,figcaption,th,td,code,pre,kbd,sup,sub) {
  color: #0b1220 !important;
}

/* Softer secondary text */
html[data-theme="light"] :where(.muted,.text-muted,.subtitle,.subtext,.note,.hint) {
  color: #374151 !important;
}

/* Tertiary/low-contrast text */
html[data-theme="light"] :where(.fine,.caption,.tiny,.meta) {
  color: #475569 !important;
}

/* Ensure links are visible but not overly saturated */
html[data-theme="light"] a { color: #0b1220 !important; text-decoration-color: rgba(0,0,0,0.35); }
html[data-theme="light"] a:hover { color: #000000 !important; text-decoration-color: rgba(0,0,0,0.55); }

/* Header/nav links */
html[data-theme="light"] header a,
html[data-theme="light"] .header a,
html[data-theme="light"] nav a { color: #0b1220 !important; }
html[data-theme="light"] header a:hover,
html[data-theme="light"] .header a:hover,
html[data-theme="light"] nav a:hover { color: #000 !important; }

/* Buttons: preserve existing gradient / outline styles */
html[data-theme="light"] .btn-primary, 
html[data-theme="light"] .btn-primary * { color: #ffffff !important; }
html[data-theme="light"] .btn-outline { border-color: #111827; color: #111827 !important; }
html[data-theme="light"] .btn-outline:hover { background:#111827; color:#fff !important; }

/* SVG icons inside text should inherit currentColor (override hard-coded fills) */
html[data-theme="light"] svg, 
html[data-theme="light"] svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Sections/cards default text color */
html[data-theme="light"] .card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .cta,
html[data-theme="light"] section { color: #0b1220 !important; }

/* Hero texts */
html[data-theme="light"] .brand-hero { color:#0b1220 !important; }
html[data-theme="light"] .brand-sub { color:#334155 !important; }
html[data-theme="light"] .hero p { color:#374151 !important; }
html[data-theme="light"] .hero h1 { color:#0b1220 !important; }

/* Footer */
html[data-theme="light"] footer, 
html[data-theme="light"] footer * { color:#0b1220 !important; }
html[data-theme="light"] footer a { color:#0b1220 !important; }
html[data-theme="light"] footer a:hover { color:#000 !important; }

/* Inputs and placeholders */
html[data-theme="light"] input, 
html[data-theme="light"] textarea, 
html[data-theme="light"] select {
  background:#ffffff; color:#0b1220 !important; border:1px solid rgba(0,0,0,0.15);
}
html[data-theme="light"] ::placeholder { color:#6b7280 !important; }

/* Back to top button should stay readable */
html[data-theme="light"] #toTop { background: rgba(17,24,39,.9); color:#fff !important; }

/* Keep gradient text readable (no override) */
html[data-theme="light"] .gradient-text { -webkit-text-fill-color: initial; }



/* === Screenshot-specific LIGHT theme fixes === */

/* Facts cards */
html[data-theme="light"] .facts-wrap h2 { color:#0b1220 !important; }
html[data-theme="light"] .fact-card {
  background:#ffffff !important;
  border-color: rgba(0,0,0,0.10) !important;
  color:#0b1220 !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .fact-title { color:#0b1220 !important; }
html[data-theme="light"] .fact-sub { color:#374151 !important; }
html[data-theme="light"] .fact-ico { color:#1f2937 !important; filter:none !important; }
html[data-theme="light"] .fact-card.award {
  background: linear-gradient(180deg, rgba(37,99,235,.06), rgba(147,51,234,.06)) !important;
  border-color: rgba(0,0,0,0.10) !important;
}

/* Rep section */
html[data-theme="light"] .rep-card {
  background: linear-gradient(180deg, rgba(37,99,235,.06), rgba(147,51,234,.06)) !important;
  border-color: rgba(0,0,0,.10) !important;
  color:#0b1220 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .rep-text h3 { color:#0b1220 !important; }
html[data-theme="light"] .rep-lead { color:#374151 !important; }
html[data-theme="light"] .rep-list { color:#0b1220 !important; }
html[data-theme="light"] .rep-badge {
  background:#eef2f7 !important;
  color:#0b1220 !important;
  border-color: rgba(0,0,0,.10) !important;
}

/* Job cards and tags */
html[data-theme="light"] .card {
  background:#ffffff !important;
  color:#0b1220 !important;
  border-color: rgba(0,0,0,.08) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .job-sub small { color:#374151 !important; }
html[data-theme="light"] .tag {
  background:#eef2f7 !important;
  color:#0b1220 !important;
  border-color: rgba(0,0,0,.10) !important;
}

/* KPI stats cards */
html[data-theme="light"] .stat-card {
  background:#ffffff !important;
  border-color: rgba(0,0,0,.10) !important;
  color:#0b1220 !important;
  box-shadow:0 8px 28px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .stats span { color:#0b1220 !important; }
html[data-theme="light"] .section h2 { color:#0b1220 !important; }
html[data-theme="light"] .sub { color:#374151 !important; }

/* Header brand + hero logo: make dark on light theme */

/* Ensure header link color readable (dup for safety) */
html[data-theme="light"] .header nav a { color:#0b1220 !important; }
html[data-theme="light"] .header nav a:hover { color:#000 !important; background: rgba(0,0,0,.06) !important; }



/* === Make all facts cards use the light gradient style in LIGHT theme === */
html[data-theme="light"] .fact-card {
  background: linear-gradient(180deg, rgba(37,99,235,.06), rgba(147,51,234,.06)) !important;
  border-color: rgba(0,0,0,0.10) !important;
}


/* Light theme: make Email button use the green style for better contrast */
html[data-theme="light"] .btn-email {
  background: #059669 !important; /* teal/green */
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 10px 24px rgba(5,150,105,.35) !important;
}
html[data-theme="light"] .btn-email:hover { transform: translateY(-1px) !important; }


/* Light theme: change Email contact button background to green (same style as WA) */
html[data-theme="light"] .btn-contact.email {
  background:#128C7E !important;
  color:#ffffff !important;
  box-shadow:0 14px 30px rgba(18,140,126,.35) !important;
}


/* Light theme: gallery/event cards use the same light gradient as facts */
html[data-theme="light"] .event-card{
  background: linear-gradient(180deg, rgba(37,99,235,.06), rgba(147,51,234,.06)) !important;
  border-color: rgba(0,0,0,0.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .event-title { color:#0b1220 !important; }


/* Light theme: remove inner rounded-square overlays from social icons */
html[data-theme="light"] footer .socials .soc .icon rect { display: none !important; }
html[data-theme="light"] footer .socials .soc .icon [fill-opacity],
html[data-theme="light"] footer .socials .soc .icon [opacity] { opacity: 1 !important; }
/* Keep buttons clean with subtle border */
html[data-theme="light"] footer .socials .soc{
  border-color: rgba(0,0,0,0.10) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
}


/* Simplified footer social buttons (light safeguards) */
html[data-theme="light"] footer .socials .soc{
  border:none !important;
  box-shadow:none !important;
}


/* Light theme: ensure WhatsApp button text is white */
html[data-theme="light"] .btn-contact.wa { color: #ffffff !important; }


/* Logo glow light theme */
html[data-theme="light"] .header .logo,
html[data-theme="light"] .hero-logo,
html[data-theme="light"] .footer-left img{
  filter:
    drop-shadow(0 1px 6px rgba(2,6,23,.18))       /* тёмный контур */
    drop-shadow(0 0 12px rgba(99,102,241,.18))    /* индиго */
    drop-shadow(0 0 16px rgba(56,189,248,.16));   /* голубой */
}


/* Light theme: re-enable gradient text */
html[data-theme="light"] .gradient-text{
  background: linear-gradient(90deg, #8B5CF6 0%, #06B6D4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}


/* Light numbered badges */
html[data-theme="light"] .num,
html[data-theme="light"] .list-num,
html[data-theme="light"] .order-badge{
  background:#eef2f7 !important;
  color:#0b1220 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.06) !important;
}


/* City gradient light */
html[data-theme="light"] .rep-cities .city-chip,
html[data-theme="light"] .rep-cities .city{
  background: linear-gradient(90deg,#7C3AED 0%, #0891B2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}