/* ============================================================
   Doers static site — custom overrides (not from WordPress)
   ============================================================ */

/* Kill horizontal scroll on mobile/tablet without affecting
   vertical scroll, the sticky header, or the Swiper carousel
   (which has its own overflow context). */
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Fix: the header overflowed on mobile because the logo was
   rendered ~300px wide (80px tall), leaving no room for the
   night-mode + menu buttons, which pushed the hamburger
   off-screen. Shrink the oversized mobile logo and pin the
   button group to the right so the menu is always reachable. */
@media (max-width: 991px) {
  .vlt-navbar-logo img {
    height: 42px !important;
    max-height: 42px !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
  }
  .vlt-navbar-buttons {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }
}