/* IPTV Charleroi v1.3.66 — Remove desktop submenu deck + animated header action icons
   Scope: desktop header action buttons Support / Tester 24h and command-deck removal safety. */

/* Hard kill old command deck/submenu layer even if an old cached header outputs it. */
.ipch-command-deck,
.topbar.ipch-command-header .ipch-command-deck,
.topbar.ipch-command-header.is-command-open .ipch-command-deck {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

/* Clean header action icons: visible, centered, animated, premium. */
.ipch-nav-secondary,
.topbar.ipch-command-header .nav-cta.ipch-nav-test {
  isolation: isolate;
}

.ipch-nav-secondary i,
.topbar.ipch-command-header .nav-cta.ipch-nav-test i {
  position: relative;
  overflow: visible;
  color: #fff !important;
  background: transparent !important;
  z-index: 1;
}

.ipch-nav-secondary i::after,
.topbar.ipch-command-header .nav-cta.ipch-nav-test i::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 999px;
  z-index: -1;
  pointer-events: none;
}

.ipch-nav-secondary i {
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.34), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.07)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),
    0 10px 22px rgba(255,255,255,.06),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.ipch-nav-secondary i::after {
  background: rgba(255,255,255,.10);
  animation: ipch-support-icon-radar 2.4s ease-out infinite;
}

.topbar.ipch-command-header .nav-cta.ipch-nav-test i {
  background:
    radial-gradient(circle at 38% 24%, rgba(255,255,255,.46), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.10)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.19),
    0 12px 24px rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.26) !important;
}

.topbar.ipch-command-header .nav-cta.ipch-nav-test i::after {
  background: rgba(255,255,255,.16);
  animation: ipch-test-icon-pulse 1.9s ease-out infinite;
}

.ipch-nav-secondary:hover i,
.ipch-nav-secondary:focus-visible i,
.topbar.ipch-command-header .nav-cta.ipch-nav-test:hover i,
.topbar.ipch-command-header .nav-cta.ipch-nav-test:focus-visible i {
  transform: translateY(-1px) scale(1.04);
}

.ipch-nav-secondary:hover i::after,
.ipch-nav-secondary:focus-visible i::after {
  animation-duration: 1.35s;
}

.topbar.ipch-command-header .nav-cta.ipch-nav-test:hover i::after,
.topbar.ipch-command-header .nav-cta.ipch-nav-test:focus-visible i::after {
  animation-duration: 1.05s;
}

@keyframes ipch-support-icon-radar {
  0% {
    transform: scale(.72);
    opacity: .65;
    box-shadow: 0 0 0 0 rgba(255,255,255,.22);
  }
  70% {
    transform: scale(1.35);
    opacity: 0;
    box-shadow: 0 0 0 8px rgba(255,255,255,0);
  }
  100% {
    transform: scale(1.35);
    opacity: 0;
    box-shadow: 0 0 0 8px rgba(255,255,255,0);
  }
}

@keyframes ipch-test-icon-pulse {
  0% {
    transform: scale(.70);
    opacity: .78;
    box-shadow: 0 0 0 0 rgba(255,255,255,.26);
  }
  72% {
    transform: scale(1.42);
    opacity: 0;
    box-shadow: 0 0 0 10px rgba(255,255,255,0);
  }
  100% {
    transform: scale(1.42);
    opacity: 0;
    box-shadow: 0 0 0 10px rgba(255,255,255,0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ipch-nav-secondary i::after,
  .topbar.ipch-command-header .nav-cta.ipch-nav-test i::after {
    animation: none !important;
    opacity: 0 !important;
  }

  .ipch-nav-secondary:hover i,
  .ipch-nav-secondary:focus-visible i,
  .topbar.ipch-command-header .nav-cta.ipch-nav-test:hover i,
  .topbar.ipch-command-header .nav-cta.ipch-nav-test:focus-visible i {
    transform: none !important;
  }
}