/* Static replacement for the former WordPress site. */
html { scroll-behavior: smooth; }
body { min-width: 0; }
img { max-width: 100%; height: auto; }
#page { min-height: 100%; }
.section { max-width: 1020px; }

/* The old theme relied on JavaScript Masonry and initially displayed one column.
   Static CSS grid makes the three-column desktop layout immediate and stable. */
body.static-home #primary,
body.static-single #primary,
body.static-page #primary { float: none; width: 100%; padding-right: 0; }
#posts-wrap {
  position: static !important;
  height: auto !important;
  display: block;
  column-count: 3;
  column-gap: 20px;
}
#posts-wrap .hentry {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  display: inline-block;
  vertical-align: top;
  break-inside: avoid;
  page-break-inside: avoid;
  margin: 0 0 20px 0 !important;
}
#posts-wrap .hentry:nth-child(n) { margin-right: 0 !important; }

/* Cleaner static article/legal pages */
body.static-single #content,
body.static-page #content { max-width: 760px; margin: 0 auto; }
body.static-single .hentry,
body.static-page .hentry { width: 100%; margin: 0 0 24px; }
body.static-page #secondary,
body.static-single #secondary { display: none; }

/* Remove empty WordPress date/author lines while keeping the card design. */
.entry-meta:empty { display: none; }
header .entry-meta { display: none; }
footer.entry-meta { min-height: 20px; }

/* Simple replacement for the old gallery plugin. */
.static-gallery { position: relative; overflow: hidden; margin: 0 0 16px; background: #191919; }
.static-gallery .slides { position: relative; }
.static-gallery figure { display: none; margin: 0; }
.static-gallery figure.active { display: block; }
.static-gallery img { display: block; width: 100%; height: auto; }
.static-gallery button {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  border: 0; border-radius: 999px; width: 34px; height: 34px; padding: 0;
  font-size: 22px; line-height: 34px; cursor: pointer; opacity: .8;
  background: rgba(0,0,0,.65); color: #fff;
}
.static-gallery button:hover { opacity: 1; background: rgba(0,0,0,.85); }
.static-gallery .prev { left: 8px; }
.static-gallery .next { right: 8px; }
.static-gallery .dots { display: flex; justify-content: center; gap: 6px; padding: 8px; }
.static-gallery .dot { position: static; top: auto; transform: none; width: 8px; height: 8px; min-width: 8px; padding: 0; border-radius: 50%; background: #777; opacity: 1; }
.static-gallery .dot.active { background: #ddd; }

/* Make the language menu usable without WordPress JavaScript. */
.main-navigation .menu { display: block; }
.main-navigation .menu-item-has-children { position: relative; }
.main-navigation .sub-menu { display: none; }
.main-navigation .menu-item-has-children:hover > .sub-menu,
.main-navigation .menu-item-has-children:focus-within > .sub-menu { display: block; }
.menu-toggle { display: none; }

.site-footer-static { color: #bbb; font-size: 12px; }
.site-footer-static a { color: #ddd; }

@media screen and (max-width: 789px) {
  #posts-wrap { column-count: 2; }
  .main-navigation .menu { display: flex; flex-wrap: wrap; }
}
@media screen and (max-width: 509px) {
  #posts-wrap { column-count: 1; }
  .main-navigation .menu { display: block; }
  .main-navigation .sub-menu { display: block; position: static; }
}