/*
Theme Name: Baiky
Description: Child block theme of Twenty Twenty-Five for baiky.fun. CSS-only customization — does NOT override TT5 templates. Adds: brand color (theme.json) + navigation hamburger fix (this file).
Template: twentytwentyfive
Version: 1.0.1
License: GPL-2.0-or-later
Text Domain: baiky
*/

/* ────────────────────────────────────────────────────────────────────────
 * Navigation menu fix — TT5's wp:navigation block defaults to "responsive
 * overlay" mode at all viewport widths in some configurations (Gutenberg
 * issue #36670). Force the inline UL visible + hide the hamburger button
 * on desktop (≥783px). Mobile keeps default behavior.
 * ──────────────────────────────────────────────────────────────────────── */

@media (min-width: 783px) {
  /* Hide the hamburger toggle button (it shouldn't appear on desktop) */
  .wp-block-navigation__responsive-container-open {
    display: none !important;
  }

  /* Force the responsive container to be visible inline (not overlay) */
  .wp-block-navigation__responsive-container {
    display: block !important;
    position: static !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Hide the close (X) button — only relevant inside the overlay */
  .wp-block-navigation__responsive-container-close {
    display: none !important;
  }

  /* Force the nav UL to be horizontal flex row */
  .wp-block-navigation__container,
  .wp-block-navigation ul.wp-block-navigation__container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 1.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
  }

  .wp-block-navigation .wp-block-navigation-item {
    list-style: none !important;
    margin: 0 !important;
  }

  .wp-block-navigation .wp-block-navigation-item__content {
    text-decoration: none !important;
  }
}