/* Header Scroll Behavior Fix - Maximum Specificity */

/* Override all menu styles - Force transparent menu base state */
.tra-menu .wsmainfull,
.tra-menu.white-scroll .wsmainfull,
.tra-menu.navbar-light .wsmainfull,
.tra-menu.navbar-dark .wsmainfull {
  padding: 20px 0 !important;
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Scrolled state - white background with blur - HIGHEST SPECIFICITY */
.tra-menu.white-scroll .wsmainfull.scroll,
.tra-menu.navbar-light.white-scroll .wsmainfull.scroll,
.tra-menu.navbar-dark.white-scroll .wsmainfull.scroll,
header .tra-menu.white-scroll .wsmainfull.scroll {
  padding: 0 !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
}

/* CRITICAL: Force transparent when not scrolled - MAXIMUM SPECIFICITY */
.tra-menu.white-scroll .wsmainfull:not(.scroll),
.tra-menu.navbar-light.white-scroll .wsmainfull:not(.scroll),
.tra-menu.navbar-dark.white-scroll .wsmainfull:not(.scroll),
header .tra-menu.white-scroll .wsmainfull:not(.scroll),
#header .tra-menu.white-scroll .wsmainfull:not(.scroll) {
  padding: 20px 0 !important;
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Logo visibility for transparent header */
.tra-menu .desktoplogo .logo-black {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.tra-menu .desktoplogo .logo-white {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Logo visibility for scrolled header */
.tra-menu.white-scroll .scroll .desktoplogo .logo-black {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.tra-menu.white-scroll .scroll .desktoplogo .logo-white {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Menu link colors for transparent header */
.tra-menu .wsmenu > .wsmenu-list > li > a {
  color: rgba(255, 255, 255, 0.9) !important;
  transition: color 0.3s ease !important;
}

.tra-menu .wsmenu > .wsmenu-list > li > a:hover {
  color: #ffffff !important;
}

/* Menu link colors for scrolled header */
.tra-menu.white-scroll .scroll .wsmenu > .wsmenu-list > li > a {
  color: #374151 !important;
}

.tra-menu.white-scroll .scroll .wsmenu > .wsmenu-list > li > a:hover {
  color: #7F02F7 !important;
}

/* Mobile menu background fix */
@media (max-width: 991px) {
  .wsmobileheader {
    background-color: transparent !important;
  }
  
  .tra-menu.white-scroll .scroll .wsmobileheader {
    background-color: rgba(255, 255, 255, 0.95) !important;
  }
}