/* SenGeKu Mobile Submenus — spartanisches Styling */
@media (max-width: 782px) {
  /* Fallback, falls JS verzögert lädt */
  .wp-block-navigation li.has-child > ul[hidden] { display: none !important; }

  /* Toggle-Button – gut bedienbar, aber dezent */
  .wp-block-navigation {
    --sgkms-toggle-size: 2.25rem;
    --sgkms-toggle-radius: 999px;
    --sgkms-toggle-border: 1px solid rgba(0, 0, 0, .18);
    --sgkms-toggle-bg: rgba(0, 0, 0, .05);
    --sgkms-toggle-bg-hover: rgba(0, 0, 0, .12);
    --sgkms-toggle-shadow: 0 1px 2px rgba(0, 0, 0, .08);
  }

  .is-dark-theme .wp-block-navigation {
    --sgkms-toggle-border: 1px solid rgba(255, 255, 255, .3);
    --sgkms-toggle-bg: rgba(255, 255, 255, .05);
    --sgkms-toggle-bg-hover: rgba(255, 255, 255, .16);
    --sgkms-toggle-shadow: 0 1px 2px rgba(0, 0, 0, .45);
  }

  .wp-block-navigation .sgkms-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--sgkms-toggle-size);
    height: var(--sgkms-toggle-size);
    margin-left: .45rem;
    padding: 0;
    border: var(--sgkms-toggle-border);
    border-radius: var(--sgkms-toggle-radius);
    background: var(--sgkms-toggle-bg);
    color: inherit;
    box-shadow: var(--sgkms-toggle-shadow);
    font-size: 1rem;
    cursor: pointer;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
  }

  .wp-block-navigation .sgkms-toggle:hover,
  .wp-block-navigation .sgkms-toggle:focus {
    background: var(--sgkms-toggle-bg-hover);
    outline: none;
  }

  .wp-block-navigation .sgkms-toggle:focus-visible {
    box-shadow:
      0 0 0 1px rgba(0,0,0,.12),
      0 0 0 4px rgba(14,110,253,.25);
  }

  .is-dark-theme .wp-block-navigation .sgkms-toggle:focus-visible {
    box-shadow:
      0 0 0 1px rgba(255,255,255,.25),
      0 0 0 4px rgba(14,110,253,.5);
  }

  .wp-block-navigation .sgkms-toggle span[aria-hidden="true"] {
    display: block;
    line-height: 1;
    font-size: 1.0625rem;
    transition: transform .2s ease;
  }

  /* kleines visuelles Feedback */
  .wp-block-navigation .sgkms-toggle[aria-expanded="true"] span[aria-hidden="true"] {
    transform: rotate(180deg);
  }
}
