/* 
Theme Name: Neogate Theme
Text Domain: neogate
Version: 1.1.0
Author: Bagaz Pattrya
*/

/* Reset default styles */
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  font-family: "Poppins", serif;
}

/* Hide scrollbar for WebKit-based browsers (Chrome, Safari) */
::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none !important;
  color: inherit;
  /* Optional: Keeps text color same as parent */
}

body {
  color: #222222;
  padding: 0;
  margin: 0;
  -ms-overflow-style: none;
}




@media (max-width: 768px) {
  /* HEADER RELATED */
  .big-screen {
    display: none !important;
  }

  .hamburger {
    display: none;
    /* Hidden on desktop */
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
    color: white;
    z-index: 100001;
  }

  /* Sidebar Styles */
  .sidebar {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    right: -70vw; /* Hidden by default */
    width: 70vw;
    height: 100%;
    background-color: rgba(
      48,
      0,
      110,
      0.6
    ); /* Adjust opacity for better effect */
    color: white;
    transition: 0.3s;
    padding-top: 60px;
    z-index: 100000;
    backdrop-filter: blur(10px); /* Adjust blur strength */
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
  }

  .sidebar a {
    padding: 10px 15px;
    text-decoration: none;
    font-size: 18px;
    color: white;
    display: block;
    transition: 0.3s;
  }

  .sidebar a:hover {
    background-color: #4c00c5;
  }

  .sidebar a.active {
    background-color: #7a3edb;
  }

  /* Overlay to close sidebar */
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(var(--vh) * 100);
    z-index: 10000;
    background: rgba(165, 24, 24, 0);
    display: none;
  }

  /* Show sidebar when active */
  .sidebar.active {
    right: 0;
  }

  .overlay.active {
    display: flex;
  }
}