/* ====== TOPBAR (social + contact + auth) ====== */
.industry-support-wrap.topbar-v2, .industry-support-wrap
{
  background-color: rgba(255,255,255,0.3) !important;
}
.topbar-v2 .industry-support-inner-wrap {
  padding: 10px 0;
}

.topbar-v2 .industry-info-items .industry-single-info-item .icon i {
  font-size: 14px;
  color: #111827;
}

.topbar-v2 .industry-info-items .industry-single-info-item .details a {
  color: #111827;
  font-size: 13px;
  text-decoration: none;
}

/* Social icons - remove bullets/dots, align cleanly */
.topbar-v2 .topbar-social-list,
.topbar-v2 .topbar-social-list li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.topbar-v2 .topbar-social-list li::marker,
.topbar-v2 .topbar-social-list li::before,
.topbar-v2 .topbar-social-list li::after {
  display: none !important;
  content: none !important;
}
.topbar-v2 .topbar-social-list {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.topbar-v2 .topbar-social-list li a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 14px;
  color: #111827;
}
.topbar-v2 .topbar-social-list li a:hover {
  transform: translateY(-2px);
  transition: transform .15s ease;
  color: #0d6efd;
}
.topbar-v2 .industry-top-right-list li a {
  color: #111827;
  font-size: 14px;
  text-decoration: none;
}
.topbar-v2 .topbar-right {
  gap: 14px;
}

/* ====== NAVBAR OVERLAY (transparent → solid on scroll) ====== */
.industry-support-wrap.topbar-v2,
.industry-support-wrap {
  position: absolute;
  top: 0; left: 0; right: 0;
  width: 100%;
  z-index: 2000;
  /*background: transparent !important;*/
}
.header-style-01, .header-style-03 {
  position: absolute !important;
  top: 40px !important; /* below topbar */
  left: 0; right: 0;
  width: 100%;
  z-index: 1500 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
.header-style-01 .container.nav-container,
.header-style-01 .nav-container,
.header-style-01 .navbar,
.header-style-01 .navbar-area,
.header-style-01 .collapse,
.header-style-01 .navbar-collapse {
   background-color: rgba(255, 255, 255, 0.4) !important; 
}

/* Default transparent state: black text */
.header-style-01:not(.solid) .navbar-nav > li > a,
.header-style-01:not(.solid) .nav-right-content .icon-part ul li a,
.header-style-01:not(.solid) .nav-right-content .icon-part ul li i,
.header-style-01:not(.solid) .site-title {
  color: #000 !important;
  fill: #000 !important;
}
.header-style-01:not(.solid) .navbar-nav > li > a:hover {
  color: #111 !important;
}

/* Solid state (after scroll) */
.header-style-01.solid, .header-style-03.solid {
  position: fixed !important;
  top: 0 !important;
  left: 0; right: 0;
  width: 100%;
  z-index: 1800 !important;
  background: rgba(12,24,40,0.96) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.12) !important;
}
.header-style-01.solid .navbar-nav > li > a,
.header-style-01.solid .nav-right-content .icon-part ul li a,
.header-style-01.solid .nav-right-content .icon-part ul li i,
.header-style-01.solid .site-title {
  color: #fff !important;
  fill: #fff !important;
}

/* Dropdown carets */
.header-style-01:not(.solid) .navbar-nav .menu-item-has-children > a::after {
  color: #000 !important;
}
.header-style-01.solid .navbar-nav .menu-item-has-children > a::after {
  color: #fff !important;
}

/* Responsive tweaks */
@media (max-width: 991px) {
  .header-style-01 { top: 40px !important; }
  .topbar-v2 .left-content { display: none; }
  .topbar-v2 .topbar-social-list li a { width:24px; height:24px; font-size:12px; }
  .topbar-v2 .industry-support-inner-wrap { padding: 8px 0; }
}

/* Safety high-specificity */
body .header-style-01 { background: transparent !important; }
body .topbar-v2 .topbar-social-list,
body .topbar-v2 .topbar-social-list li { list-style: none !important; }

/* hero wrapper (keeps your requested 120vh height) */
.hero-static-wrapper {
  position: relative;
  width: 100%;
  height: 120vh;        /* your requested taller hero */
  overflow: hidden !important;
  background: #000;     /* fallback color while video loads */
}

/* iframe: oversize + perfectly centered so it behaves like background-size: cover */
.hero-youtube-iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 200vw !important;   /* big enough to always cover horizontally */
  height: 200vh !important;  /* big enough to always cover vertically */
  min-width: 1200px !important; /* safety for tiny screens */
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  pointer-events: none !important; /* keep overlay interactive */
  z-index: 1 !important;
}

/* Overlay content keeps being visible on top */
.hero-overlay-content {
  position: relative !important;
  z-index: 2 !important;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 160px; /* adjust spacing below topbar */
  color: #fff;
}

/* Smaller screens: reduce hero to avoid massive scroll while still covering */
@media (max-width: 991px) {
  .hero-static-wrapper { height: 100vh !important; }  /* fallback on mobile */
  .hero-youtube-iframe {
    width: 240vw !important;
    height: 240vh !important;
  }
  .hero-overlay-content { padding-top: 100px; }
}

/* Extra defensive rule: ensure no other element causes a right strip */
body > .some-floating-widget, /* placeholder selectors if needed */
#whatsapp-chat, .floating-chat-widget {
  z-index: 1600 !important;
}