@import url("rhein-skin-v3.css");

/* v3 set #rhein-hero-slot to position:relative — that pulled the
   absolute video layer into flow and blew the 100vh header apart.
   Global body cream then inherited onto white cards. */

#rhein-hero-slot,
[class*="header-bg-video-container"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  background: #1c1e20 !important;
  z-index: 1;
}

#rhein-field {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 0;
}

#rhein-hero-slot > *:not(#rhein-field) {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.Home-module-scss-module__wP62Ka__header,
[class*="wP62Ka__header"]:not([class*="header-"]) {
  height: 100vh !important;
  max-height: 100dvh !important;
  min-height: 560px !important;
  overflow: hidden !important;
}

[class*="header-bg"] {
  background: linear-gradient(#1c1e20 40%, rgba(28, 30, 32, 0) 100%) !important;
}

[class*="header-title"],
[class*="header-cta"],
[class*="header-content"],
[class*="header-cta-text"],
[class*="header-cta"] p,
[class*="header-cta"] span {
  color: #e8e4dc !important;
}

h1 noscript {
  display: none !important;
}

/* Light surfaces keep ink — do not inherit body cream */
[class*="card"],
[class*="Card"],
[class*="testimonial"],
[class*="Testimonial"],
[class*="success-case"],
[class*="article"],
[class*="Article"],
[class*="services-"],
[class*="solutions-"],
[class*="faq"],
[class*="Faq"],
[class*="Ready"],
[class*="ready-to"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#f"],
[class*="bg-white"] {
  color: #1c1e20 !important;
}

[class*="card"] h2,
[class*="card"] h3,
[class*="card"] p,
[class*="card"] span,
[class*="card"] li,
[class*="Testimonial"] p,
[class*="testimonial"] p,
[class*="services-"] h2,
[class*="services-"] p,
[class*="services-"] li,
[class*="services-"] span,
[class*="solutions-"] h2,
[class*="solutions-"] p,
[class*="solutions-"] span,
[class*="Ready"] h2,
[class*="ready-to"] h2 {
  color: #1c1e20 !important;
}

/* Trusted-by marks are black SVGs on gunmetal */
[class*="trusted"] img,
[class*="Trusted"] img,
[class*="clients"] img {
  filter: invert(1) brightness(1.15);
  opacity: 0.92;
}

html {
  scrollbar-color: #5a5c5e #1c1e20;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 10px;
  background: #1c1e20;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: #5a5c5e;
}

/* Hexens page-transition never finishes after the dump — white
   overlay (z-index 9999) sits on the homepage and looks “all broken”. */
[class*="PageTransition"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Leftover Hexens gold/green wordmark in the Glider strip */
svg.logo_wordmark [fill="#0E1F14"] {
  fill: #1c1e20 !important;
}
svg.logo_wordmark [fill="#C9A227"] {
  fill: #d12c2c !important;
}
svg.logo_wordmark [fill="#F3EFD4"] {
  fill: #e8e4dc !important;
}

[class*="solutions-glider"] h2,
[class*="solutions-glider"] p,
[class*="solutions-glider"] span {
  color: #e8e4dc !important;
}

#app {
  overflow-x: clip;
}

/* Drop leftover Hexens social row. Logo is replaced in HTML. */
[class*="footer-social-list"] { display: none !important; }