/*
Theme Name: shitate
Theme URI: https://shitate.weblley.co.jp/
Author: weblley inc
Author URI: https://weblley.co.jp/
Description: shitate is a clean, versatile block theme for corporate and business websites. Built for the Site Editor with a flexible theme.json, accessible patterns, and fast, dependency-free output.
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 7.2
Version: 0.4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shitate
Tags: blog, portfolio, block-patterns, full-site-editing, block-styles, style-variations, wide-blocks, editor-style, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

shitate WordPress Theme, (C) 2026 weblley inc.
shitate is distributed under the terms of the GNU GPL.
*/

/*
 * Mobile menu: the overlay's close button sits exactly where the hamburger
 * is, whatever the header's height. assets/js/navigation-toggle.js records
 * the hamburger's viewport position as --shitate-nav-toggle-* on the
 * navigation block when the menu opens (and on resize). The overlay is
 * position: fixed at the viewport origin, and core's fade-in animates its
 * transform, so the button is positioned absolutely against the overlay
 * rather than fixed against the viewport: it rides along with the fade-in
 * and lands on the hamburger. The fallbacks mirror core's default overlay
 * padding for the no-JS case. The extra .wp-block-navigation ancestor
 * outranks core's inline block CSS.
 */
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
	position: static;
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	position: absolute;
	top: var(--shitate-nav-toggle-top, 1rem);
	right: var(--shitate-nav-toggle-right, 1rem);
	margin: 0;
	padding: 0;
}

/* Start the menu content below the close button so the two never overlap. */
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
	padding-top: calc(var(--shitate-nav-toggle-top, 1rem) + var(--shitate-nav-toggle-size, 1.5rem) + var(--st-space-m, 1rem));
}