/* 7.9.57 — sidebar back, document scroll, custom seams, split cinema, footer */

/* —— Document scroll. Shell is not a 100dvh cage. —— */
html:has(body.bu-landing-page),
html:has(body.bu-product-page),
html:has(body.bu-public-inner) {
  height: auto !important;
  max-height: none !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
}
html body.bu-landing-page,
html body.bu-product-page,
html body.bu-public-inner {
  height: auto !important;
  max-height: none !important;
  min-height: 100% !important;
  overflow: visible !important;
}
html body.bu-landing-page .landing-shell,
html body.bu-product-page .landing-shell,
html body.bu-public-inner .landing-shell {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  contain: none !important;
  grid-template-columns: none !important;
}
html body.bu-landing-page .landing-shell-main,
html body.bu-product-page .landing-shell-main,
html body.bu-public-inner .landing-shell-main,
html body.bu-landing-page main,
html body.bu-product-page main,
html body.bu-public-inner main {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  contain: none !important;
}

/* —— Sidebar stays. Never hide it on landing / product chrome. —— */
html body.bu-landing-page aside.landing-sidebar,
html body.bu-landing-page aside.bu-neon-side.landing-sidebar,
html body.bu-landing-page .bu-board-sidebar.landing-sidebar,
html body.bu-product-page aside.landing-sidebar,
html body.bu-product-page aside.bu-neon-side.landing-sidebar,
html body.bu-product-page .bu-board-sidebar.landing-sidebar,
html body.bu-public-inner aside.landing-sidebar {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 232px !important;
  max-width: 232px !important;
  height: 100dvh !important;
  z-index: 80 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  pointer-events: auto !important;
}
html body.bu-landing-page .landing-shell-main,
html body.bu-product-page .landing-shell-main,
html body.bu-public-inner .landing-shell-main {
  margin-left: 232px !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
}

@media (max-width: 1099px) {
  html body.bu-landing-page aside.landing-sidebar,
  html body.bu-product-page aside.landing-sidebar,
  html body.bu-public-inner aside.landing-sidebar {
    display: none !important;
  }
  html body.bu-landing-page .landing-shell-main,
  html body.bu-product-page .landing-shell-main,
  html body.bu-public-inner .landing-shell-main {
    margin-left: 0 !important;
  }
}

/* —— Kill leftover WP-wave cuts and white/black hairlines —— */
html body .bu-sec-cut,
html body .bu-sec-cut svg {
  display: none !important;
}

.bu-seam {
  position: relative;
  z-index: 6;
  height: 72px;
  margin: -36px 0;
  pointer-events: none;
  overflow: hidden;
}
.bu-seam span {
  position: absolute;
  inset: 0;
  display: block;
}
.bu-seam span:nth-child(1) {
  clip-path: polygon(0 38%, 100% 8%, 100% 62%, 0 92%);
}
.bu-seam span:nth-child(2) {
  clip-path: polygon(0 48%, 100% 22%, 100% 48%, 0 74%);
  opacity: 0.88;
}
.bu-seam span:nth-child(3) {
  clip-path: polygon(0 58%, 100% 36%, 100% 42%, 0 64%);
  opacity: 0.7;
}

