/* =============================================================
   RSS World Network — Premium Light Mode Theme
   css/light-mode.css
   Selector: [data-theme="light"]
   ============================================================= */

/* =============================================
   1. CSS CUSTOM PROPERTIES — LIGHT PALETTE
============================================= */
[data-theme="light"] {
  --bg-primary: #F8F9FC !important;
  --bg-secondary: #EFF2F7 !important;
  --bg-tertiary: #E5E9F2 !important;
  --bg-card: #FFFFFF !important;
  --bg-glass: rgba(248,249,252,0.85) !important;
  --accent: #FF7A00 !important;
  --accent-light: #FF9530 !important;
  --accent-dim: rgba(255, 122, 0, 0.1) !important;
  --accent-glow: rgba(255, 122, 0, 0.2) !important;
  --blue-glow: #4A8AE6 !important;
  --blue-glow-dim: rgba(74, 138, 230, 0.08) !important;
  --text-primary: #0F1729 !important;
  --text-secondary: #3D4659 !important;
  --text-muted: #6B7A90 !important;
  --border: rgba(15,23,41,0.08) !important;
  --border-accent: rgba(255,122,0,0.3) !important;
  --shadow-card: 0 1px 3px rgba(15,23,41,0.04), 0 8px 32px rgba(15,23,41,0.08) !important;
  --shadow-glow: 0 0 40px rgba(255,122,0,0.15) !important;
  --shadow-btn: 0 4px 16px rgba(255,122,0,0.3), 0 0 40px rgba(255,122,0,0.08) !important;
  --shadow-btn-hover: 0 8px 28px rgba(255,122,0,0.45), 0 0 60px rgba(255,122,0,0.12) !important;
  --navbar-bg: rgba(248,249,252,0.85) !important;
  --dot-color: rgba(15,23,41,0.04) !important;
  --grid-color: rgba(15,23,41,0.03) !important;
}

/* =============================================
   2. BASE & TYPOGRAPHY
============================================= */
[data-theme="light"] body {
  background-color: #F8F9FC !important;
  color: #0F1729 !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
  color: #0F1729 !important;
}

[data-theme="light"] p {
  color: #3D4659 !important;
}

