/**
 * S7 icon system — matches admin panel sidebar / nav (blue-gray + primary blue + white).
 */

.theme-light .exchange-app {
    --s7-icon: #6a7c95;
    --s7-icon-hover: var(--color-primary);
    --s7-icon-on-primary: #ffffff;
}

.theme-dark .exchange-app {
    --s7-icon: #a5b9d5;
    --s7-icon-hover: var(--color-primary);
    --s7-icon-on-primary: #ffffff;
}

/* ─── All nav / category / menu icons ─────────────────────────────────────── */
.exchange-app .ex-cat-icon,
.exchange-app .header-scroll-inner a i,
.exchange-app .ex-sidebar .s7__sidebar-nav li a .nav-icon:not(.ex-live-dot),
.exchange-app .inplay-slider a .ex-cat-icon,
.exchange-app .inplay-area ul li a i,
.exchange-app .single-sitebar a i,
.exchange-app .sidebar-menu .sidebar-inner a i,
.exchange-app .menubar-mobile i,
.exchange-app .menubar i,
.exchange-app .sidebar-menu-close i,
.exchange-app .fa-braille,
.exchange-app .navbar-top .social-area i.fab,
.exchange-app .dashboard-user-menu ul li a i {
    color: var(--s7-icon) !important;
    transition: color 0.2s ease;
}

/* Hover → admin primary blue */
.exchange-app a:hover .ex-cat-icon,
.exchange-app .header-scroll-inner a:hover i,
.exchange-app .ex-sidebar .s7__sidebar-nav li a:hover .nav-icon:not(.ex-live-dot),
.exchange-app .ex-sidebar .s7__sidebar-nav li a:hover .ex-cat-icon,
.exchange-app .inplay-slider a:hover .ex-cat-icon,
.exchange-app .inplay-area ul li a:hover i,
.exchange-app .single-sitebar a:hover i,
.exchange-app .sidebar-menu .sidebar-inner a:hover i,
.exchange-app .menubar-mobile:hover i,
.exchange-app .menubar:hover i,
.exchange-app .sidebar-menu-close:hover i,
.exchange-app .navbar-top .social-area a:hover i {
    color: var(--s7-icon-hover) !important;
}

/* Active/open sidebar row — white icons on primary (handled in exchange-sidebar.css for links) */
.exchange-app .ex-sidebar .s7__sidebar-nav > li.active > a .nav-icon:not(.ex-live-dot),
.exchange-app .ex-sidebar .s7__sidebar-nav > li.open > a .nav-icon:not(.ex-live-dot),
.exchange-app .ex-sidebar .s7__sidebar-nav > li.has-child > a[aria-expanded="true"] .nav-icon:not(.ex-live-dot),
.exchange-app .ex-sidebar .s7__sidebar-nav > li.active > a .ex-cat-icon,
.exchange-app .ex-sidebar .s7__sidebar-nav > li.open > a .ex-cat-icon,
.exchange-app .ex-sidebar .s7__sidebar-nav > li.has-child > a[aria-expanded="true"] .ex-cat-icon {
    color: var(--s7-icon-on-primary) !important;
}

/* Theme switch — admin .switch sun/moon */
.exchange-app .switch .switch-icons .fa-sun {
    opacity: 1;
    color: var(--s7-icon) !important;
}

.exchange-app .switch .switch-icons .fa-moon {
    opacity: 0;
    color: var(--s7-icon) !important;
}

.exchange-app .switch input:checked ~ .switch-icons .fa-sun {
    opacity: 0;
}

.exchange-app .switch input:checked ~ .switch-icons .fa-moon {
    opacity: 1;
    color: var(--s7-icon-hover) !important;
}

/* Layout helpers */
.exchange-app .inplay-slider a .ex-cat-icon {
    display: block;
    font-size: 1.35rem;
    margin-bottom: 0.35rem;
}

.exchange-app .header-scroll-inner a .ex-cat-icon,
.exchange-app .ex-sidebar .s7__sidebar-nav li a .ex-cat-icon {
    margin-right: 0;
}

/* Status dot — not an s7 nav icon */
.exchange-app .ex-live-dot {
    color: inherit;
}