/* Photo-navy net → cinematic split (teal / copper, never #000 / #fff) */
.bu-seam-net-split span:nth-child(1) {
  background: linear-gradient(118deg, #16384a 0%, #1f5a68 38%, #c9843a 72%, #d7b07a 100%);
}
.bu-seam-net-split span:nth-child(2) {
  background: linear-gradient(108deg, #0f6e86 0%, #2aa3b5 55%, #e0b56a 100%);
}
.bu-seam-net-split span:nth-child(3) {
  background: linear-gradient(90deg, #c45c26, #0b6e86);
}

/* Split photos → cream Dispo AI */
.bu-seam-split-ai span:nth-child(1) {
  background: linear-gradient(122deg, #c9843a 0%, #e8d3b0 42%, #f0e6d4 100%);
}
.bu-seam-split-ai span:nth-child(2) {
  background: linear-gradient(108deg, #0b6e86 0%, #7eb8c4 48%, #f4efe4 100%);
}
.bu-seam-split-ai span:nth-child(3) {
  background: linear-gradient(90deg, #d7a05a, #2aa3b5);
}

/* Cream AI → cream geo */
.bu-seam-ai-geo span:nth-child(1) {
  background: linear-gradient(118deg, #e8dcc8 0%, #f4efe4 50%, #e3eef2 100%);
}
.bu-seam-ai-geo span:nth-child(2) {
  background: linear-gradient(108deg, #c45c26 0%, #0b6e86 100%);
  opacity: 0.45;
}
.bu-seam-ai-geo span:nth-child(3) {
  background: linear-gradient(90deg, #d7b07a, #7eb8c4);
}

/* Geo cream → footer CTA photo (deep teal, not black) */
.bu-seam-geo-cta span:nth-child(1),
.bu-seam-dark span:nth-child(1) {
  background: linear-gradient(118deg, #e3eef2 0%, #1f5a68 48%, #16384a 100%);
}
.bu-seam-geo-cta span:nth-child(2),
.bu-seam-dark span:nth-child(2) {
  background: linear-gradient(108deg, #c9843a 0%, #0b6e86 60%, #123a48 100%);
}
.bu-seam-geo-cta span:nth-child(3),
.bu-seam-dark span:nth-child(3) {
  background: linear-gradient(90deg, #d7a05a, #2aa3b5);
}

html body.bu-landing-page .bu-home-net.bu-neon-stage {
  padding-bottom: 88px !important;
  margin-bottom: 0 !important;
}
html body.bu-landing-page .bu-home-split {
  margin-top: 0 !important;
}

/* —— Join medal: site logo, cream disc, no black cage —— */
html body.bu-landing-page .bu-home-join {
  width: 128px !important;
  height: 128px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  padding: 14px !important;
  z-index: 4;
  background:
    radial-gradient(circle at 32% 24%, #fff3dc 0%, #f0d9b0 38%, #d7b07a 78%) !important;
  border: 3px solid #0b6e86 !important;
  box-shadow:
    0 0 0 6px rgba(11, 110, 134, 0.18),
    0 18px 40px rgba(18, 58, 72, 0.28),
    0 0 36px rgba(201, 132, 58, 0.35) !important;
}
html body.bu-landing-page .bu-home-join b,
html body.bu-landing-page .bu-home-join span {
  display: none !important;
}
html body.bu-landing-page .bu-home-join-logo,
html body.bu-landing-page .bu-home-join img,
html body.bu-landing-page .bu-home-join .bu-brand-file img {
  max-width: 96px !important;
  max-height: 72px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
}

/* —— Half-screen split: cinematic hover, no black wash —— */
html body.bu-landing-page .bu-home-split[data-split] {
  display: flex !important;
  min-height: min(78vh, 760px);
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
html body.bu-landing-page .bu-home-split-pane {
  position: relative;
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
  transition:
    flex 0.72s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.5s ease,
    clip-path 0.72s cubic-bezier(0.16, 1, 0.3, 1);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
html body.bu-landing-page .bu-home-split-pane.is-dispo {
  clip-path: polygon(0 0, 100% 0, 94% 100%, 0 100%);
}
html body.bu-landing-page .bu-home-split-pane.is-driver {
  clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -4%;
}
html body.bu-landing-page .bu-home-split.is-left .is-dispo,
html body.bu-landing-page .bu-home-split-pane.is-dispo:hover {
  flex: 2.05 1 68%;
  z-index: 5;
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
}
html body.bu-landing-page .bu-home-split.is-left .is-driver,
html body.bu-landing-page .bu-home-split-pane.is-dispo:hover ~ .is-driver {
  flex: 0.72 1 32%;
  filter: saturate(0.78) brightness(0.92);
}
html body.bu-landing-page .bu-home-split.is-right .is-driver,
html body.bu-landing-page .bu-home-split-pane.is-driver:hover {
  flex: 2.05 1 68%;
  z-index: 5;
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
}
html body.bu-landing-page .bu-home-split.is-right .is-dispo {
  flex: 0.72 1 32%;
  filter: saturate(0.78) brightness(0.92);
}
html body.bu-landing-page .bu-home-split-pane img {
  transform: scale(1.04);
  transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
html body.bu-landing-page .bu-home-split-pane:hover img,
html body.bu-landing-page .bu-home-split.is-left .is-dispo img,
html body.bu-landing-page .bu-home-split.is-right .is-driver img {
  transform: scale(1.14);
}
html body.bu-landing-page .bu-home-split-copy {
  transition: transform 0.55s ease, opacity 0.45s ease;
}
html body.bu-landing-page .bu-home-split-pane:hover .bu-home-split-copy,
html body.bu-landing-page .bu-home-split.is-left .is-dispo .bu-home-split-copy,
html body.bu-landing-page .bu-home-split.is-right .is-driver .bu-home-split-copy {
  transform: translateY(-8px);
}
html body.bu-landing-page .bu-home-split-pane::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(180deg, rgba(11, 110, 134, 0.08), transparent 42%, rgba(196, 92, 38, 0.18));
  transition: opacity 0.45s ease;
}
html body.bu-landing-page .bu-home-split-pane:hover::after {
  opacity: 1;
}

@media (max-width: 899px) {
  html body.bu-landing-page .bu-home-split[data-split] {
    flex-direction: column;
    min-height: 0;
  }
  html body.bu-landing-page .bu-home-split-pane,
  html body.bu-landing-page .bu-home-split-pane.is-dispo,
  html body.bu-landing-page .bu-home-split-pane.is-driver,
  html body.bu-landing-page .bu-home-split.is-left .is-dispo,
  html body.bu-landing-page .bu-home-split.is-right .is-driver {
    flex: 1 1 auto !important;
    clip-path: none !important;
    margin: 0 !important;
    min-height: 42vh;
    filter: none !important;
  }
}

/* Language: flat list, no category labels */
html body .bu-lang-group-lab {
  display: none !important;
}
html body .bu-lang-v56 .bu-lang-group {
  margin: 0;
  padding: 0;
  border: 0;
}

/* —— Footer: deep teal, white logo, not black —— */
html body .bu-pub-foot,
html body.bu-landing-page .bu-pub-foot,
html body.bu-product-page .bu-pub-foot {
  background:
    radial-gradient(ellipse at 12% 0%, rgba(42, 163, 181, 0.22), transparent 46%),
    linear-gradient(180deg, #164556 0%, #123a48 58%, #0e3340 100%) !important;
  color: #d7ebe8 !important;
  border-top: 0 !important;
  position: relative;
}
html body .bu-pub-foot::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 6px;
  background: linear-gradient(90deg, #c45c26, #d7b07a, #2aa3b5, #0b6e86);
}
html body .bu-pub-foot-inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 32px;
  padding: 48px 32px 24px;
  max-width: 1280px;
  margin: 0 auto;
}
html body .bu-pub-foot a {
  color: #e4f4f1 !important;
  text-decoration: none;
}
html body .bu-pub-foot a:hover {
  color: #f0d9b0 !important;
}
html body .bu-pub-foot strong {
  color: #f4efe4 !important;
  letter-spacing: 0.04em;
}
html body .bu-pub-foot-logo-img,
html body .bu-pub-foot-logo img,
html body .bu-pub-foot .bu-brand-file img {
  max-height: 56px;
  width: auto;
  filter: brightness(0) invert(1);
}
html body .bu-pub-foot-tag,
html body .bu-pub-foot-mail,
html body .bu-pub-foot-hosts {
  color: #c5ddd8 !important;
}
html body .bu-pub-foot-bar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 16px 32px 28px;
  max-width: 1280px;
  margin: 0 auto;
  border-top: 1px solid rgba(42, 163, 181, 0.28);
  color: #b7d4cf !important;
  font-size: 13px;
}
html body .bu-pub-foot-bar p { margin: 0; }

@media (max-width: 899px) {
  html body .bu-pub-foot-inner {
    grid-template-columns: 1fr 1fr;
    padding: 36px 20px 18px;
  }
}

/* Product / news: cream page with sidebar, never a locked cage */
html body.bu-product-page .bu-pro,
html body.bu-product-page .bu-blog {
  background: #f4efe4;
  color: #1a2332;
}
html body.bu-product-page .bu-blog-feature,
html body.bu-product-page .bu-blog-card {
  background: #fffdf8 !important;
  color: #1a2332 !important;
  border: 1px solid #e4d6c2 !important;
  border-radius: 22px;
  overflow: hidden;
}
html body.bu-product-page .bu-blog-feature-body h2 a,
html body.bu-product-page .bu-blog-card h2 a {
  color: #1a2332 !important;
}
html body.bu-product-page .bu-blog-feature-body p,
html body.bu-product-page .bu-blog-card p,
html body.bu-product-page .bu-blog-card .bu-meta {
  color: #4a5563 !important;
}