/* 7.9.60 — screenshots: sidebar gap, cream overlay, nalog gutters, lang menu, contrast */

/* ============================================================
   1) PUBLIC SHELL: one grid. Sidebar IN FLOW. No second 232px.
   Fixed sidebar + grid column + margin-left was the black void.
   ============================================================ */
@media (min-width: 1100px) {
  html body.bu-landing-page .landing-shell,
  html body.bu-product-page .landing-shell,
  html body.bu-author-page .landing-shell,
  html body.bu-public-inner .landing-shell {
    display: grid !important;
    grid-template-columns: 232px minmax(0, 1fr) !important;
    gap: 0 !important;
    column-gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh;
    align-items: start !important;
  }
  html body.bu-landing-page aside.landing-sidebar,
  html body.bu-landing-page aside.bu-neon-side,
  html body.bu-landing-page aside.bu-board-sidebar.landing-sidebar,
  html body.bu-product-page aside.landing-sidebar,
  html body.bu-product-page aside.bu-neon-side,
  html body.bu-product-page aside.bu-board-sidebar.landing-sidebar,
  html body.bu-author-page aside.landing-sidebar,
  html body.bu-public-inner aside.landing-sidebar {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    inset: auto !important;
    width: 232px !important;
    max-width: 232px !important;
    min-width: 232px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    transform: none !important;
    display: flex !important;
    visibility: visible !important;
    z-index: 40 !important;
  }
  html body.bu-landing-page .landing-shell-main,
  html body.bu-product-page .landing-shell-main,
  html body.bu-author-page .landing-shell-main,
  html body.bu-public-inner .landing-shell-main {
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

html body.bu-landing-page:not(.bu-product-page) .landing-shell {
  background: #050a18 !important;
}
html body.bu-product-page .landing-shell,
html body.bu-product-page .landing-shell-main {
  background: #f4efe4 !important;
}

/* Header: in-flow, never a second band, never clip the language menu */
html body.bu-landing-page .bu-neon-head,
html body.bu-product-page .bu-neon-head,
html body.bu-author-page .bu-neon-head,
html body.bu-landing-page .bu-neon-head-inner,
html body.bu-product-page .bu-neon-head-inner {
  overflow: visible !important;
  margin: 0 !important;
  transform: none !important;
}
html body.bu-landing-page .bu-neon-pills {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap;
  min-width: 0;
}

/* Home hero flush under the bar — no phantom padding for old overlay header */
html body.bu-landing-page:not(.bu-product-page) .bu-neon-hero {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
html body.bu-landing-page:not(.bu-product-page) .bu-neon-hero-inner {
  padding-top: 18px !important;
}

/* ============================================================
   2) PRODUCT PAGES: full-bleed cream, dark ink, content under header
   ============================================================ */
html body.bu-product-page main.bu-pro,
html body.bu-product-page main.bu-blog {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #f4efe4 !important;
  color: #1a2332 !important;
  position: relative;
  z-index: 1;
  isolation: isolate;
}
html body.bu-product-page .bu-pro-hero {
  min-height: 0 !important;
  margin: 0 !important;
}
html body.bu-product-page .bu-pro-hero-inner,
html body.bu-product-page .bu-blog-hero {
  padding-top: 18px !important;
  padding-bottom: 28px !important;
  position: relative;
  z-index: 2;
}
html body.bu-product-page .bu-pro-hero-photo {
  z-index: 0;
  opacity: 0.42;
}
html body.bu-product-page .bu-pro-hero-wash {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(244, 239, 228, 0.82) 0%, #f4efe4 78%) !important;
}
html body.bu-product-page main.bu-pro h1,
html body.bu-product-page main.bu-blog h1,
html body.bu-product-page main.bu-pro h2,
html body.bu-product-page main.bu-pro h3,
html body.bu-product-page main.bu-pro p,
html body.bu-product-page main.bu-blog p,
html body.bu-product-page main.bu-pro li {
  color: #1a2332 !important;
}
html body.bu-product-page .bu-pro-kicker {
  color: #0b6e86 !important;
}
html body.bu-product-page .bu-pro-card,
html body.bu-product-page .bu-pro-tile,
html body.bu-product-page .bu-pro-price-card {
  background: #fffdf8 !important;
  color: #1a2332 !important;
  border: 1px solid #e4d6c2 !important;
}
html body.bu-product-page .bu-pro-close-inner,
html body.bu-product-page .bu-pro-close-inner h2,
html body.bu-product-page .bu-pro-close-inner p {
  color: #fff !important;
}

/* ============================================================
   3) LANGUAGE MENU: under the button, white, not clipped
   ============================================================ */
html body .bu-lang-pick,
html body .bu-lang-pick.bu-lang-v56,
html body .bu-neon-actions .bu-lang-pick,
html body.bu-nalog-page .bu-header-nalog .bu-lang-pick {
  position: relative !important;
  overflow: visible !important;
  z-index: 90000 !important;
}
html body .bu-lang-pick.is-open .bu-lang-menu,
html body .bu-lang-pick .bu-lang-menu:not([hidden]),
html body .bu-lang-v56 .bu-lang-menu,
html body.bu-nalog-page .bu-header-nalog .bu-lang-menu {
  display: flex !important;
  flex-direction: column !important;
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  width: 280px !important;
  max-width: min(280px, 86vw) !important;
  z-index: 90001 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #dbe4ee !important;
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.22) !important;
}
html body .bu-lang-q,
html body .bu-lang-v56 .bu-lang-q {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
html body .bu-lang-opt,
html body .bu-lang-v56 .bu-lang-opt {
  background: #fff !important;
  color: #0f172a !important;
}
html body .bu-lang-opt:hover,
html body .bu-lang-opt.is-on {
  background: #eef6fb !important;
  color: #0f172a !important;
}

/* ============================================================
   4) NALOG: fill the column, no 1080px island, readable contrast
   ============================================================ */
html body.bu-nalog-page .bu-board-main-col,
html body.bu-nalog-page .bu-nalog-flow,
html body.bu-nalog-page .bu-page.bu-dash-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #e8eef5 !important;
}
html body.bu-nalog-page .bu-dash-main {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px 16px 28px !important;
  background: #e8eef5 !important;
  color: #0f172a !important;
}
html body.bu-nalog-page .bu-nalog-compose,
html body.bu-nalog-page .bu-account-panel,
html body.bu-nalog-page .bu-form-settings,
html body.bu-nalog-page .bu-post-layout-nalog {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body.bu-nalog-page .bu-nalog-compose,
html body.bu-nalog-page .bu-account-panel {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 16px;
  padding: 16px 18px 20px;
  color: #0f172a !important;
}

/* Light cards = dark ink. Primary buttons = white ink. Ghost = dark ink. */
html body.bu-nalog-page .bu-dash-main h1,
html body.bu-nalog-page .bu-dash-main h2,
html body.bu-nalog-page .bu-dash-main h3,
html body.bu-nalog-page .bu-dash-main p,
html body.bu-nalog-page .bu-dash-main label,
html body.bu-nalog-page .bu-dash-main legend,
html body.bu-nalog-page .bu-dash-main span,
html body.bu-nalog-page .bu-dash-main strong {
  color: #0f172a;
}
html body.bu-nalog-page .bu-dash-main .bu-btn.ghost,
html body.bu-nalog-page .bu-place-gps,
html body.bu-nalog-page .bu-place-pick,
html body.bu-nalog-page .bu-date-btn {
  color: #0f172a !important;
  background: #fff !important;
  border: 1px solid #94a3b8 !important;
}
html body.bu-nalog-page .bu-dash-main .bu-btn.blue,
html body.bu-nalog-page .bu-dash-main .bu-btn.green,
html body.bu-nalog-page .bu-dash-main .bu-btn.dark,
html body.bu-nalog-page .bu-compose-submit {
  color: #fff !important;
}

/* Sidebar stays dark with LIGHT text — never inherit dash-main ink */
html body.bu-nalog-page .bu-board-sidebar,
html body.bu-nalog-page .bu-board-sidebar a,
html body.bu-nalog-page .bu-board-sidebar span,
html body.bu-nalog-page .bu-board-sidebar p,
html body.bu-nalog-page .bu-board-sidebar strong,
html body.bu-nalog-page .bu-board-sidebar small {
  color: #e2e8f0 !important;
}
html body.bu-nalog-page .bu-board-sidebar a.is-on,
html body.bu-nalog-page .bu-board-sidebar .is-on {
  color: #fff !important;
}
html body.bu-nalog-page .bu-board-sidebar {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

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