/*
 Theme Name: Twenty Twenty-Five Child
 Theme URI: https://example.com/
 Description: Child theme for Twenty Twenty-Five.
 Author: Your Name
 Template: twentytwentyfive
 Version: 1.0
*/

@media (max-width: 768px) {

  /* Each li is column: row (link + button) above submenu */
  .wp-block-navigation li {
    display: flex;
    flex-direction: column;
  }

  /* Flex row for link + button */
  .menu-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  /* Link takes remaining space */
  .menu-row > a {
    flex: 1;
  }

  /* Toggle button */
  .submenu-toggle {
    margin-left: 0.5rem;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    flex-shrink: 0;
  }

  /* Hide submenu by default */
  .wp-block-navigation .has-child > ul,
  .wp-block-navigation .has-child > .wp-block-navigation__submenu-container,
  .wp-block-navigation .menu-item-has-children > ul {
    display: none !important;
    margin-left: 1rem;
  }

  /* Show submenu when open */
  .wp-block-navigation .has-child.submenu-open > ul,
  .wp-block-navigation .has-child.submenu-open > .wp-block-navigation__submenu-container,
  .wp-block-navigation .menu-item-has-children.submenu-open > ul {
    display: block !important;
  }
}

@media (min-width: 769px) {
  .wp-block-navigation .submenu-toggle { display: none !important; }
}