/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

/* Override default wordpress mobile style in navigator */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  color: var(--wp--preset--color--primary);
}

/* Add custom style for mobile menu collapse */
@media(max-width: 600px) {
	#modal-1 .wp-block-navigation__submenu-container {
		opacity: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		overflow: hidden;
		padding-top: 0;
	}
	
	#modal-1 .wp-block-navigation-item.has-child[data-open="true"]>.wp-block-navigation__submenu-container {
		visibility: visible;
		overflow: visible;
		opacity: 1;
		width: auto;
		height: auto;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
		display: inline-block;
		align-self: flex-end;
		padding: 4px 0;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item[data-open="true"]>.wp-block-navigation__submenu-icon svg {
		transform: rotate(180deg);
	}
}