/* =========================================================
   EMBERCRYPT HOTFIX: sidebars overlap hero ("wjeżdża do góry")
   Adds safe spacing below hero so left/right columns start lower.
   Load AFTER all other CSS.
   ========================================================= */

/* 1) Define a consistent "hero height" spacing.
   Tune --heroGap if you want more/less space. */
:root{
  --heroGap: 15px; /* space between hero and columns */
}

/* 2) Ensure hero area creates real vertical space (no overlap by absolute layers) */
#hero, #topHero, .hero, #serverStartHero {
  position: relative;
  z-index: 5;
  margin-bottom: var(--heroGap);
}

/* 3) Force the grid and side columns to start BELOW the hero */
#layout-grid{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If your sidebars have negative margins/top positioning anywhere, neutralize */
#menu_left, #menu_right, #right, #sidebar_right{
  margin-top: 0 !important;
  top: auto !important;
}

/* Add a little breathing room at the very top of sidebars,
   so first section ("Latest News") doesn't touch the hero edge */
#menu_left{
  padding-top: 14px;
}
#menu_right, #right, #sidebar_right{
  padding-top: 14px;
}

/* In case the sidebar "panel backgrounds" are drawn with ::before and are positioned too high */
#menu_left::before, #menu_left::after,
#menu_right::before, #menu_right::after,
#right::before, #right::after,
#sidebar_right::before, #sidebar_right::after{
  top: 0 !important;
}

/* 4) Optional: prevent any element inside sidebars from escaping upward */
#menu_left, #menu_right, #right, #sidebar_right{
  overflow: hidden;
}