/* Header Scroll Effects */

/* Default header - transparent background */
.site-header.header-style-4 {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 999;
  transition: all 0.3s ease-in-out;
}

.site-header.header-style-4 .main-bar {
  position: fixed;
  width: 100%;
  background: transparent;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid transparent;
}

/* Scrolled header - black transparent background */
.site-header.header-style-4.scrolled .main-bar {
  background: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Logo adjustments for different states */
.site-header.header-style-4 .logo-header img {
  transition: all 0.3s ease-in-out;
}

/* Navigation text color adjustments */
.site-header.header-style-4 .header-nav .nav > li > a {
  color: #fff;
  transition: color 0.3s ease-in-out;
}

.site-header.header-style-4.scrolled .header-nav .nav > li > a {
  color: #fff;
}

/* Extra nav elements color */
.site-header.header-style-4 .header-search-icon {
  color: #fff;
  transition: color 0.3s ease-in-out;
}

.site-header.header-style-4 .header-nav-request {
  color: #fff;
  transition: color 0.3s ease-in-out;
}

.site-header.header-style-4.scrolled .header-search-icon {
  color: #fff;
}

.site-header.header-style-4.scrolled .header-nav-request {
  color: #fff;
}

/* Mobile menu toggle button adjustments */
.site-header.header-style-4 .navbar-toggler .icon-bar {
  background-color: #fff;
  transition: background-color 0.3s ease-in-out;
}

.site-header.header-style-4.scrolled .navbar-toggler .icon-bar {
  background-color: #fff;
}

/* Active navigation item */
.site-header.header-style-4 .header-nav .nav > li.active > a {
  color: #d72323 !important;
}

.site-header.header-style-4.scrolled .header-nav .nav > li.active > a {
  color: #d72323 !important;
}

/* Hover effects */
.site-header.header-style-4 .header-nav .nav > li:hover > a {
  color: #d72323 !important;
}

.site-header.header-style-4.scrolled .header-nav .nav > li:hover > a {
  color: #d72323 !important;
}

/* Search toggle block adjustments */
.site-header.header-style-4 #search-toggle-block {
  background: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Mobile responsive adjustments */
@media (max-width: 991px) {
  .site-header.header-style-4 .navbar-collapse {
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  
  .site-header.header-style-4.scrolled .navbar-collapse {
    background: rgba(0, 0, 0, 0.95);
  }
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Additional z-index specificity for stacking */
.site-header.header-style-4.scrolled {
  z-index: 999;
}