/* === Rarezone Neo Pattern v2 === */

:root {
  --pattern-opacity: 0.35; /* lebih kelihatan */
  --pattern-size: 500px;
}

/* === Rarezone Global Pattern Layout (Absolute Scroll) === */
body, html {
  position: relative;
  background-color: #1C1E22;
  overflow-x: hidden;
}

.rz-background-holder {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.rz-pattern {
  position: absolute;
  inset: 0;
  background-image: url("../img/bg/pattern.svg");
  background-repeat: repeat;
  background-size: 400px 400px;
  opacity: 0.35;
  pointer-events: none; /* biar gak nutup klik */
}

.rz-content-wrapper {
  position: relative;
  z-index: 1;
}

#logo-sidebar { z-index: 50; position: fixed; }
#backdrop { z-index: 40; position: fixed; }
footer { position: relative; z-index: 2; }

@media (max-width: 768px) {
  .rz-pattern {
    background-size: 300px 300px;
    opacity: 0.4;
  }
}