/* UniqTrix - DAY theme. Every rule in this file applies only while body.day-mode is set (the Day / Night switch in the header). The night look lives in style.css; nothing in this file can change it. */

/* ===== DAY / NIGHT MODE ===== */

/* Day mode (light) overrides */
body.day-mode {
  --primary: #5448C8;
  --primary-dark: #3D32A8;
  --secondary: #0369A1;
  --accent: #BE185D;
  --gold: #946200;
  --gold-light: #A86B00;
  --bg-dark: #F0F2FF;
  --bg-card: rgba(255,255,255,0.85);
  --text-primary: #0F0D2E;
  --text-secondary: rgba(15,13,46,0.76);
  --text-muted: rgba(15,13,46,0.64);
  --border: rgba(107,95,224,0.15);
  --border-glow: rgba(107,95,224,0.45);
  --gradient: linear-gradient(135deg,#5448C8,#0277BD);
  --gradient-fill: var(--gradient);
  --gradient-gold: linear-gradient(135deg,#946200,#A86B00);
  --gradient-royal: linear-gradient(135deg,#5448C8,#7E22CE,#0277BD);
  --gradient-accent: linear-gradient(135deg,#BE185D,#C2410C);
  --shadow-glow: 0 0 50px rgba(107,95,224,0.2);
  --shadow-card: 0 12px 40px rgba(107,95,224,0.12);
  --footer-bg: #ECE9FF; --footer-line: rgba(84,72,200,0.2);              /* link area and copyright bar share this one colour */
  background-image: radial-gradient(ellipse at 20% 0%, rgba(107,95,224,0.07) 0%, transparent 60%),
                    radial-gradient(ellipse at 80% 100%, rgba(14,165,233,0.05) 0%, transparent 60%);
}

/* Day mode body */
body.day-mode { background:#F0F2FF; color:#0F0D2E;
}

/* Day mode scrollbar */
body.day-mode::-webkit-scrollbar-track { background: #E8EAF6;
}

/* Day headers */
body.day-mode .header-top {
  background: rgba(240,242,255,0.97);
  border-bottom-color: rgba(107,95,224,0.15);
}
body.day-mode .header-main {
  background: rgba(240,242,255,0.94);
  border-bottom-color: rgba(107,95,224,0.15);
}
body.day-mode .header-main.scrolled {
  background: rgba(240,242,255,0.98);
  box-shadow: 0 4px 30px rgba(107,95,224,0.12);
}
body.day-mode .logo-text { color: #0F0D2E;
}
body.day-mode .logo-icon { background: var(--gradient);
}

/* Day nav */

/* Day hero */
body.day-mode .hero-title {
  background: linear-gradient(135deg,#0F0D2E 0%,#5448C8 50%,#0277BD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.day-mode .hero-desc { color: rgba(15,13,46,0.65);
}
body.day-mode .hero-eyebrow { background: rgba(107,95,224,0.1); border-color: rgba(107,95,224,0.25);
}

/* Day cards */
body.day-mode .service-card,
body.day-mode .portfolio-card,
body.day-mode .blog-card,
body.day-mode .mv-card,
body.day-mode .value-card,
body.day-mode .card-3d {
  background: #fff;
  border-color: rgba(107,95,224,0.12);
  box-shadow: 0 4px 20px rgba(107,95,224,0.08);
}
body.day-mode .service-card h3,
body.day-mode .portfolio-body h3,
body.day-mode .blog-body h3,
body.day-mode .mv-card h3,
body.day-mode .value-card h4 { color: #0F0D2E;
}
body.day-mode .service-card p,
body.day-mode .blog-body p,
body.day-mode .value-card p { color: var(--text-muted);
}

/* Day section eyebrow */
body.day-mode .section-eyebrow {
  background: rgba(107,95,224,0.1);
  border-color: rgba(107,95,224,0.25);
  color: var(--primary);
}
body.day-mode .section-desc { color: var(--text-muted);
}

/* Day blog/portfolio meta */
body.day-mode .blog-cat,
body.day-mode .portfolio-cat { background: rgba(107,95,224,0.1); color: var(--secondary);
}

body.day-mode .tech-tag { background: rgba(107,95,224,0.06); border-color: rgba(107,95,224,0.15); color: var(--text-muted);
}

/* Day forms */
body.day-mode .form-control {
  background: #fff;
  border-color: rgba(107,95,224,0.2);
  color: #0F0D2E;
}
body.day-mode .form-control:focus { border-color: #6B5FE0; box-shadow: 0 0 0 3px rgba(107,95,224,0.1);
}

body.day-mode .form-label { color: rgba(15,13,46,0.68);
}
body.day-mode textarea.form-control { background: #fff;
}

/* Day contact items */
body.day-mode .contact-info-item { background: #fff; border-color: rgba(107,95,224,0.12);
}
body.day-mode .contact-info-text h4 { color: #0F0D2E;
}
body.day-mode .contact-info-text p { color: var(--text-muted);
}

/* Day stats */
body.day-mode .stats-section { background: rgba(107,95,224,0.04); border-color: rgba(107,95,224,0.12);
}
body.day-mode .stat-label { color: var(--text-muted);
}
/* Day about */

/* Day breadcrumb */
body.day-mode .breadcrumb { color: var(--text-muted);
}
body.day-mode .page-hero h1 { color: #0F0D2E;
}
body.day-mode .page-hero p { color: var(--text-muted);
}

/* Day subscribe */
body.day-mode .subscribe-section { border-color: rgba(107,95,224,0.2);
}
body.day-mode .subscribe-section h2,
body.day-mode .subscribe-section p { color: #0F0D2E;
}

/* Day footer */

body.day-mode .footer-col h4 { color: #0F0D2E; border-bottom-color: rgba(107,95,224,0.12);
}
body.day-mode .footer-col ul li a { color: var(--text-muted);
}
body.day-mode .footer-col ul li a:hover { color: var(--primary);
}
body.day-mode .footer-bottom { border-top-color: rgba(107,95,224,0.12);
}
body.day-mode .footer-social a { border-color: rgba(107,95,224,0.2); color: rgba(15,13,46,0.5);
}
body.day-mode .footer-license-block { background: rgba(84,72,200,0.07); border-color: rgba(84,72,200,0.28); }
body.day-mode .footer-license-label { color: var(--primary); }
body.day-mode .footer-license-name { color: #0F0D2E; }
body.day-mode .footer-license-num { color: var(--text-secondary, #475569); }

/* Day team cards */
body.day-mode .team-card { background: #f8f8ff; border-color: rgba(107,95,224,0.15);
}

/* Day preloader */

/* Day testimonials: "Read more" and the review window */
body.day-mode .testi-more { color: var(--primary); }
body.day-mode .testi-more:hover { color: var(--primary-dark); }
body.day-mode a.testi-name { color: var(--primary); }
body.day-mode .testi-modal { background: rgba(226,229,255,0.78); }
body.day-mode .testi-modal-box { background: #fff; border-color: rgba(84,72,200,0.25); box-shadow: 0 30px 80px rgba(84,72,200,0.25); }
body.day-mode .testi-modal-text { color: rgba(15,13,46,0.86); }
body.day-mode .testi-modal-close { color: var(--primary); background: rgba(84,72,200,0.08); border-color: rgba(84,72,200,0.25); }
body.day-mode .testi-modal-close:hover { background: rgba(84,72,200,0.18); }
/* Day testimonials */
body.day-mode .testi-card { background: #fff; border-color: rgba(107,95,224,0.14); box-shadow: 0 4px 20px rgba(107,95,224,0.08);
}
body.day-mode .testi-comment { color: rgba(15,13,46,0.68);
}
body.day-mode .testi-name { color: #0F0D2E;
}
body.day-mode .testi-role { color: var(--text-muted);
}
body.day-mode .testi-date { color: var(--text-muted);
}
body.day-mode .testi-footer { border-top-color: rgba(107,95,224,0.1);
}
body.day-mode .testi-submit-wrap { background: #fff; border-color: rgba(107,95,224,0.15); box-shadow: 0 8px 40px rgba(107,95,224,0.08);
}

/* Day CEO spotlight */
body.day-mode .ceo-spotlight { background: rgba(107,95,224,0.04); border-color: rgba(107,95,224,0.15);
}
body.day-mode .ceo-message { color: rgba(15,13,46,0.7);
}
body.day-mode .ceo-role { color: var(--text-muted);
}

/* Day mobile nav */

/* Day header top links */
body.day-mode .header-top-links a { color: var(--text-muted);
}
body.day-mode .header-social a { background: rgba(107,95,224,0.06); border-color: rgba(107,95,224,0.15); color: var(--text-muted);
}

/* ===== DAY MODE – PRELOADER ===== */
body.day-mode #preloader {
  background: #F0F2FF;
}
body.day-mode .preloader-sub { color: var(--text-muted);
}
body.day-mode .preloader-bar { background: rgba(107,95,224,0.12);
}
body.day-mode .preloader-logo-img-wrap img {
  filter: drop-shadow(0 0 20px rgba(107,95,224,0.35));
}

/* ===== DAY MODE – CHAT WIDGET ===== */
body.day-mode #chatWindow {
  background: #ffffff;
  border-color: rgba(107,95,224,0.2);
  box-shadow: 0 20px 60px rgba(107,95,224,0.15);
}
body.day-mode #chatMessages { background: #ffffff;
}
body.day-mode .chat-empty { color: rgba(15,13,46,0.25);
}
body.day-mode .chat-pre-title { color: #0F0D2E;
}
body.day-mode .chat-pre-sub { color: var(--text-muted);
}
body.day-mode .chat-pre-input {
  background: #F5F5FF;
  border-color: rgba(107,95,224,0.2);
  color: #0F0D2E;
}
body.day-mode .chat-pre-input::placeholder { color: var(--text-muted);
}
body.day-mode .chat-pre-input:focus { background: #EEEEFF; border-color: #6B5FE0;
}
body.day-mode .from-agent .chat-msg-bubble {
  background: #F0F0FF;
  border-color: rgba(107,95,224,0.2);
  color: #0F0D2E;
}
body.day-mode .chat-msg-time { color: var(--text-muted);
}
body.day-mode .chat-input-area { background: #F8F8FF; border-top-color: rgba(107,95,224,0.12);
}
body.day-mode #chatInput {
  background: #F5F5FF;
  border-color: rgba(107,95,224,0.2);
  color: #0F0D2E;
}
body.day-mode #chatInput::placeholder { color: var(--text-muted);
}
body.day-mode #chatInput:focus { border-color: #6B5FE0;
}
body.day-mode .chat-offline-bar {
  background: rgba(196,144,10,0.06);
  border-color: rgba(196,144,10,0.2);
  color: rgba(140,100,0,0.9);
}
body.day-mode .typing-bubble {
  background: #F0F0FF;
  border-color: rgba(107,95,224,0.18);
}
body.day-mode .typing-dot { background: rgba(107,95,224,0.6);
}

/* ===== DAY MODE – NOTIFICATIONS / POPUPS ===== */
body.day-mode .notification {
  background: #ffffff;
  border-color: rgba(107,95,224,0.25);
  box-shadow: 0 12px 40px rgba(107,95,224,0.15);
  color: #0F0D2E;
}
body.day-mode .notification.success { border-color: rgba(22,163,74,0.4);
}
body.day-mode .notification.error { border-color: rgba(220,38,38,0.35);
}
body.day-mode .notification-text { color: #0F0D2E;
}
body.day-mode .notification-icon { color: #0F0D2E;
}
body.day-mode .notification.success .notification-icon { color: #16a34a;
}
body.day-mode .notification.error   .notification-icon { color: #dc2626;
}

/* ===== DAY MODE – ALL FORMS ===== */
body.day-mode .form-control,
body.day-mode .form-control:not(:focus) {
  background: #ffffff;
  border-color: rgba(107,95,224,0.2);
  color: #0F0D2E;
}
body.day-mode .form-control:focus {
  background: #F8F8FF;
  border-color: #6B5FE0;
  box-shadow: 0 0 0 3px rgba(107,95,224,0.1);
}
body.day-mode .form-control::placeholder { color: var(--text-muted);
}
body.day-mode select.form-control { color: #0F0D2E;
}
body.day-mode select.form-control option { background: #ffffff; color: #0F0D2E;
}
body.day-mode textarea.form-control {
  background: #ffffff;
  color: #0F0D2E;
}
body.day-mode .form-label { color: rgba(15,13,46,0.7);
}

/* CV/photo upload in day mode */
body.day-mode .cv-upload-wrap {
  border-color: rgba(107,95,224,0.25);
  background: #F8F8FF;
}
body.day-mode .cv-upload-wrap:hover { border-color: #6B5FE0; background: #F0F0FF;
}
body.day-mode .cv-upload-text { color: rgba(15,13,46,0.65);
}
body.day-mode .cv-upload-hint { color: var(--text-muted);
}
body.day-mode .cv-file-name { color: var(--primary);
}
body.day-mode .appointment-wrap,
body.day-mode .careers-wrap { background: #ffffff; border-color: rgba(107,95,224,0.15);
}
body.day-mode .legal-content {
  background: #ffffff;
  border-color: rgba(107,95,224,0.15);
  color: rgba(15,13,46,0.72);
}
body.day-mode .legal-content h3 { color: #0F0D2E;
}
body.day-mode .section-divider { background: linear-gradient(90deg,transparent,rgba(107,95,224,0.2),transparent);
}
body.day-mode .page-hero { background: transparent;
}
body.day-mode .breadcrumb a { color: var(--primary);
}
body.day-mode .breadcrumb span { color: var(--text-muted);
}
body.day-mode .stat-icon { color: var(--primary); -webkit-text-fill-color: #6B5FE0;
}
body.day-mode .service-card:hover { border-color: rgba(107,95,224,0.4); box-shadow: 0 16px 48px rgba(107,95,224,0.12);
}
body.day-mode .filter-btn { background: #fff; border-color: rgba(107,95,224,0.2); color: var(--text-muted);
}
body.day-mode .filter-btn.active,
body.day-mode .filter-btn:hover { background: var(--gradient); color: #fff; border-color: transparent;
}
body.day-mode .portfolio-body p { color: var(--text-muted);
}
body.day-mode .team-card { background: #fff;
}
body.day-mode .team-img-initials { color: #fff;
}
body.day-mode .subscribe-section h2 { color: #0F0D2E;
}
body.day-mode .subscribe-section p { color: var(--text-muted);
}
body.day-mode .subscribe-form input {
  background: #fff;
  border-color: rgba(107,95,224,0.2);
  color: #0F0D2E;
}
body.day-mode .subscribe-form input::placeholder { color: var(--text-muted);
}
body.day-mode .testi-submit-wrap { background: #fff; border-color: rgba(107,95,224,0.15);
}
body.day-mode .tstar { color: rgba(196,144,10,0.25);
}
body.day-mode .tstar.active,
body.day-mode .tstar.hover { color: #C4900A;
}
body.day-mode .btn-outline {
  background: transparent;
  border-color: rgba(107,95,224,0.35);
  color: var(--primary);
}
body.day-mode .btn-outline:hover {
  border-color: #6B5FE0;
  background: rgba(107,95,224,0.06);
  color: var(--primary);
}
body.day-mode .header-top-links a:hover { color: var(--primary);
}
body.day-mode .header-social a:hover { background: var(--gradient); color: #fff;
}

/* CEO Spotlight */
body.day-mode .ceo-badge { box-shadow: 0 8px 24px rgba(107,95,224,0.3);
}
body.day-mode .ceo-soc-btn { border-color: rgba(107,95,224,0.3); color: var(--primary); background: #fff;
}
body.day-mode .ceo-soc-btn:hover { background: var(--gradient); color: #fff;
}

/* Section eyebrow in day */
body.day-mode .section-eyebrow { color: var(--primary);
}
body.day-mode .glow-dot-1 { background: rgba(107,95,224,0.08);
}
body.day-mode .glow-dot-2 { background: rgba(14,165,233,0.06);
}
body.day-mode .footer-social a:hover { background: var(--gradient); color: #fff; border-color: transparent;
}
@media (max-width: 767px) {
  body.day-mode .theme-toggle-knob { transform: translateX(21px);
  }
}

/* ── Day mode complete colorful backgrounds ── */
body.day-mode .service-card { background: #F3F0FF !important; border-color: rgba(107,95,224,0.12) !important;
}
body.day-mode .service-card:nth-child(2n) { background: #EFF6FF !important;
}
body.day-mode .service-card:nth-child(3n) { background: #F0FDF4 !important;
}
body.day-mode .portfolio-card { background: #EFF6FF !important;
}
body.day-mode .portfolio-card:nth-child(2n) { background: #F3F0FF !important;
}
body.day-mode .blog-card { background: #F3F0FF !important;
}
body.day-mode .blog-card:nth-child(2n) { background: #EFF6FF !important;
}
body.day-mode .testi-card { background: #F3F0FF !important; border-color: rgba(107,95,224,0.12) !important;
}
body.day-mode .testi-card:nth-child(2n) { background: #EFF6FF !important;
}
body.day-mode .value-card { background: #F0FDF4 !important;
}
body.day-mode .value-card:nth-child(2n) { background: #EFF6FF !important;
}
body.day-mode .mv-card { background: #F3F0FF !important;
}
body.day-mode .card-3d { background: #F3F0FF !important;
}
body.day-mode .contact-info-item { background: #EFF6FF !important;
}
body.day-mode .appointment-wrap { background: #F3F0FF !important;
}
body.day-mode .testi-submit-wrap { background: #F3F0FF !important;
}
body.day-mode .legal-content { background: #EFF6FF !important;
}
body.day-mode .filter-btn { background: #EFF6FF !important;
}
body.day-mode .cv-upload-wrap { background: #EFF6FF !important;
}
body.day-mode #chatWindow { background: #F3F0FF !important;
}
body.day-mode #chatMessages { background: #F3F0FF !important;
}
body.day-mode .from-agent .chat-msg-bubble { background: #DBEAFE !important; color: #1e3a5f !important;
}
body.day-mode .stats-section { background: linear-gradient(135deg,rgba(107,95,224,0.06),rgba(14,165,233,0.04)) !important;
}
body.day-mode .subscribe-section { background: linear-gradient(135deg,rgba(107,95,224,0.07),rgba(14,165,233,0.04)) !important;
}
body.day-mode .ceo-spotlight { background: linear-gradient(135deg,#F3F0FF,#EFF6FF) !important;
}
body.day-mode .notification { background: #F3F0FF !important; border-color: rgba(107,95,224,0.2) !important;
}
body.day-mode .notification.success { border-color: rgba(22,163,74,0.4) !important;
}
body.day-mode .notification.error { border-color: rgba(220,38,38,0.35) !important;
}
body.day-mode .notification-text { color: #0F0D2E !important;
}
body.day-mode #preloader { background: #F0F2FF !important;
}
body.day-mode .form-control,
body.day-mode input.form-control,
body.day-mode select.form-control,
body.day-mode textarea.form-control { background: #F8F6FF !important; border-color: rgba(107,95,224,0.22) !important; color: #0F0D2E !important;
}
body.day-mode .form-control:focus,
body.day-mode input.form-control:focus,
body.day-mode select.form-control:focus,
body.day-mode textarea.form-control:focus { background: #EEEEFF !important; border-color: #6B5FE0 !important;
}
body.day-mode .form-control::placeholder { color: var(--text-muted) !important;
}
body.day-mode select.form-control option { background: #F8F6FF; color: #0F0D2E;
}
body.day-mode .theme-toggle-btn {
  background: linear-gradient(135deg,#BFDBFE,#DDD6FE);
  border-color: rgba(107,95,224,0.3);
  box-shadow: 0 2px 10px rgba(107,95,224,0.18);
}
body.day-mode .theme-toggle-btn::after {
  right: auto; left: 7px; background: rgba(251,191,36,0.55);
  box-shadow: 0 -5px 0 1px rgba(251,191,36,0.3), 0 5px 0 0.5px rgba(251,191,36,0.2);
}
body.day-mode .theme-toggle-knob {
  transform: translateX(24px);
  background: linear-gradient(135deg,#FDE68A,#F59E0B);
  box-shadow: 0 2px 14px rgba(245,158,11,0.65);
}
body.day-mode .theme-toggle-knob::after {
  content: ''; width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,0.9); border: none; transform: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.3), 0 0 10px rgba(255,255,255,0.7);
}
body.day-mode .trusted-section { background: rgba(107,95,224,0.03); border-color: rgba(107,95,224,0.12);
}
body.day-mode .trusted-item { color: var(--text-muted);
}
body.day-mode .trusted-item:hover { color: rgba(15,13,46,0.85);
}
body.day-mode .why-card { background: #F3F0FF !important;
}
body.day-mode .svc-tech-tag { background: rgba(107,95,224,0.08); color: var(--primary);
}

/* ── Day mode footer ── */
/* the audit section and the "Ready to Build" band have no fill (the 3D background shows through); only the bright line is tuned for the light page */
body.day-mode .audit-section::before,
body.day-mode .footer-cta-banner::before, body.day-mode .footer-cta-banner::after {
  background: linear-gradient(90deg, transparent 0%, #5448C8 16%, #0277BD 50%, #7E22CE 84%, transparent 100%);
  box-shadow: 0 0 10px rgba(84,72,200,0.55), 0 0 26px rgba(2,119,189,0.28);
}
body.day-mode .footer-brand-name { background:linear-gradient(135deg,#0F0D2E,#5448C8); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
body.day-mode .footer-brand-desc { color: var(--text-muted);
}
body.day-mode .footer-col-title { color: rgba(15,13,46,0.85); border-bottom-color: rgba(107,95,224,0.12);
}
body.day-mode .footer-acc-icon { color: rgba(15,13,46,0.85);
}
body.day-mode .footer-links li a { color: var(--text-muted);
}
body.day-mode .footer-links li a:hover { color: var(--primary);
}
body.day-mode .footer-links li a i { color: rgba(107,95,224,0.4);
}
body.day-mode .footer-social-row a { border-color:rgba(107,95,224,0.18); background:rgba(107,95,224,0.05); color:rgba(15,13,46,0.4);
}
body.day-mode .footer-contact-item .fci-text { color: rgba(15,13,46,0.65);
}
body.day-mode .footer-contact-item .fci-text span { color: var(--text-muted);
}
body.day-mode .footer-bottom-inner { color: var(--text-muted);
}
body.day-mode .footer-made-with { color: var(--text-muted);
}
body.day-mode .footer-bottom-right a { color: var(--text-muted);
}
body.day-mode .audit-popup-box { background: #F3F0FF; border-color: rgba(107,95,224,0.25);
}
body.day-mode .service-icon { background: rgba(107,95,224,0.08); border-color: rgba(107,95,224,0.2);
}
/* Day mode audit */

/* Day mode popup */
body.day-mode .audit-popup-box { background:linear-gradient(160deg,#F3F0FF,#EDF0FF); border-color:rgba(107,95,224,0.2);
}

body.day-mode .audit-popup-field input { background:rgba(107,95,224,0.05); border-color:rgba(107,95,224,0.2); color:#0F0D2E;
}
body.day-mode .audit-popup-field input:focus { border-color:#6B5FE0; background:rgba(107,95,224,0.08);
}
body.day-mode .audit-popup-field i { color:var(--text-muted);
}

/* Header scrolled — dark glass effect in day mode */
body.day-mode .header-main.scrolled {
  background: rgba(240,238,255,0.97) !important;
  box-shadow: 0 4px 32px rgba(107,95,224,0.18) !important;
  border-bottom-color: rgba(107,95,224,0.25) !important;
  backdrop-filter: blur(32px) !important;
}
body.day-mode .stat-icon {
  background: rgba(107,95,224,0.1) !important;
  color: var(--primary) !important;
  border-color: rgba(107,95,224,0.2) !important;
}

/* Day mode blog */
body.day-mode .blog-card { background:#fff; border-color:rgba(107,95,224,0.1);
}
body.day-mode .blog-body h3 { color:#0F0D2E;
}
body.day-mode .blog-body p { color:var(--text-muted);
}
body.day-mode .blog-date { color:var(--text-muted);
}
body.day-mode .blog-author { color:var(--text-muted);
}
body.day-mode .blog-meta-item { color:var(--text-muted);
}

/* Day mode audit */
body.day-mode .audit-heading { color: #0F0D2E;
}
body.day-mode .audit-subtext { color: var(--text-muted);
}
body.day-mode .audit-checks span { color: var(--text-muted);
}
body.day-mode .audit-card {
  background: rgba(255,255,255,0.9);
  border-color: rgba(107,95,224,0.15);
  box-shadow: 0 8px 40px rgba(107,95,224,0.1);
}
body.day-mode .audit-card-title { color: #0F0D2E;
}
body.day-mode .audit-field input { background: rgba(107,95,224,0.04); border-color: rgba(107,95,224,0.2); color: #0F0D2E;
}
body.day-mode .audit-field input::placeholder { color: var(--text-muted);
}
body.day-mode .audit-field input:focus { border-color: #6B5FE0; background: rgba(107,95,224,0.06);
}
body.day-mode .audit-field > i { color: var(--text-muted);
}
body.day-mode .audit-stats { border-top-color: rgba(107,95,224,0.1);
}
body.day-mode .audit-stat-div { background: rgba(107,95,224,0.12);
}

/* Day mode popup */
body.day-mode .audit-popup-backdrop { background: rgba(15,13,46,0.7);
}
body.day-mode .audit-popup-box { background: #fff; border-color: rgba(107,95,224,0.2); box-shadow: 0 32px 80px rgba(107,95,224,0.2);
}
body.day-mode .audit-popup-title { color: #0F0D2E;
}
body.day-mode .audit-popup-url { color: var(--text-muted);
}
body.day-mode .audit-popup-sub { color: var(--text-muted);
}
body.day-mode .audit-popup-field input { background: rgba(107,95,224,0.04); border-color: rgba(107,95,224,0.2); color: #0F0D2E;
}
body.day-mode .audit-popup-field input::placeholder { color: var(--text-muted);
}
body.day-mode .audit-popup-field > i { color: var(--text-muted);
}
body.day-mode .audit-popup-privacy { color: var(--text-muted);
}
/* How We Work: the hover colours in style.css are light-on-dark (white icon, pale title and text), so the day version has its own hover rules -
   written with :hover too, otherwise the night hover wins by specificity and the icon and text turn white on white */
body.day-mode .hww-step-dot { background:#F3F0FF; border-color:rgba(84,72,200,0.3); color: var(--primary); }
body.day-mode .hww-step-item:hover .hww-step-dot { background:#E4DFFF; border-color:var(--primary); color:var(--primary-dark);
  box-shadow:0 0 0 10px rgba(84,72,200,0.08), 0 0 30px rgba(84,72,200,0.26); }
body.day-mode .hww-line { background:rgba(107,95,224,0.14); }
body.day-mode .hww-step-body .hww-title { color:var(--primary); }
body.day-mode .hww-step-item:hover .hww-step-body .hww-title { color:var(--primary-dark); }
body.day-mode .hww-step-body .hww-desc { color:var(--text-muted); }
body.day-mode .hww-step-item:hover .hww-step-body .hww-desc { color:var(--text-primary); }

/* ── Day version: only the variables change ── */
body.day-mode .nav {
  --nav-ink: rgba(15,13,46,0.76);
  --nav-ink-strong: #0F0D2E;
  --nav-muted: rgba(15,13,46,0.58);
  --nav-accent: #5B4FD1;
  --nav-line: linear-gradient(90deg,#6B5FE0,#0EA5E9);
  --nav-panel: #ffffff;
  --nav-panel-line: rgba(107,95,224,0.22);
  --nav-panel-shadow: 0 18px 48px rgba(107,95,224,0.22);
  --nav-overlay: rgba(244,245,255,0.99);
  --nav-btn-line: rgba(91,79,209,0.5);
}
body.day-mode .hamburger span { background: #0F0D2E;
}
body.day-mode .hamburger.open span { background: #5B4FD1;
}
/* ---- tool page: seo-checker ---- */
/* Day mode */
body.day-mode .seo-checker-box { background: #fff; border-color: rgba(107,95,224,0.12);
}
body.day-mode .seo-url-input { background: rgba(107,95,224,0.04); border-color: rgba(107,95,224,0.2); color: #0F0D2E;
}
body.day-mode .seo-url-input::placeholder { color: var(--text-muted);
}
body.day-mode .seo-cat-block { background: #fff; border-color: rgba(107,95,224,0.1);
}
body.day-mode .seo-cl { color: #0F0D2E;
}
body.day-mode .seo-cd { color: var(--text-muted);
}
body.day-mode .seo-score-num { color: #0F0D2E;
}

/* ---- tool page: ip-lookup ---- */

body.day-mode .tool-my-ip {color:var(--text-muted);
}
body.day-mode .ip-card {background:#fff;border-color:rgba(107,95,224,0.1);
}
body.day-mode .ip-card-value {color:#0F0D2E;
}
body.day-mode .ip-card-label {color:var(--text-muted);
}
body.day-mode .ip-result-header {background:linear-gradient(135deg,rgba(107,95,224,0.07),rgba(14,165,233,0.04));
}
body.day-mode .ip-main-info h2 {color:#0F0D2E;
}
body.day-mode .ip-main-info p {color:var(--text-muted);
}

/* ---- tool page: whois-lookup ---- */
/* Day mode */
body.day-mode .tool-box {background:#fff;border-color:rgba(107,95,224,0.12);
}
body.day-mode .tool-input {background:rgba(107,95,224,0.04);border-color:rgba(107,95,224,0.2);color:#0F0D2E;
}
body.day-mode .tool-input::placeholder {color:var(--text-muted);
}
body.day-mode .whois-section {background:#fff;border-color:rgba(107,95,224,0.1);
}
body.day-mode .wfield-value {color:#0F0D2E;
}
body.day-mode .ns-item {background:rgba(107,95,224,0.05);color:#0F0D2E;
}
body.day-mode .whois-raw {background:rgba(107,95,224,0.03);color:var(--text-muted);
}
body.day-mode .whois-header {background:linear-gradient(135deg,rgba(107,95,224,0.07),rgba(14,165,233,0.04));
}
body.day-mode .whois-header-info h2 {color:#0F0D2E;
}
body.day-mode .tool-page-hero {background:linear-gradient(180deg,rgba(107,95,224,0.05) 0%,transparent 100%);
}

/* ══════════════════════════════════════════════════════════════════════
   DAY READABILITY - the last word on day colours.
   Every text / icon colour in this block was checked on the real pixels:
   text 4.5:1 or better, large text and icons 3:1 or better.
   ══════════════════════════════════════════════════════════════════════ */

/* ── blog post pop-up ── */
body.day-mode .bm-overlay { background: rgba(236,238,255,0.92); }
body.day-mode .bm-box { background: #fff; border-color: rgba(84,72,200,0.25); box-shadow: 0 30px 80px rgba(84,72,200,0.22); }
body.day-mode .bm-close { background: rgba(84,72,200,0.1); color: #0F0D2E; }
body.day-mode .bm-close:hover { background: rgba(84,72,200,0.2); }
body.day-mode .bm-chip { background: rgba(84,72,200,0.1); border-color: rgba(84,72,200,0.3); color: var(--secondary); }
body.day-mode .bm-date,
body.day-mode .bm-arole { color: var(--text-muted); }
body.day-mode .bm-title,
body.day-mode .bm-aname { color: #0F0D2E; }
body.day-mode .bm-author { border-bottom-color: rgba(84,72,200,0.15); }
body.day-mode .bm-av { background: linear-gradient(135deg,#5448C8,#0277BD); }
body.day-mode .bm-content { color: var(--text-secondary); }

/* ── team member pop-up ── */
body.day-mode .tp-overlay { background: rgba(236,238,255,0.92); }
body.day-mode .tp-modal { background: #fff; border-color: rgba(84,72,200,0.25); box-shadow: 0 30px 80px rgba(84,72,200,0.22); }
body.day-mode .tp-close { background: rgba(84,72,200,0.08); border-color: rgba(84,72,200,0.2); color: #0F0D2E; }
body.day-mode .tp-close:hover { background: rgba(84,72,200,0.18); color: #0F0D2E; }
body.day-mode .tp-avatar,
body.day-mode .tp-contact { background-image: linear-gradient(rgba(15,13,46,0.34),rgba(15,13,46,0.34)), linear-gradient(135deg,var(--c1),var(--c2)); }
body.day-mode .tp-name { color: #0F0D2E; }
body.day-mode .tp-role { background: none; -webkit-text-fill-color: currentColor; color: var(--primary); }
body.day-mode .tp-exp,
body.day-mode .tp-h { color: var(--text-muted); }
body.day-mode .tp-exp i,
body.day-mode .tp-cert i { color: var(--primary); }
body.day-mode .tp-bio,
body.day-mode .tp-cert { color: var(--text-secondary); }
body.day-mode .tp-chip { background: rgba(84,72,200,0.09); border-color: rgba(84,72,200,0.28); color: var(--primary); }
body.day-mode .tp-linkedin { background: rgba(0,104,158,0.08); border-color: rgba(0,104,158,0.35); color: #00689E; }
body.day-mode .tp-github { background: rgba(15,13,46,0.05); border-color: rgba(15,13,46,0.2); color: #0F0D2E; }

/* ── team cards: a soft shade behind white names and initials so they stay readable on the bright gradients ── */
body.day-mode .team-img-initials { box-shadow: inset 0 0 0 600px rgba(15,13,46,0.3); }
body.day-mode .team-info-over::before {
  content: ''; position: absolute; inset: -14px 0 0 0; z-index: -1; pointer-events: none;
  background: linear-gradient(to top, rgba(15,13,46,0.62), rgba(15,13,46,0));
}
body.day-mode .team-role-chip { background: rgba(255,255,255,0.94); border-color: rgba(15,13,46,0.12); color: #0F0D2E; }
body.day-mode .emp-avatar { box-shadow: inset 0 0 0 40px rgba(15,13,46,0.4); }

/* ── placeholders and decorative icons ── */
body.day-mode .img-ph { opacity: 0.7; color: #4A3FC5; }
body.day-mode .ceo-img-placeholder { color: #2E2480; }          /* (initials on the pale purple placeholder: deep indigo, 4.5:1 and better, also while the card is hovered) */
body.day-mode .testi-avatar { background: linear-gradient(135deg, #5448C8, #0277BD); }      /* white initials need a deeper circle than the night gradient */
body.day-mode .form-hint { color: var(--text-muted); }

/* ── buttons: white text needs a deeper background ── */
body.day-mode .filter-btn.active,
body.day-mode .filter-btn:hover { background: var(--gradient) !important; color: #fff; border-color: transparent; }
body.day-mode .nav .btn-appointment { background: linear-gradient(135deg,#5448C8,#7E22CE 55%,#0277BD); box-shadow: 0 4px 16px rgba(84,72,200,0.35); }

/* ── hero: floating tech chips become light chips ── */
body.day-mode .tech-float { background: rgba(255,255,255,0.92); color: #0F0D2E; box-shadow: 0 10px 28px rgba(84,72,200,0.16); }
body.day-mode .tech-float-1 i { color: #4F46E5; }
body.day-mode .tech-float-2 i { color: #0369A1; }
body.day-mode .tech-float-3 i { color: #DC2626; }
body.day-mode .tech-float-4 i { color: #15803D; }
body.day-mode .tech-float-5 i { color: #B45309; }
body.day-mode .tech-float-6 i { color: #7E22CE; }

/* ── gradient-filled text: night starts with white, day must not ── */
body.day-mode .preloader-logo-text { background-image: linear-gradient(135deg,#0F0D2E 0%,#5448C8 25%,#0277BD 50%,#5448C8 75%,#0F0D2E 100%); }
body.day-mode .preloader-sub { background-image: linear-gradient(90deg,rgba(84,72,200,0.95),rgba(2,119,189,0.95)); }
body.day-mode .stat-value { background-image: var(--gradient-royal); }
body.day-mode .audit-heading-gradient { background-image: linear-gradient(135deg,#5448C8,#7E22CE,#0277BD); }
body.day-mode .audit-stat-num { background-image: linear-gradient(135deg,#5448C8,#0277BD); }

/* ── footer, partners ── */
body.day-mode .fms-label,
body.day-mode .trusted-label,
body.day-mode .footer-license { color: var(--text-muted); }
body.day-mode .footer-links li a i { color: rgba(84,72,200,0.78); }
body.day-mode .footer-social a,
body.day-mode .footer-social-row a { color: rgba(15,13,46,0.64); }
body.day-mode .footer-social a:hover,
body.day-mode .footer-social-row a:hover { color: #fff; background: var(--gradient-royal); border-color: transparent; }      /* (the light day background above would otherwise win and leave a white icon on a pale tile) */
body.day-mode .fci-icon.fci-wa { background: rgba(11,107,58,0.1); color: #0B6B3A; }
body.day-mode .fci-icon.fci-tg { background: rgba(0,104,158,0.1); color: #00689E; }
body.day-mode .heart-ic,
body.day-mode .footer-made-with i { color: #BE185D; }
body.day-mode .qc-whatsapp .qc-icon { color: #0B6B3A; }
body.day-mode .chat-closed-note { color: var(--text-muted); border-top-color: rgba(84,72,200,0.15); }
body.day-mode .chat-closed-note i { color: #15803D; }

/* ── status colours (green / gold / orange / pink read on pale cards only when darker) ── */
body.day-mode .t-ok { color: #15803D; }
body.day-mode .t-good { color: #946200; }
body.day-mode .t-warn { color: #C2410C; }
body.day-mode .t-bad { color: #BE185D; }
body.day-mode #seoRingFill.t-ok { stroke: #15803D; }
body.day-mode #seoRingFill.t-good { stroke: #A86B00; }
body.day-mode #seoRingFill.t-warn { stroke: #C2410C; }
body.day-mode #seoRingFill.t-bad { stroke: #BE185D; }
body.day-mode .star-on,
body.day-mode .tstar.active,
body.day-mode .tstar.hover,
body.day-mode .testi-coming-icon { color: #A86B00; }
body.day-mode .star-off { color: rgba(168,107,0,0.3); }
body.day-mode .svc-price { color: #166534; }
body.day-mode .svc-price i,
body.day-mode .audit-checks i,
body.day-mode .audit-popup-privacy i,
body.day-mode .notification.success .notification-icon { color: #15803D; }
body.day-mode .biz-time.online { color: #166534; }
body.day-mode .biz-time.closed { color: #9D174D; }

/* ── tool pages: results, badges, errors ── */
body.day-mode .tool-error,
body.day-mode .seo-error-box { background: rgba(190,24,93,0.07); border-color: rgba(190,24,93,0.3); color: #9D174D; }
body.day-mode .ip-status-ok,
body.day-mode .badge-active { background: rgba(21,128,61,0.1); color: #166534; border-color: rgba(21,128,61,0.3); }
body.day-mode .ip-status-vpn,
body.day-mode .badge-expired { background: rgba(190,24,93,0.08); color: #9D174D; border-color: rgba(190,24,93,0.3); }
body.day-mode .badge-unknown,
body.day-mode .status-tag { background: rgba(84,72,200,0.09); color: var(--primary); border-color: rgba(84,72,200,0.28); }
body.day-mode .wfield-mono,
body.day-mode .tool-my-ip a { color: var(--primary); }
body.day-mode .ip-card-icon { background: rgba(84,72,200,0.1); color: var(--primary); }
body.day-mode .tool-input-wrap i,
body.day-mode .seo-input-wrap i { color: var(--text-muted); }
body.day-mode .seo-check-item.pass .seo-ci { background: rgba(21,128,61,0.1); color: #15803D; }
body.day-mode .seo-check-item.fail .seo-ci { background: rgba(190,24,93,0.08); color: #BE185D; }
body.day-mode .seo-ct { background: rgba(148,98,0,0.08); border-color: rgba(148,98,0,0.28); color: #6B4700; }
body.day-mode .seo-ct i { color: #946200; }

/* ── purple buttons: white text needs the deeper purple (night keeps the light one) ── */
body.day-mode .audit-submit-btn,
body.day-mode .audit-popup-submit,
body.day-mode .tool-submit,
body.day-mode .seo-analyze-btn,
body.day-mode .whois-header-icon { background: linear-gradient(135deg,#5448C8,#7E22CE); }
body.day-mode .audit-submit-btn,
body.day-mode .audit-popup-submit { box-shadow: 0 4px 20px rgba(84,72,200,0.35); }

/* ── how-we-work step numbers, empty states ── */
body.day-mode .hww-step-dot .hww-num { background: linear-gradient(135deg,#5448C8,#0277BD); box-shadow: 0 2px 8px rgba(84,72,200,0.4); }
body.day-mode .empty-state i { opacity: 0.8; }

/* ── IP lookup: the little icon tiles ── */
body.day-mode .ic-ok { background: rgba(21,128,61,0.12); color: #15803D; }
body.day-mode .ic-sky { background: rgba(3,105,161,0.12); color: #0369A1; }
body.day-mode .ic-violet { background: rgba(84,72,200,0.12); color: #5448C8; }
body.day-mode .ic-lilac { background: rgba(109,40,217,0.1); color: #6D28D9; }
body.day-mode .ic-purple { background: rgba(126,34,206,0.1); color: #7E22CE; }
body.day-mode .ic-gold { background: rgba(148,98,0,0.12); color: #946200; }
body.day-mode .ic-pink { background: rgba(190,24,93,0.1); color: #BE185D; }

/* ── status text: the darker shades are for words, the brighter ones stay on the ring ── */
body.day-mode .t-ok { color: #166534; }
body.day-mode .t-good { color: #7A5200; }
body.day-mode .t-warn { color: #9A3412; }
body.day-mode .t-bad { color: #9D174D; }

/* ── live chat: white-on-gradient parts get the deeper colours ── */
body.day-mode #chatLauncher,
body.day-mode .chat-header,
body.day-mode .chat-start-btn { background: linear-gradient(135deg,#5448C8 0%,#7E22CE 55%,#0277BD 100%); }
body.day-mode #chatLauncher { box-shadow: 0 8px 28px rgba(84,72,200,0.45); }
body.day-mode .from-agent .chat-msg-avatar,
body.day-mode #chatSendBtn { background: linear-gradient(135deg,#5448C8,#0277BD); }
body.day-mode .from-visitor .chat-msg-avatar { background: linear-gradient(135deg,#BE185D,#C2410C); }
body.day-mode .from-visitor .chat-msg-bubble { background: linear-gradient(135deg,#5448C8,#7E22CE); box-shadow: 0 4px 14px rgba(84,72,200,0.3); }
body.day-mode .chat-status-line { color: rgba(255,255,255,0.95); }
body.day-mode #chatBadge { background: #BE185D; border-color: #fff; }
body.day-mode #chatTeaser { background: #fff; border-color: rgba(84,72,200,0.32); color: #1B1747; box-shadow: 0 14px 36px rgba(84,72,200,0.24); }
body.day-mode .chat-teaser-name { color: #5448C8; }
body.day-mode .chat-teaser-text { color: #1B1747; }
body.day-mode .chat-teaser-x { color: #55508A; }
body.day-mode .chat-teaser-x:hover { color: #1B1747; }

/* ── audit pop-up: close button ── */
body.day-mode .audit-popup-close { background: rgba(84,72,200,0.08); border-color: rgba(84,72,200,0.22); color: var(--text-muted); }
body.day-mode .audit-popup-close:hover { background: rgba(190,24,93,0.1); border-color: rgba(190,24,93,0.35); color: #BE185D; }

/* ── card motion in day: the glow and edge colours (the movement itself is in css/motion.css) ── */
body.day-mode {
  --uq-glow: 0 18px 40px rgba(84,72,200,0.18), 0 0 0 1px rgba(84,72,200,0.28), 0 6px 16px rgba(15,13,46,0.08);
  --uq-edge: rgba(84,72,200,0.5);
}