/**
 * Disable Card Hover Effects
 * This file must be loaded LAST to override all card hover effects
 * 
 * CRITICAL: The .card:hover rule in style.css changes border-color to var(--border-color)
 * which is #272a2e (lighter). We must prevent this.
 */

/* Force stat-card to NEVER change on hover - match exact default state */
.stat-card,
.stat-card:hover,
.stat-card:active,
.stat-card:focus,
.stat-card:focus-visible,
.stat-card:focus-within {
  /* Lock the border to always be the same */
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  /* No transforms or transitions */
  transform: none !important;
  transition: none !important;
  /* Keep same shadow */
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
}

/* First, ensure cards have the correct default border */
.card,
.stat-card,
.glass-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Override the problematic .card:hover rule from style.css */
.card:hover {
  transform: none !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
  /* Prevent border color change on hover */
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Specific overrides for all card types */
.stat-card:hover,
.trading-bot-card:hover,
.bot-controller-card:hover,
.glass-card:hover,
.full-width-card:hover,
.top-performers-card:hover,
.market-insights-card:hover,
.auth-card:hover,
.feature-card:hover {
  transform: none !important;
  transform: translateY(0) !important;
  /* Maintain original shadow */
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
  /* Prevent border change - keep subtle border */
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Maximum specificity overrides */
body .stat-card:hover,
body .trading-bot-card:hover,
body .bot-controller-card:hover,
body .glass-card:hover,
body .full-width-card:hover,
body .top-performers-card:hover {
  transform: translateY(0) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: none !important;
}

/* Compound class overrides */
.stat-card.trading-bot-card:hover,
.stat-card.top-performers-card:hover,
.stat-card.bot-controller-card:hover,
.trading-bot-card.bot-controller-card:hover,
.bot-controller-card.glass-card:hover,
.glass-card.full-width-card:hover {
  transform: translateY(0) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Ultimate override for the bot controller */
html body div.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card,
html body div.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card:hover {
  transform: translateY(0) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: none !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

/* Disable all transitions on hover */
*[class*="card"]:hover {
  transition: none !important;
}

/* DISABLED: No hover effects wanted on indicator cards
.indicator-card:hover {
  background: rgba(30, 35, 45, 0.6) !important;
  border-color: rgba(0, 255, 163, 0.15) !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
  transform: none !important;
}
*/

/* Force NO hover effects on indicator cards */
.indicator-card,
.indicator-card:hover,
.indicator-card:active,
.indicator-card:focus {
  background: rgba(25, 30, 40, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

/* SPECIFIC NUCLEAR OPTION FOR PROBLEMATIC CARDS */
.indicators-grid .indicator-card:nth-child(2),
.indicators-grid .indicator-card:nth-child(2):hover,
.indicators-grid .indicator-card:nth-child(2):active,
.indicators-grid .indicator-card:nth-child(2):focus,
.indicators-grid .indicator-card:nth-child(3),
.indicators-grid .indicator-card:nth-child(3):hover,
.indicators-grid .indicator-card:nth-child(3):active,
.indicators-grid .indicator-card:nth-child(3):focus,
.indicators-grid .indicator-card:nth-child(4),
.indicators-grid .indicator-card:nth-child(4):hover,
.indicators-grid .indicator-card:nth-child(4):active,
.indicators-grid .indicator-card:nth-child(4):focus {
  background: rgba(25, 30, 40, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
  filter: none !important;
  backdrop-filter: blur(8px) !important;
  pointer-events: auto !important;
}

/* Fix borders on all stat cards - both default and hover states */
.stat-card,
.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Top performers card - no border */
.stat-card.top-performers-card {
  border: none !important;
}

/* Ensure no border changes on hover for any stat card */
.stat-card:hover,
.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card:hover {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Top performers card - no border on hover */
.stat-card.top-performers-card:hover {
  border: none !important;
}

/* Removed animation that was causing opacity layer issues */

/* Disable ALL pseudo-class states that might cause issues */
.stat-card:hover,
.stat-card:active,
.stat-card:focus,
.stat-card:visited,
.stat-card:target,
.stat-card::before,
.stat-card::after {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  outline: none !important;
  transform: none !important;
  transition: none !important;
}

/* ===== SPECIFIC HOVER EFFECT REMOVALS ===== */

/* 1. Combined indicators container hover effect removal - NUCLEAR OPTION */
.combined-indicators-container.professional-indicators,
.combined-indicators-container.professional-indicators:hover,
.combined-indicators-container.professional-indicators:active,
.combined-indicators-container.professional-indicators:focus,
.combined-indicators-container,
.combined-indicators-container:hover,
.combined-indicators-container:active,
.combined-indicators-container:focus,
.professional-indicators,
.professional-indicators:hover,
.professional-indicators:active,
.professional-indicators:focus {
  transform: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-color: transparent !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
  filter: none !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

/* 2. Bot controller card hover effect removal - all variations */
.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card:hover,
.trading-bot-card.bot-controller-card.glass-card.full-width-card:hover,
.bot-controller-card.glass-card.full-width-card:hover,
.glass-card.full-width-card:hover,
.trading-bot-card.bot-controller-card:hover,
.bot-controller-card.glass-card:hover,
.trading-bot-card.glass-card:hover {
  transform: none !important;
  background: var(--third-background) !important;
  background-color: var(--third-background) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  transition: none !important;
}

/* 3. Market insights container movement fix */
.stat-container.market-insights-container:hover,
.market-insights-container:hover,
.stat-container:hover {
  transform: none !important;
  transition: none !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

/* ULTRA HIGH SPECIFICITY OVERRIDES */

/* Target with body prefix for maximum specificity - COMPREHENSIVE */
body .combined-indicators-container.professional-indicators,
body .combined-indicators-container.professional-indicators:hover,
body .combined-indicators-container,
body .combined-indicators-container:hover,
body .professional-indicators,
body .professional-indicators:hover,
body .stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card:hover,
body .stat-container.market-insights-container:hover {
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
}

/* Override any card class hover effects globally - DISABLED TO PREVENT DATA ISSUES */
/* 
body *[class*="card"]:hover,
html body *[class*="card"]:hover {
  transform: none !important;
  transition: none !important;
}
*/

/* Force specific container overrides with maximum specificity - ABSOLUTE NO MOVEMENT */
html body .professional-indicators,
html body .professional-indicators:hover,
html body .combined-indicators-container,
html body .combined-indicators-container:hover,
html body .combined-indicators-container.professional-indicators,
html body .combined-indicators-container.professional-indicators:hover,
html body .market-insights-container:hover,
html body .stat-container:hover {
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-color: transparent !important;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  translate: none !important;
  translateX: 0 !important;
  translateY: 0 !important;
  rotate: none !important;
  scale: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
  perspective: none !important;
}

/* ULTIMATE NUCLEAR OPTION - MAXIMUM SPECIFICITY OVERRIDE */
html body div.stat-container.market-insights-container div.combined-indicators-container.professional-indicators,
html body div.stat-container.market-insights-container div.combined-indicators-container.professional-indicators:hover,
html body div.stat-container.market-insights-container div.combined-indicators-container.professional-indicators:active,
html body div.stat-container.market-insights-container div.combined-indicators-container.professional-indicators:focus,
html body div.stat-container.market-insights-container div.combined-indicators-container.professional-indicators:visited,
html body div.stat-container.market-insights-container div.combined-indicators-container.professional-indicators:link,
html body .stat-container .combined-indicators-container.professional-indicators,
html body .stat-container .combined-indicators-container.professional-indicators:hover,
html body .market-insights-container .combined-indicators-container.professional-indicators,
html body .market-insights-container .combined-indicators-container.professional-indicators:hover {
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 16px !important;
  translate: none !important;
  translateX: 0px !important;
  translateY: 0px !important;
  rotate: none !important;
  scale: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
  perspective: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: auto !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: default !important;
}

/* STYLE LOCK - Prevent any CSS from changing these elements */
html body div.stat-container.market-insights-container div.combined-indicators-container.professional-indicators * {
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

/* ULTIMATE BOOTSTRAP AND STYLE.CSS OVERRIDE - MAXIMUM SPECIFICITY */

/* Target the exact Bootstrap and style.css hover rules causing translateY(-2px) */
html body .market-stats-container .stat-container.market-insights-container,
html body .market-stats-container .stat-container.market-insights-container:hover,
html body .market-stats-container .stat-container.market-insights-container:active,
html body .market-stats-container .stat-container.market-insights-container:focus,
html body .stat-container.market-insights-container,
html body .stat-container.market-insights-container:hover,
html body .stat-container.market-insights-container:active,
html body .stat-container.market-insights-container:focus,
html body .market-insights-container,
html body .market-insights-container:hover,
html body .market-insights-container:active,
html body .market-insights-container:focus,
html body .combined-indicators-container.professional-indicators,
html body .combined-indicators-container.professional-indicators:hover,
html body .combined-indicators-container.professional-indicators:active,
html body .combined-indicators-container.professional-indicators:focus,
html body .combined-indicators-container,
html body .combined-indicators-container:hover,
html body .combined-indicators-container:active,
html body .combined-indicators-container:focus,
html body #grid-container,
html body #grid-container:hover,
html body #grid-container:active,
html body #grid-container:focus {
  /* Completely disable all transforms and movements */
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  
  /* Disable all transitions */
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  
  /* Disable all animations */
  animation: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  
  /* Lock positioning */
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  right: auto !important;
  bottom: auto !important;
  
  /* Lock margins and padding */
  margin: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  
  /* Disable CSS transform properties */
  translate: none !important;
  translateX: 0px !important;
  translateY: 0px !important;
  rotate: none !important;
  scale: none !important;
  
  /* Disable hardware acceleration that might cause issues */
  will-change: auto !important;
  backface-visibility: visible !important;
  perspective: none !important;
  
  /* Lock visual properties */
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  
  /* Ensure no pointer events cause issues */
  pointer-events: none !important;
}

/* Override Bootstrap table hover effects specifically */
html body .market-stats-container .table-hover tbody tr:hover,
html body .table-hover tbody tr:hover,
html body .stat-container .table-hover tbody tr:hover {
  background-color: transparent !important;
  transform: none !important;
}

/* Override Bootstrap card hover effects */
html body .card:hover,
html body .card-body:hover,
html body .card-header:hover {
  transform: none !important;
  box-shadow: none !important;
  background-color: inherit !important;
}

/* RE-ENABLE POINTER EVENTS ON INTERACTIVE CHILDREN ONLY */
html body .stat-container.market-insights-container .trading-section-header,
html body .stat-container.market-insights-container .trading-section-header *,
html body .stat-container.market-insights-container .indicators-grid,
html body .stat-container.market-insights-container .indicator-card,
html body .stat-container.market-insights-container .indicator-card *,
html body .combined-indicators-container.professional-indicators .indicators-grid,
html body .combined-indicators-container.professional-indicators .indicator-card,
html body .combined-indicators-container.professional-indicators .indicator-card *,
html body .indicators-grid,
html body .indicators-grid .indicator-card,
html body .indicators-grid .indicator-card *,
html body .trading-section-header,
html body .trading-section-header * {
  pointer-events: auto !important;
}

/* NUCLEAR OPTION: Override any remaining hover effects with CSS attribute selectors */
[class*="stat-container"]:hover,
[class*="market-insights"]:hover,
[class*="combined-indicators"]:hover,
[class*="professional-indicators"]:hover {
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* JAVASCRIPT FALLBACK - Auto-injected monitoring script */

/* ===== AD CONTAINER OPACITY FIX ===== */
/* Remove permanent opacity layer from ad container */
#no-hover-ad-card,
#no-hover-ad-card *,
html body #no-hover-ad-card,
html body #no-hover-ad-card * {
  animation: none !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: blur(8px) !important;
  background-color: var(--third-background) !important;
}

/* Specific fix for Google AdSense container opacity layer */
#aswift_1_host,
html body #aswift_1_host,
.ad-container #aswift_1_host,
#no-hover-ad-card #aswift_1_host,
.adsbygoogle,
html body .adsbygoogle,
.ad-container .adsbygoogle,
#no-hover-ad-card .adsbygoogle {
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  background-color: transparent !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Remove any overlay or pseudo-elements causing white layer */
#aswift_1_host::before,
#aswift_1_host::after,
.adsbygoogle::before,
.adsbygoogle::after {
  display: none !important;
  opacity: 0 !important;
  content: none !important;
  background: none !important;
}

/* Ensure ad container has no animation artifacts */
#no-hover-ad-card {
  animation-name: none !important;
  animation-duration: 0s !important;
  animation-iteration-count: 0 !important;
  animation-fill-mode: none !important;
  animation-play-state: paused !important;
}

/* Remove any overlay effects that might cause opacity layers */
#no-hover-ad-card::before,
#no-hover-ad-card::after,
.ad-container::before,
.ad-container::after {
  display: none !important;
  opacity: 0 !important;
  content: none !important;
}

/* ULTRA HIGH SPECIFICITY - Force remove ANY opacity layer on ad elements */
html body div#no-hover-ad-card div.ad-container,
html body div#no-hover-ad-card div.ad-container *,
html body div#no-hover-ad-card div.ad-container ins.adsbygoogle,
html body div#no-hover-ad-card div.ad-container ins.adsbygoogle div#aswift_1_host,
html body div#no-hover-ad-card div.ad-container ins.adsbygoogle div#aswift_1_host *,
html body div.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card#no-hover-ad-card div.ad-container,
html body div.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card#no-hover-ad-card div.ad-container *,
html body div.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card#no-hover-ad-card div.ad-container ins.adsbygoogle,
html body div.stat-card.trading-bot-card.bot-controller-card.glass-card.full-width-card#no-hover-ad-card div.ad-container ins.adsbygoogle div#aswift_1_host {
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
  mix-blend-mode: normal !important;
  isolation: auto !important;
}

/* Nuclear option: Remove any CSS that could create overlay effects */
html body div#no-hover-ad-card *:not(.stat-value):not(.mini-bot-controller) {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

/* Fix AdSense availableWidth=0 error by ensuring minimum dimensions */
.ad-container,
#ad-container-clean,
.adsbygoogle {
  display: block !important;
  min-width: 300px !important;
  min-height: 150px !important;
  width: 100% !important;
  max-width: 100% !important;
  visibility: visible !important;
}

/* Ensure AdSense iframe containers have proper dimensions */
#aswift_1_host,
ins.adsbygoogle {
  display: block !important;
  min-width: 300px !important;
  min-height: 150px !important;
  width: 100% !important;
  visibility: visible !important;
}

/* JAVASCRIPT INLINE STYLE CLEANER - Added at end of CSS file */