/* ===== Veristzon — Uniform gap under the fixed header (site-wide) ===== */

/* Controls */
:root{
  --vz-header-h: 0px;    /* JS will set the real header height */
  --vz-extra-gap: 32px;  /* << change this to make the global space bigger/smaller */
  --vz-adminbar-h: 0px;  /* WP admin bar */
}

/* Admin bar compensation (logged-in) */
body.admin-bar { --vz-adminbar-h: 32px; }
@media (max-width: 782px){ body.admin-bar { --vz-adminbar-h: 46px; } }

/* Keep header fixed and above content */
.fixed-header,
#masthead,
.site-header,
.main-header-bar{
  position: fixed !important;
  top: var(--vz-adminbar-h) !important;
  left: 0; right: 0; width: 100%;
  z-index: 9999;
}

/* GLOBAL SPACER: applies to every page uniformly */
body::before{
  content: "";
  display: block;
  height: calc(var(--vz-header-h) + var(--vz-extra-gap) + var(--vz-adminbar-h));
}

/* Neutralize any theme top spacing that could double the gap */
body,
.site,
#content,
.site-content,
.ast-container,
.main-content{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Transparent header / title areas — prevent tucking under header */
.ast-theme-transparent-header .site-content,
.entry-header,
.ast-archive-description,
.ast-archive-title{
  margin-top: 0 !important;
  padding-top: 0 !important;
}