/* ══════════════════════════════════════════════════════
   PERF-FIX.CSS — Performance patch v11 (cleaned)
   Removes dead rules for elements that no longer exist
   and reduces !important count from 43 → minimal
══════════════════════════════════════════════════════ */

/* ── 1. AMBIENT ORBS — disabled (GPU hog) ───────────── */
.ambient-orb { display: none !important; }

/* ── 2. BACKDROP-FILTER — minimal usage ─────────────── */
.wa-float-tooltip { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.nav-overlay      { backdrop-filter: blur(16px) !important; }
.navbar-collapse  { backdrop-filter: blur(16px) !important; }
.team-flip-back   { backdrop-filter: none !important; }
.wa-float-tooltip { background: rgba(11,20,47,0.95) !important; }

/* ── 3. FEATURE CARDS — no glassmorphism ────────────── */
.feature-item {
  background: #f9f9f9 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
.feature-item::after { display: none !important; }

/* ── 4. HERO GRID — static, no pulse animation ──────── */
.hero-grid-line-h,
.hero-grid-line-v { animation: none !important; opacity: 0.06; }

/* ── 5. STATS — no entrance animation ───────────────── */
.stats-section .col-6.col-md-3 { animation: none !important; }

/* ── 6. CURSOR — remove heavy elements ──────────────── */
#cursor-ring  { display: none !important; }
#cursor-glow  { display: none !important; will-change: auto !important; mix-blend-mode: normal !important; }
#cursor-dot   { will-change: auto; }

/* ── 7. MARQUEE — GPU-composited ────────────────────── */
.marquee-band-track,
.skills-track,
.trust-marquee-track {
  will-change: transform;
  transform: translateZ(0);
  contain: strict;
}

/* ── 8. SCROLL PROGRESS ─────────────────────────────── */
#scroll-progress { will-change: width; transform: translateZ(0); }

/* ── 9. TILT CARDS — disable on touch, simplify hover ─ */
@media (hover: none)  { .tilt-card { transform: none !important; } }
.tilt-card { will-change: auto !important; }
@media (hover: hover) {
  .tilt-card:hover {
    transform: translateY(-6px) scale(1.01) !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
  }
}

/* ── 10. CONTAIN on static sections ─────────────────── */
.container-xxl,
.container-fluid:not(.nav-wrapper):not(.footer):not(.copyright) {
  contain: layout style;
}
.footer { contain: layout style; }

/* ── 11. KEEP badge-float, kill noise effects ───────── */
.hero-badge { animation: badge-float 3s ease-in-out infinite; }
.stats-section::after { animation: none !important; display: none !important; }

/* ── 12. TRANSITION CAP — 1 property per item ───────── */
.service-item .service-text { transition: background .2s ease !important; }
.service-item .service-btn  { transition: background .2s ease !important; }
.industry-card { transition: transform .3s ease, box-shadow .3s ease !important; }
.feature-item  { transition: transform .3s ease, box-shadow .3s ease !important; }
.project-item  { transition: transform .3s ease, box-shadow .3s ease !important; }
.team-item     { transition: transform .3s ease, box-shadow .3s ease !important; }

/* ── 13. MOBILE — hide non-essential decorative ─────── */
@media (max-width: 768px) {
  .scramble    { animation: none !important; }
  .hero-badge  { display: none !important; }
  .hero-grid   { display: none !important; }
}

/* ── 14. PREFERS-REDUCED-MOTION — kill all motion ───── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .marquee-band-track,
  .trust-marquee-track,
  .skills-track { animation: none !important; }
  #cursor-dot   { display: none !important; }
}