/* ===== Vidapi Mobile Hamburger (pure CSS + JS auto-close) ===== */

.vbp-menu-toggle { display: none; }

.vbp-menu-icon {
  display: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  color: #e7eef0;
}

.vbp-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; /* desktop */
  gap: 0;
}

/* Mobile */
@media (max-width: 768px) {
  .vbp-menu-icon { display: inline-block; }

  /* Start closed on mobile */
  .vbp-menu { 
    display: none !important; 
    flex-direction: column;
    width: 100%;
    position: absolute;
    left: 0;
    top: 52px;
    padding: 10px 0;
    background: #173239;
    z-index: 9999;
  }

  /* Open state */
  .vbp-menu-toggle:checked + .vbp-menu-icon + .vbp-menu {
    display: flex !important;
  }

  .vbp-menu > li { margin: 10px 0; text-align: center; }
}

.vbp-menu a { text-decoration: none; color: inherit; }
.vbp-menu a:hover, .vbp-menu a:focus { text-decoration: underline; }