/* --- Global fixes injected by automation --- */
:root {
  --brand: #0b6cfb;
  --text: #111;
  --bg: #fff;
  --muted: #f5f7fb;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
img { max-width: 100%; height: auto; display: block; }

.header, header, .site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.site-logo {
  display: inline-flex;
  align-items: center;
  margin: 0.75rem 0;
}
.site-logo img {
  width: 240px;
  
  object-fit: contain;
}

/* Buttons */
.btn, .button, button, a.button, a.btn {
  cursor: pointer;
  text-decoration: none;
  border: none;
  padding: 0.75rem 1.1rem;
  border-radius: 0.75rem;
  background: var(--brand);
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  font-weight: 600;
}
.btn-outline {
  background: transparent;
  border: 2px solid var(--brand);
  color: var(--brand) !important;
}

/* Mobile vs desktop separation */
.only-desktop { display: none; }
.only-mobile { display: block; }

@media (min-width: 900px) {
  .only-desktop { display: block; }
  .only-mobile { display: none; }
  .container, .wrap, .inner, .content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
  }
  nav ul { display: flex; gap: 1rem; list-style: none; padding: 0; margin: 0; }
  nav a { text-decoration: none; color: var(--text); padding: .5rem .75rem; border-radius: .5rem; }
  nav a:hover { background: var(--muted); }
}

/* Calendly modal (minimal branding) */
#booking-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10,10,15,0.6);
  backdrop-filter: saturate(1.3) blur(2px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
#booking-modal {
  width: min(100vw - 32px, 960px);
  height: min(90vh, 800px);
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
  position: relative;
}
#booking-close {
  position: absolute;
  top: 8px; right: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 999px;
  width: 36px; height: 36px;
  display: grid; place-items: center;
  cursor: pointer;
  z-index: 2;
}
#booking-modal .calendly-inline-widget {
  min-width: 320px;
  height: 100%;
}
/* Hide Calendly floating badge if present by not using it; this is just a precaution */
.calendly-badge-widget { display: none !important; }
/* === Fix hamburger drie streepjes op Over-ons === */
.ox-mm-btn .bars::before,
.ox-mm-btn .bars::after {
  content: "";               /* zonder dit zie je enkel het middenstreepje */
  position: absolute;
  left: 0;
  width: 22px;
  height: 2px;
  background: #fff;
}