/* =============================================
   3. GRADIENT TEXT
============================================= */
[data-theme="light"] .gradient-text {
  background: linear-gradient(135deg, #0F1729 0%, #FF7A00 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* =============================================
   4. UTILITY CLASSES
============================================= */
[data-theme="light"] .badge {
  background: rgba(255,122,0,0.08) !important;
  color: #FF7A00 !important;
  border-color: rgba(255,122,0,0.25) !important;
}

[data-theme="light"] .divider {
  background: rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .glass {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.08) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.04), 0 8px 32px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .tag {
  background: rgba(15,23,41,0.04) !important;
  border-color: rgba(15,23,41,0.1) !important;
  color: #3D4659 !important;
}

/* =============================================
   5. BACKGROUND PATTERNS
============================================= */
[data-theme="light"] .dot-pattern {
  background-image: radial-gradient(circle, rgba(15,23,41,0.04) 1px, transparent 1px) !important;
}

[data-theme="light"] .grid-pattern {
  background-image:
    linear-gradient(rgba(15,23,41,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,41,0.03) 1px, transparent 1px) !important;
}

/* =============================================
   6. GLOW ELEMENTS — SOFTEN FOR LIGHT MODE
============================================= */
[data-theme="light"] .glow-orb {
  opacity: 0.3 !important;
}

[data-theme="light"] .glow-orb-orange {
  background: rgba(255, 122, 0, 0.08) !important;
}

[data-theme="light"] .glow-orb-blue {
  background: rgba(74, 138, 230, 0.08) !important;
}

[data-theme="light"] .glow-line {
  opacity: 0.35 !important;
}

/* =============================================
   7. BUTTONS
============================================= */
[data-theme="light"] .btn-primary {
  background: #FF7A00 !important;
  color: #fff !important;
}

[data-theme="light"] .btn-secondary {
  background: transparent !important;
  color: #0F1729 !important;
  border: 1.5px solid rgba(15,23,41,0.2) !important;
}

[data-theme="light"] .btn-secondary:hover {
  border-color: #FF7A00 !important;
  color: #FF7A00 !important;
  background: rgba(255,122,0,0.06) !important;
}

[data-theme="light"] .btn-outline {
  background: transparent !important;
  color: #FF7A00 !important;
  border: 1.5px solid #FF7A00 !important;
}

[data-theme="light"] .btn-outline:hover {
  background: #FF7A00 !important;
  color: #fff !important;
}

[data-theme="light"] .btn-arrow {
  color: #FF7A00 !important;
}

/* =============================================
   8. NAVIGATION
============================================= */
[data-theme="light"] .navbar {
  background: transparent !important;
}

[data-theme="light"] .navbar.scrolled {
  background: rgba(248,249,252,0.88) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.04), 0 4px 24px rgba(15,23,41,0.06) !important;
  border-bottom: 1px solid rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .navbar.scrolled::after {
  background: linear-gradient(90deg, transparent, rgba(255,122,0,0.12), transparent) !important;
}

[data-theme="light"] .nav-logo {
  color: #0F1729 !important;
}

[data-theme="light"] .nav-link {
  color: #6B7A90 !important;
}

[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active {
  color: #0F1729 !important;
}

[data-theme="light"] .nav-toggle span {
  background: #0F1729 !important;
}

/* Nav Dropdown — white card with soft shadow */
[data-theme="light"] .nav-dropdown {
  background: #FFFFFF !important;
  border: 1px solid rgba(15,23,41,0.08) !important;
  box-shadow: 0 4px 16px rgba(15,23,41,0.06), 0 16px 48px rgba(15,23,41,0.1) !important;
}

[data-theme="light"] .nav-dropdown a {
  color: #3D4659 !important;
}

[data-theme="light"] .nav-dropdown a:hover {
  background: rgba(255,122,0,0.06) !important;
  color: #FF7A00 !important;
}

/* =============================================
   9. MOBILE MENU
============================================= */
[data-theme="light"] .mobile-menu {
  background: #FAFBFF !important;
  border-left: 1px solid rgba(15,23,41,0.08) !important;
  box-shadow: -16px 0 48px rgba(15,23,41,0.1) !important;
}

[data-theme="light"] .mobile-menu a {
  color: #3D4659 !important;
  border-bottom-color: rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .mobile-menu a:hover {
  color: #FF7A00 !important;
}

[data-theme="light"] .mobile-backdrop {
  background: rgba(15,23,41,0.2) !important;
}

/* =============================================
   10. BREADCRUMB
============================================= */
[data-theme="light"] .breadcrumb {
  color: #6B7A90 !important;
}

[data-theme="light"] .breadcrumb a {
  color: #6B7A90 !important;
}

[data-theme="light"] .breadcrumb a:hover {
  color: #FF7A00 !important;
}

[data-theme="light"] .breadcrumb .current {
  color: #3D4659 !important;
}

/* =============================================
   11. HERO SECTION
============================================= */
[data-theme="light"] .hero {
  background: #EFF2F7 !important;
}

[data-theme="light"] .hero-overlay {
  background:
    linear-gradient(to right,
      rgba(248,249,252,0.92) 0%,
      rgba(248,249,252,0.7) 35%,
      rgba(239,242,247,0.4) 65%,
      rgba(239,242,247,0.15) 100%),
    linear-gradient(to top,
      rgba(248,249,252,0.88) 0%,
      rgba(248,249,252,0.35) 25%,
      transparent 55%) !important;
}

[data-theme="light"] .hero-dots {
  background-image: radial-gradient(circle, rgba(15,23,41,0.04) 2px, transparent 2px) !important;
}

[data-theme="light"] .hero-glow-1 {
  background: radial-gradient(circle, rgba(255,122,0,0.06) 0%, transparent 70%) !important;
}

[data-theme="light"] .hero-glow-2 {
  background: radial-gradient(circle, rgba(74,138,230,0.06) 0%, transparent 70%) !important;
}

[data-theme="light"] .hero-glow-3 {
  background: radial-gradient(circle, rgba(255,122,0,0.04) 0%, transparent 70%) !important;
}

[data-theme="light"] .hero-eyebrow {
  color: #6B7A90 !important;
}

[data-theme="light"] .hero h1 {
  color: #0F1729 !important;
}

[data-theme="light"] .hero h1 .accent {
  color: #FF7A00 !important;
}

[data-theme="light"] .hero-desc {
  color: #3D4659 !important;
}

[data-theme="light"] .hero-input-wrap {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.1) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.04), 0 8px 32px rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .hero-input-wrap:focus-within {
  border-color: rgba(255,122,0,0.4) !important;
  box-shadow: 0 0 0 3px rgba(255,122,0,0.08), 0 8px 32px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .hero-input-wrap input {
  color: #0F1729 !important;
}

[data-theme="light"] .hero-input-wrap input::placeholder {
  color: #6B7A90 !important;
}

[data-theme="light"] .hero-sound-toggle {
  background: rgba(248,249,252,0.8) !important;
  border-color: rgba(15,23,41,0.12) !important;
  color: #6B7A90 !important;
}

[data-theme="light"] .hero-sound-toggle:hover {
  background: rgba(255,122,0,0.1) !important;
  border-color: rgba(255,122,0,0.35) !important;
  color: #FF7A00 !important;
}

/* Hero mini stats */
[data-theme="light"] .hero-mini-stats {
  border-top-color: rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .mini-stat-num {
  color: #FF7A00 !important;
  text-shadow: none !important;
}

[data-theme="light"] .mini-stat-label {
  color: #6B7A90 !important;
}

[data-theme="light"] .hero-scroll {
  color: #6B7A90 !important;
}

[data-theme="light"] .hero-scroll::after {
  background: linear-gradient(#FF7A00, transparent) !important;
}

[data-theme="light"] .particle {
  background: rgba(255,122,0,0.3) !important;
}

/* =============================================
   12. STATS SECTION
============================================= */
[data-theme="light"] .stats-section {
  background: #EFF2F7 !important;
  border-top-color: rgba(15,23,41,0.06) !important;
  border-bottom-color: rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .stats-section::before {
  background: radial-gradient(ellipse 80% 100% at center, rgba(255,122,0,0.03) 0%, transparent 70%) !important;
}

[data-theme="light"] .stat-item:not(:last-child)::after {
  background: rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .stat-number {
  color: #FF7A00 !important;
  text-shadow: none !important;
}

[data-theme="light"] .stat-label {
  color: #3D4659 !important;
}

/* =============================================
   13. SERVICE CARDS
============================================= */
[data-theme="light"] .service-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 16px rgba(15,23,41,0.05) !important;
}

[data-theme="light"] .service-card:hover {
  border-color: rgba(255,122,0,0.3) !important;
  box-shadow: 0 8px 32px rgba(15,23,41,0.1), 0 0 24px rgba(255,122,0,0.06) !important;
}

[data-theme="light"] .service-card::before {
  background: linear-gradient(135deg, rgba(255,122,0,0.04) 0%, transparent 60%) !important;
}

[data-theme="light"] .service-icon {
  background: rgba(255,122,0,0.08) !important;
  border-color: rgba(255,122,0,0.2) !important;
}

[data-theme="light"] .service-card h3 {
  color: #0F1729 !important;
}

[data-theme="light"] .service-card p {
  color: #3D4659 !important;
}

[data-theme="light"] .service-card-link {
  color: #FF7A00 !important;
}

[data-theme="light"] .service-tags .tag {
  background: rgba(15,23,41,0.03) !important;
  border-color: rgba(15,23,41,0.08) !important;
  color: #6B7A90 !important;
}

/* =============================================
   14. WHY CHOOSE US
============================================= */
[data-theme="light"] .why-feature {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 12px rgba(15,23,41,0.04) !important;
}

[data-theme="light"] .why-feature:hover {
  border-color: rgba(255,122,0,0.25) !important;
  box-shadow: 0 4px 16px rgba(15,23,41,0.08), 0 0 12px rgba(255,122,0,0.04) !important;
}

[data-theme="light"] .why-feature h4 {
  color: #0F1729 !important;
}

[data-theme="light"] .why-feature p {
  color: #6B7A90 !important;
}

[data-theme="light"] .why-visual-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.08) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.04), 0 8px 32px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .why-visual-img::after {
  background: linear-gradient(to bottom, transparent 40%, rgba(248,249,252,0.9) 100%) !important;
}

/* =============================================
   15. PROCESS STEPS
============================================= */
[data-theme="light"] .process-grid::before {
  background: linear-gradient(90deg, transparent, rgba(255,122,0,0.2), transparent) !important;
}

[data-theme="light"] .process-step {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 16px rgba(15,23,41,0.05) !important;
}

[data-theme="light"] .process-step:hover {
  border-color: rgba(255,122,0,0.25) !important;
  box-shadow: 0 8px 32px rgba(15,23,41,0.1), 0 0 16px rgba(255,122,0,0.06) !important;
}

[data-theme="light"] .process-step h4 {
  color: #0F1729 !important;
}

[data-theme="light"] .process-step p {
  color: #6B7A90 !important;
}

/* =============================================
   16. WORK CARDS — keep dark overlays
============================================= */
/* DO NOT override work-card-img backgrounds or gradients */
[data-theme="light"] .work-card {
  border-color: rgba(15,23,41,0.08) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.04), 0 8px 24px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .work-card:hover {
  border-color: rgba(255,122,0,0.3) !important;
  box-shadow: 0 12px 40px rgba(15,23,41,0.14), 0 0 20px rgba(255,122,0,0.08) !important;
}

/* Strengthen overlay slightly so white text stays readable on any image */
[data-theme="light"] .work-card-overlay {
  background: linear-gradient(to top, rgba(11,29,58,0.98) 0%, rgba(11,29,58,0.55) 50%, rgba(11,29,58,0.1) 100%) !important;
}

/* Keep work card text white */
[data-theme="light"] .work-card-overlay h4 {
  color: #fff !important;
}

[data-theme="light"] .work-cat {
  color: #FF7A00 !important;
}

[data-theme="light"] .work-desc {
  color: #D1D5DB !important;
}

[data-theme="light"] .work-link {
  color: #FF7A00 !important;
}

/* =============================================
   17. CTA SECTION
============================================= */
[data-theme="light"] .cta-section {
  background: #EFF2F7 !important;
}

[data-theme="light"] .cta-section::before {
  background: radial-gradient(circle, rgba(255,122,0,0.05) 0%, transparent 70%) !important;
}

[data-theme="light"] .cta-section h2 {
  color: #0F1729 !important;
}

[data-theme="light"] .cta-section p {
  color: #3D4659 !important;
}

/* =============================================
   18. FOOTER
============================================= */
[data-theme="light"] .footer {
  background: #E5E9F2 !important;
  border-top-color: rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .footer-brand p {
  color: #6B7A90 !important;
}

[data-theme="light"] .footer-col h5 {
  color: #0F1729 !important;
}

[data-theme="light"] .footer-col ul li a {
  color: #6B7A90 !important;
}

[data-theme="light"] .footer-col ul li a:hover {
  color: #FF7A00 !important;
}

[data-theme="light"] .social-link {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.08) !important;
  color: #6B7A90 !important;
}

[data-theme="light"] .social-link:hover {
  background: #FF7A00 !important;
  border-color: #FF7A00 !important;
  color: #fff !important;
}

[data-theme="light"] .footer-bottom {
  border-top-color: rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .footer-bottom p {
  color: #6B7A90 !important;
}

/* =============================================
   19. PAGE HERO (SERVICE / INNER PAGES)
============================================= */
[data-theme="light"] .page-hero {
  background: #F8F9FC !important;
}

[data-theme="light"] .page-hero-bg {
  background:
    radial-gradient(ellipse 60% 60% at 85% 15%, rgba(74,138,230,0.08) 0%, transparent 65%),
    radial-gradient(ellipse 50% 70% at 80% 50%, rgba(255,122,0,0.04) 0%, transparent 65%),
    linear-gradient(145deg, #F8F9FC 0%, #EFF2F7 60%, #F8F9FC 100%) !important;
}

[data-theme="light"] .page-hero-grid {
  background-image:
    linear-gradient(rgba(15,23,41,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,41,0.03) 1px, transparent 1px) !important;
}

[data-theme="light"] .page-hero h1 {
  color: #0F1729 !important;
}

[data-theme="light"] .page-hero p {
  color: #3D4659 !important;
}

/* =============================================
   20. INCLUDE CARDS (SERVICE PAGES)
============================================= */
[data-theme="light"] .include-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 16px rgba(15,23,41,0.05) !important;
}

[data-theme="light"] .include-card:hover {
  border-color: rgba(255,122,0,0.25) !important;
  box-shadow: 0 8px 32px rgba(15,23,41,0.1), 0 0 12px rgba(255,122,0,0.05) !important;
}

[data-theme="light"] .include-card h4 {
  color: #0F1729 !important;
}

[data-theme="light"] .include-card p {
  color: #6B7A90 !important;
}

/* Client type cards */
[data-theme="light"] .client-type {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 16px rgba(15,23,41,0.05) !important;
}

[data-theme="light"] .client-type:hover {
  border-color: rgba(255,122,0,0.25) !important;
}

[data-theme="light"] .client-type h4 {
  color: #0F1729 !important;
}

[data-theme="light"] .client-type p {
  color: #6B7A90 !important;
}

/* Result cards */
[data-theme="light"] .result-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 16px rgba(15,23,41,0.05) !important;
}

[data-theme="light"] .result-card:hover {
  border-color: rgba(255,122,0,0.25) !important;
}

[data-theme="light"] .result-number {
  color: #FF7A00 !important;
  text-shadow: none !important;
}

[data-theme="light"] .result-label {
  color: #3D4659 !important;
}

/* =============================================
   21. PORTFOLIO PAGE
============================================= */
[data-theme="light"] .portfolio-hero {
  background: #F8F9FC !important;
}

[data-theme="light"] .portfolio-hero h1 {
  color: #0F1729 !important;
}

[data-theme="light"] .portfolio-hero p {
  color: #3D4659 !important;
}

[data-theme="light"] .filter-btn {
  background: transparent !important;
  border-color: rgba(15,23,41,0.12) !important;
  color: #3D4659 !important;
}

[data-theme="light"] .filter-btn:hover,
[data-theme="light"] .filter-btn.active {
  background: #FF7A00 !important;
  border-color: #FF7A00 !important;
  color: #fff !important;
}

/* Portfolio cards — keep dark overlays for white text */
[data-theme="light"] .portfolio-card {
  border-color: rgba(15,23,41,0.08) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.04), 0 8px 24px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .portfolio-card:hover {
  border-color: rgba(255,122,0,0.3) !important;
  box-shadow: 0 12px 40px rgba(15,23,41,0.14), 0 0 16px rgba(255,122,0,0.06) !important;
}

/* Strengthen overlay so white text reads clearly */
[data-theme="light"] .portfolio-card-overlay {
  background: linear-gradient(to top, rgba(11,29,58,0.98) 0%, rgba(11,29,58,0.5) 50%, transparent 100%) !important;
}

[data-theme="light"] .portfolio-card h4 {
  color: #fff !important;
}

[data-theme="light"] .portfolio-cat {
  color: #FF7A00 !important;
}

[data-theme="light"] .portfolio-outcome {
  color: #D1D5DB !important;
}

[data-theme="light"] .tool-tag {
  background: rgba(255,122,0,0.15) !important;
  border-color: rgba(255,122,0,0.3) !important;
  color: #FF7A00 !important;
}

[data-theme="light"] .play-overlay {
  background: rgba(255,122,0,0.92) !important;
}

/* =============================================
   22. SINGLE PROJECT PAGE
============================================= */
[data-theme="light"] .project-hero-overlay {
  background: linear-gradient(to top, #F8F9FC 0%, rgba(248,249,252,0.5) 50%, rgba(248,249,252,0.1) 100%) !important;
}

[data-theme="light"] .project-category {
  color: #FF7A00 !important;
}

[data-theme="light"] .project-hero-content h1 {
  color: #0F1729 !important;
}

[data-theme="light"] .project-meta-item label {
  color: #6B7A90 !important;
}

[data-theme="light"] .project-meta-item span {
  color: #0F1729 !important;
}

[data-theme="light"] .project-sidebar-item {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 12px rgba(15,23,41,0.05) !important;
}

[data-theme="light"] .project-sidebar-item h5 {
  color: #6B7A90 !important;
}

[data-theme="light"] .project-sidebar-item ul li {
  color: #3D4659 !important;
}

[data-theme="light"] .project-sidebar-item .result-highlight {
  color: #FF7A00 !important;
  text-shadow: none !important;
}

[data-theme="light"] .project-section h3 {
  color: #FF7A00 !important;
}

[data-theme="light"] .project-section p {
  color: #3D4659 !important;
}

[data-theme="light"] .gallery-item {
  border-color: rgba(15,23,41,0.08) !important;
  color: rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .gallery-item:hover {
  border-color: rgba(255,122,0,0.25) !important;
}

[data-theme="light"] .project-nav {
  border-top-color: rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .project-nav-label {
  color: #6B7A90 !important;
}

[data-theme="light"] .project-nav-title {
  color: #0F1729 !important;
}

[data-theme="light"] .project-nav-link:hover .project-nav-title {
  color: #FF7A00 !important;
}

[data-theme="light"] .project-nav-center {
  color: #6B7A90 !important;
}

/* =============================================
   23. ABOUT PAGE — TEAM, VALUES, TIMELINE
============================================= */
[data-theme="light"] .team-avatar {
  background: linear-gradient(135deg, #E5E9F2, #D6DEFF) !important;
  border-color: rgba(255,122,0,0.25) !important;
}

[data-theme="light"] .team-card h4 {
  color: #0F1729 !important;
}

[data-theme="light"] .team-card .team-role {
  color: #FF7A00 !important;
}

[data-theme="light"] .team-card .team-bio {
  color: #6B7A90 !important;
}

[data-theme="light"] .value-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 16px rgba(15,23,41,0.05) !important;
}

[data-theme="light"] .value-card:hover {
  border-color: rgba(255,122,0,0.25) !important;
  box-shadow: 0 8px 32px rgba(15,23,41,0.1) !important;
}

[data-theme="light"] .value-card h3 {
  color: #0F1729 !important;
}

[data-theme="light"] .value-card p {
  color: #6B7A90 !important;
}

[data-theme="light"] .timeline::before {
  background: linear-gradient(#FF7A00, rgba(255,122,0,0.1)) !important;
  box-shadow: none !important;
}

[data-theme="light"] .timeline-body h4 {
  color: #0F1729 !important;
}

[data-theme="light"] .timeline-body p {
  color: #6B7A90 !important;
}

[data-theme="light"] .timeline-year {
  color: #FF7A00 !important;
}

/* =============================================
   24. CONTACT PAGE
============================================= */
[data-theme="light"] .contact-item-icon {
  background: rgba(255,122,0,0.08) !important;
  border-color: rgba(255,122,0,0.2) !important;
}

[data-theme="light"] .contact-item-text label {
  color: #6B7A90 !important;
}

[data-theme="light"] .contact-item-text span,
[data-theme="light"] .contact-item-text a {
  color: #0F1729 !important;
}

[data-theme="light"] .contact-item-text a:hover {
  color: #FF7A00 !important;
}

[data-theme="light"] .contact-form-wrap {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.06) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.04), 0 8px 32px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .form-group label {
  color: #3D4659 !important;
}

[data-theme="light"] .form-group input,
[data-theme="light"] .form-group textarea,
[data-theme="light"] .form-group select {
  background: #F8F9FC !important;
  border-color: rgba(15,23,41,0.1) !important;
  color: #0F1729 !important;
}

[data-theme="light"] .form-group input::placeholder,
[data-theme="light"] .form-group textarea::placeholder {
  color: #6B7A90 !important;
}

[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group textarea:focus,
[data-theme="light"] .form-group select:focus {
  border-color: #FF7A00 !important;
  box-shadow: 0 0 0 3px rgba(255,122,0,0.08) !important;
  background: #FFFFFF !important;
}

[data-theme="light"] .form-group select option {
  background: #FFFFFF !important;
  color: #0F1729 !important;
}

/* =============================================
   25. CONTACT METHOD CARDS
============================================= */
[data-theme="light"] .contact-method-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.08) !important;
  box-shadow: 0 1px 3px rgba(15,23,41,0.03), 0 4px 12px rgba(15,23,41,0.04) !important;
}

[data-theme="light"] .contact-method-card:hover {
  border-color: rgba(255,122,0,0.3) !important;
  box-shadow: 0 4px 20px rgba(15,23,41,0.08), 0 0 12px rgba(255,122,0,0.05) !important;
}

[data-theme="light"] .contact-method-primary {
  background: linear-gradient(135deg, rgba(255,122,0,0.06) 0%, #FFFFFF 60%) !important;
  border-color: rgba(255,122,0,0.25) !important;
}

[data-theme="light"] .contact-method-primary:hover {
  background: linear-gradient(135deg, rgba(255,122,0,0.1) 0%, #FFFFFF 60%) !important;
}

[data-theme="light"] .contact-method-title {
  color: #0F1729 !important;
}

[data-theme="light"] .contact-method-label {
  color: #6B7A90 !important;
}

[data-theme="light"] .contact-method-sub {
  color: #6B7A90 !important;
}

[data-theme="light"] .contact-method-arrow {
  color: #6B7A90 !important;
}

[data-theme="light"] .contact-method-card:hover .contact-method-arrow {
  color: #FF7A00 !important;
}

/* Contact coming soon */
[data-theme="light"] .contact-coming-soon {
  background: #EFF2F7 !important;
  border-color: rgba(15,23,41,0.1) !important;
}

[data-theme="light"] .contact-coming-soon h4 {
  color: #0F1729 !important;
}

[data-theme="light"] .contact-coming-soon p {
  color: #6B7A90 !important;
}

/* =============================================
   26. SECTION HEADERS
============================================= */
[data-theme="light"] .section-header h2 {
  color: #0F1729 !important;
}

[data-theme="light"] .section-header p {
  color: #3D4659 !important;
}

/* =============================================
   27. FLOATING CONTACT DOCK
============================================= */
[data-theme="light"] .contact-float {
  box-shadow: -4px 0 24px rgba(15,23,41,0.1) !important;
}

/* =============================================
   28. IMAGE GRADIENTS — subtle for light mode
============================================= */
[data-theme="light"] .grad-1 { background: linear-gradient(135deg, #C8D6F0 0%, #E5E9F2 100%) !important; }
[data-theme="light"] .grad-2 { background: linear-gradient(135deg, #D4C8F0 0%, #E5E9F2 100%) !important; }
[data-theme="light"] .grad-3 { background: linear-gradient(135deg, #C8F0DE 0%, #E5E9F2 100%) !important; }
[data-theme="light"] .grad-4 { background: linear-gradient(135deg, #F0C8D4 0%, #E5E9F2 100%) !important; }
[data-theme="light"] .grad-5 { background: linear-gradient(135deg, #C8DEF0 0%, #E5E9F2 100%) !important; }
[data-theme="light"] .grad-6 { background: linear-gradient(135deg, #F0DEC8 0%, #D4C8F0 100%) !important; }
[data-theme="light"] .grad-7 { background: linear-gradient(135deg, #C8E8F0 0%, #DEF0C8 100%) !important; }
[data-theme="light"] .grad-8 { background: linear-gradient(135deg, #DEC8F0 0%, #E5E9F2 100%) !important; }
[data-theme="light"] .grad-9 { background: linear-gradient(135deg, #F0D4C8 0%, #E5E9F2 100%) !important; }

/* =============================================
   29. REVEAL ANIMATIONS — no changes needed,
       just ensure visibility on light bg
============================================= */

/* =============================================
   30. CHATBOT WIDGET
============================================= */
[data-theme="light"] .rss-chatbot-widget {
  --cb-bg: #FFFFFF !important;
  --cb-surface: #F5F7FA !important;
  --cb-header-bg: #0B1D3A !important;
  --cb-msg-bot-bg: #F0F2F5 !important;
  --cb-msg-user-bg: #FF7A00 !important;
  --cb-input-bg: #F8F9FA !important;
  --cb-input-border: rgba(15,23,41,0.12) !important;
  --cb-border: rgba(15,23,41,0.08) !important;
  --cb-text: #3D4659 !important;
  --cb-text-heading: #0F1729 !important;
  --cb-text-muted: #6B7A90 !important;
  --cb-accent: #FF7A00 !important;
  --cb-accent-hover: #E06800 !important;
  --cb-accent-dim: rgba(255,122,0,0.08) !important;
  --cb-shadow: 0 8px 32px rgba(15,23,41,0.1), 0 2px 8px rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .rss-cb-launcher {
  background: #FFFFFF !important;
  box-shadow: 0 4px 20px rgba(255,122,0,0.25), 0 2px 8px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .rss-cb-launcher:hover {
  box-shadow: 0 6px 28px rgba(255,122,0,0.4), 0 2px 10px rgba(15,23,41,0.1) !important;
}

[data-theme="light"] .rss-cb-launcher-close {
  color: #0F1729 !important;
}

[data-theme="light"] .rss-cb-panel {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.1) !important;
  box-shadow: 0 8px 32px rgba(15,23,41,0.1), 0 2px 8px rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .rss-cb-messages {
  scrollbar-color: rgba(255,122,0,0.15) transparent !important;
}

[data-theme="light"] .rss-cb-bubble {
  background: #F0F2F5 !important;
  color: #3D4659 !important;
  border-color: rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .rss-cb-bubble strong {
  color: #0F1729 !important;
}

[data-theme="light"] .rss-cb-msg.user .rss-cb-bubble {
  background: #FF7A00 !important;
  color: #fff !important;
}

[data-theme="light"] .rss-cb-input-area {
  background: #FFFFFF !important;
  border-top-color: rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .rss-cb-input {
  background: #F8F9FA !important;
  border-color: rgba(15,23,41,0.1) !important;
  color: #0F1729 !important;
}

[data-theme="light"] .rss-cb-input::placeholder {
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-cb-quick-replies {
  background: #FFFFFF !important;
  border-top-color: rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .rss-cb-footer {
  background: #FFFFFF !important;
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-cb-online-label {
  background: #0B1D3A !important;
  box-shadow: 0 4px 20px rgba(15,23,41,0.14), 0 1px 4px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .rss-cb-online-label::after {
  border-color: transparent transparent transparent #0B1D3A !important;
}

/* Lead capture form */
[data-theme="light"] .rss-cb-lead-form {
  background: #F5F7FA !important;
  border-color: rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .rss-cb-lead-input {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.12) !important;
  color: #0F1729 !important;
}

[data-theme="light"] .rss-cb-lead-input::placeholder {
  color: #6B7A90 !important;
}

/* =============================================
   31. POPUP (Lead Funnel)
============================================= */
[data-theme="light"] #rss-popup-overlay {
  background: rgba(15,23,41,0.25) !important;
}

[data-theme="light"] #rss-popup-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.1) !important;
  box-shadow: 0 16px 48px rgba(15,23,41,0.12), 0 4px 16px rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .rss-popup__progress {
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-popup__dot {
  background: rgba(15,23,41,0.12) !important;
}

[data-theme="light"] .rss-popup__dot--active {
  background: #FF7A00 !important;
}

[data-theme="light"] .rss-popup__dot--done {
  background: rgba(255,122,0,0.45) !important;
}

[data-theme="light"] .rss-popup__close {
  background: rgba(15,23,41,0.05) !important;
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-popup__close:hover {
  background: rgba(15,23,41,0.1) !important;
  color: #0F1729 !important;
}

[data-theme="light"] .rss-popup__heading {
  color: #0F1729 !important;
}

[data-theme="light"] .rss-popup__subtext {
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-popup__option {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.1) !important;
}

[data-theme="light"] .rss-popup__option:hover {
  border-color: rgba(255,122,0,0.5) !important;
  background: rgba(255,122,0,0.03) !important;
}

[data-theme="light"] .rss-popup__option--selected {
  border-color: #FF7A00 !important;
  background: rgba(255,122,0,0.05) !important;
}

[data-theme="light"] .rss-popup__option-icon {
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-popup__option:hover .rss-popup__option-icon,
[data-theme="light"] .rss-popup__option--selected .rss-popup__option-icon {
  color: #FF7A00 !important;
}

[data-theme="light"] .rss-popup__option-label {
  color: #0F1729 !important;
}

[data-theme="light"] .rss-popup__label {
  color: #3D4659 !important;
}

[data-theme="light"] .rss-popup__input,
[data-theme="light"] .rss-popup__textarea {
  background: #F8F9FC !important;
  border-color: rgba(15,23,41,0.12) !important;
  color: #0F1729 !important;
}

[data-theme="light"] .rss-popup__input::placeholder,
[data-theme="light"] .rss-popup__textarea::placeholder {
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-popup__input:focus,
[data-theme="light"] .rss-popup__textarea:focus {
  border-color: rgba(255,122,0,0.6) !important;
  background: #FFFFFF !important;
}

[data-theme="light"] .rss-popup__back-btn {
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-popup__back-btn:hover {
  color: #0F1729 !important;
}

[data-theme="light"] .rss-popup__success-heading {
  color: #0F1729 !important;
}

[data-theme="light"] .rss-popup__success-body {
  color: #6B7A90 !important;
}

[data-theme="light"] .rss-popup__cta-btn--secondary {
  color: #3D4659 !important;
  border-color: rgba(15,23,41,0.15) !important;
}

[data-theme="light"] .rss-popup__cta-btn--secondary:hover {
  background: rgba(15,23,41,0.04) !important;
  color: #0F1729 !important;
  border-color: rgba(15,23,41,0.25) !important;
}

[data-theme="light"] .rss-popup__divider {
  background: rgba(15,23,41,0.06) !important;
}

/* =============================================
   32. VIDEO CHOOSER POPUP
============================================= */
[data-theme="light"] .vc-overlay {
  background: rgba(15,23,41,0.2) !important;
}

[data-theme="light"] .vc-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,41,0.08) !important;
  box-shadow: 0 16px 48px rgba(15,23,41,0.12), 0 4px 16px rgba(15,23,41,0.06) !important;
}

[data-theme="light"] .vc-close {
  background: rgba(15,23,41,0.04) !important;
  color: #6B7A90 !important;
}

[data-theme="light"] .vc-close:hover {
  background: rgba(255,122,0,0.1) !important;
  color: #FF7A00 !important;
}

[data-theme="light"] .vc-title {
  color: #0F1729 !important;
}

[data-theme="light"] .vc-sub {
  color: #6B7A90 !important;
}

[data-theme="light"] .vc-opt {
  background: #F8F9FC !important;
  border-color: rgba(15,23,41,0.08) !important;
}

[data-theme="light"] .vc-opt:hover {
  border-color: #FF7A00 !important;
  box-shadow: 0 4px 16px rgba(255,122,0,0.08) !important;
}

[data-theme="light"] .vc-opt-label {
  color: #0F1729 !important;
}

[data-theme="light"] .vc-opt-desc {
  color: #6B7A90 !important;
}

[data-theme="light"] .vc-opt-arrow {
  color: #6B7A90 !important;
}

[data-theme="light"] .vc-opt:hover .vc-opt-arrow {
  color: #FF7A00 !important;
}

/* =============================================
   33. SCROLLBAR — GLOBAL
============================================= */
[data-theme="light"] ::-webkit-scrollbar {
  width: 8px !important;
}

[data-theme="light"] ::-webkit-scrollbar-track {
  background: #F8F9FC !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(15,23,41,0.12) !important;
  border-radius: 4px !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(15,23,41,0.2) !important;
}

/* =============================================
   34. SELECTION HIGHLIGHT
============================================= */
[data-theme="light"] ::selection {
  background: rgba(255,122,0,0.15) !important;
  color: #0F1729 !important;
}

/* =============================================
   35. FORM SUCCESS STATE
============================================= */
[data-theme="light"] .form-success h4 {
  color: #0F1729 !important;
}

[data-theme="light"] .form-success p {
  color: #3D4659 !important;
}

[data-theme="light"] .form-success i {
  color: #FF7A00 !important;
}

/* =============================================
   36. ACCENT DIM BG HELPER
============================================= */
[data-theme="light"] .accent-dim-bg {
  background: #FFFFFF !important;
}

/* =============================================
   37. NOTIF DOT BORDER
============================================= */
[data-theme="light"] .rss-cb-notif {
  border-color: #FFFFFF !important;
}