/* Nexvoria marketing skin — Infotek look & feel (white, #384BFF, Kumbh Sans, square buttons).
   Loaded AFTER main.css. Scoped to body.infotek and driven by re-mapping the
   existing CSS variables, so all 35 pages re-theme without markup edits.
   Roll back by removing the "infotek" body class (see includes/header.php). */

body.infotek {
  --it-theme: #384BFF;
  --it-dark: #0F0D1D;
  --it-navy: #18185E;
  --it-text: #585858;
  --it-bg: #F3F7FB;
  --it-border: #E3E3E3;

  --brand-blue: #384BFF; --brand-blue-light: #384BFF; --brand-blue-deep: #2535d6;
  --brand-red: #384BFF;  --brand-red-light: #384BFF; --brand-red-deep: #2535d6;

  --bg-base: #ffffff; --bg-elev-1: #F3F7FB; --bg-elev-2: #ffffff; --bg-elev-3: #eaf0f8;
  --surface-glass: #ffffff;
  --surface-line: #E3E3E3; --surface-line-strong: #cfd6e2; --surface-elevated: #ffffff;

  --text-primary: #0F0D1D; --text-secondary: #585858; --text-muted: #6f7787; --text-faint: #9aa1b0;

  --gradient-brand: linear-gradient(0deg, #384BFF, #384BFF);
  --gradient-glow: none;
  --font-display: 'Kumbh Sans', system-ui, sans-serif;
  --font-body: 'Kumbh Sans', system-ui, sans-serif;
  --font-mono: 'Kumbh Sans', system-ui, sans-serif;
  --radius-sm: 0; --radius-md: 0; --radius-lg: 4px; --radius-xl: 8px;

  background: #fff !important; background-image: none !important;
  color: var(--it-text); font-family: var(--font-body);
}
body.infotek .cursor-dot, body.infotek .cursor-ring { display: none !important; }
body.infotek ::selection { background: var(--it-theme); color: #fff; }

body.infotek h1, body.infotek h2, body.infotek h3, body.infotek h4, body.infotek h5 {
  font-family: var(--font-display); font-style: normal; font-weight: 700; color: var(--it-dark);
  letter-spacing: -0.01em; line-height: 1.15;
}
body.infotek h1 em, body.infotek h2 em, body.infotek h3 em, body.infotek .accent, body.infotek .gradient-text {
  font-style: normal !important; color: var(--it-theme) !important;
  background: none !important; -webkit-text-fill-color: currentColor !important;
}

/* ---- Top info bar (was the scrolling announcement bar) ---- */
body.infotek .announcement-bar { background: var(--it-dark); color: #fff; border: 0; }
body.infotek .announcement-bar span { color: #ffffffcc; font-family: var(--font-body); font-size: .8rem; letter-spacing: .02em; text-transform: none; }

/* ---- Header / nav ---- */
body.infotek .site-header, body.infotek .site-header.scrolled {
  background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none;
  border-bottom: 1px solid var(--it-border); box-shadow: 0 4px 25px rgba(0,0,0,.05);
}
body.infotek .logo-name { color: var(--it-dark); font-weight: 800; letter-spacing: .06em; }
body.infotek .logo-sub { color: var(--it-text); }
body.infotek .nav-link { color: var(--it-dark); font-weight: 600; font-size: .95rem; text-transform: none; letter-spacing: 0; }
body.infotek .nav-link:hover, body.infotek .nav-link.active { color: var(--it-theme); }
body.infotek .dropdown-menu { background: #fff; border: 1px solid var(--it-border); border-radius: 0; box-shadow: 0 4px 25px rgba(0,0,0,.08); }
body.infotek .dropdown-item:hover { background: var(--it-bg); }
body.infotek .dropdown-item strong { color: var(--it-dark); }
body.infotek .dropdown-item small, body.infotek .dropdown-group-label { color: var(--it-text); }
body.infotek .nav-toggle span, body.infotek .hamburger span { background: var(--it-dark); }

/* ---- Buttons: square, solid blue, dark fill on hover ---- */
body.infotek .btn-primary {
  background: var(--it-theme); color: #fff !important; border: 0; border-radius: 0; box-shadow: none;
  font-weight: 600; font-size: 1rem; text-transform: capitalize; letter-spacing: 0; padding: 18px 34px;
  transition: background .3s;
}
body.infotek .btn-primary::before { display: none; }
body.infotek .btn-primary:hover { background: var(--it-dark); transform: none; box-shadow: none; }
body.infotek .btn-ghost {
  background: transparent; color: var(--it-dark); border: 2px solid var(--it-dark); border-radius: 0;
  font-weight: 600; text-transform: capitalize; letter-spacing: 0; padding: 16px 32px;
}
body.infotek .btn-ghost:hover { background: var(--it-dark); color: #fff; border-color: var(--it-dark); }

/* ---- Eyebrow label (Infotek: small caps blue with pill dash) ---- */
body.infotek .eyebrow { color: var(--it-theme); font-family: var(--font-body); font-weight: 700; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
body.infotek .eyebrow::before { background: var(--it-theme); height: 4px; width: 22px; border-radius: 4px; }

/* ---- Hero ---- */
body.infotek .hero {
  background: linear-gradient(135deg, #F3F7FB 0%, #e9eeff 55%, #dfe6ff 100%) !important;
  color: var(--it-text);
}
body.infotek .hero::before, body.infotek .hero::after, body.infotek .hero .orb-ring { opacity: .35; }
body.infotek .hero h1 { font-size: clamp(2.4rem, 5vw, 4.2rem); font-weight: 800; }
body.infotek .hero p, body.infotek .hero .lead { color: var(--it-text); }
body.infotek .hero-badge { background: #fff; color: var(--it-theme); border: 1px solid var(--it-border); border-radius: 0; }
body.infotek .hero strong { color: var(--it-dark); }

/* ---- Sections / cards ---- */
body.infotek .section { background: #fff; }
body.infotek .section.bg-elev-1, body.infotek .section-alt, body.infotek .bg-elev-1 { background: var(--it-bg) !important; }
body.infotek .trust-strip, body.infotek .video-section { background: #fff; border-color: var(--it-border); }
body.infotek .lead, body.infotek p { color: var(--it-text); }
body.infotek .service-card, body.infotek .feature-card, body.infotek .chart-card, body.infotek .roi-panel {
  background: #fff; border: 1px solid var(--it-border); border-radius: 0; box-shadow: 0 4px 25px rgba(0,0,0,.05);
  backdrop-filter: none;
}
body.infotek .service-card::before { background: var(--it-theme); opacity: 0; }
body.infotek .service-card:hover, body.infotek .feature-card:hover { border-color: var(--it-theme); box-shadow: 0 4px 25px rgba(56,75,255,.12); transform: translateY(-4px); }
body.infotek .service-num { color: var(--it-theme); }
body.infotek .service-link { color: var(--it-theme); font-weight: 700; }
body.infotek .service-icon, body.infotek .feature-icon { background: var(--it-bg); color: var(--it-theme); border-radius: 0; }

/* ---- Stats band: Infotek navy block ---- */
body.infotek .stats-band { background: var(--it-navy); border: 0; }
body.infotek .stats-band::before { display: none; }
body.infotek .stat-item { border-color: #ffffff22; }
body.infotek .stat-num { color: #fff !important; font-family: var(--font-display); font-weight: 800; -webkit-text-fill-color: #fff; background: none; }
body.infotek .stat-label { color: #ffffffcc; }

/* ---- ROI + dark widgets keep readable on light ---- */
body.infotek .roi-section { background: var(--it-bg); }

/* ---- Footer: Infotek dark ---- */
body.infotek .site-footer { background: var(--it-dark); color: #ffffffb3; border-top: 0; }
body.infotek .site-footer h4, body.infotek .site-footer h5, body.infotek .site-footer .footer-title { color: #fff; }
body.infotek .site-footer a { color: #ffffffb3; }
body.infotek .site-footer a:hover { color: #fff; }
body.infotek .site-footer p { color: #ffffffb3; }
body.infotek .site-footer .logo-name { color: #fff; } body.infotek .site-footer .logo-sub { color: #ffffff99; }

/* ---- Forms ---- */
body.infotek input, body.infotek select, body.infotek textarea {
  background: #fff; color: var(--it-dark); border: 1px solid var(--it-border); border-radius: 0; font-family: var(--font-body);
}
body.infotek input:focus, body.infotek select:focus, body.infotek textarea:focus { border-color: var(--it-theme); outline: none; box-shadow: none; }

/* ---- Fixes ---- */
body.infotek .chart-card-trend.up { color: #0b8a4a; }
body.infotek .dpdp-banner, body.infotek #dpdp-banner { background: var(--it-dark); color: #fff; }
body.infotek .dpdp-banner-text, body.infotek .dpdp-btn-link { color: #ffffffcc; }