/* ==================== Donker thema ==================== */
html, body {
  background: #000;
  color: #fff;
  font-family: "SUSE Mono", monospace; /* fallback: geen visueel verschil zolang Google Font laadt */
}

/* ADDED: onzichtbare tekst voor screenreaders (heeft nul effect op layout) */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ADDED: duidelijke focusring alléén bij toetsenbord (muis/vinger zien dit niet) */
a:focus-visible,
button:focus-visible,
.photolane_fn_leftbar .trigger:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}

a, body a {
  color: #fff;
  text-decoration: none;
}
a:hover, body a:hover {
  color: #ddd;
}

/* ==================== Wrappers & Content ==================== */
.photolane_fn_wrapper_all,
.photolane_fn_content,
.photolane_fn_content_in,
.photolane_fn_secondary_wrap,
.photolane_fn_secondary_wrap_in {
  background: #000;
  color: #fff;
}

/* Forceer dark ook als data-bg-color="light" staat */
.photolane_fn_vertical_menu[data-bg-color="light"],
.photolane_fn_vertical_menu[data-bg-color="light"] .photolane_fn_leftbar,
.photolane_fn_vertical_menu[data-bg-color="light"] .photolane_fn_leftbar_nav,
.photolane_fn_vertical_menu[data-bg-color="light"] .photolane_fn_leftbar_nav_in {
  background: #000;
  color: #fff;
}

/* ==================== Overlay & Vertical Menu ==================== */
/* Volgorde: content(800) < overlay(900) < menu(1000) < trigger(1001) */

.photolane_fn_vertical_menu,
.photolane_fn_leftbar,
.photolane_fn_leftbar_nav,
.photolane_fn_leftbar_nav_in {
  background: #000;
  color: #fff;
}

.photolane_fn_leftbar {
  position: relative;
  z-index: 1000;   /* boven overlay */
}

.photolane_fn_leftbar .trigger {
  position: relative;
  z-index: 1001;   /* boven menu */
  cursor: pointer;
}

/* Links in menu altijd klikbaar */
.photolane_fn_leftbar_nav a,
.photolane_fn_leftbar_nav_in a {
  pointer-events: auto;
}

/* ==================== Navigation (responsive) ==================== */
.navigation_list {
  background: #000;
  color: #fff;
}

/* ==================== Copyright ==================== */
.photolane_fn_leftbar_nav .cright span,
.cright span {
  color: #fff;
  opacity: .9;
  font-size: 12px;
  letter-spacing: .06em;
}

/* ==================== About / Extra ==================== */
.about_msg .overlay_color {
  background: #ccc;
}
/* Blog intro duidelijker zichtbaar */
.photolane_fn_blog_list .info p {
  font-size: 17px;
  line-height: 1.7;
  color: #ddd;  /* iets lichter grijs voor rustiger effect */
}

/* ADDED: respecteer 'minder beweging' als iemand dat in z'n systeem heeft ingesteld */
@media (prefers-reduced-motion: reduce){
  *{
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}