/*
Theme Name: Fictionary
Theme URI: 
Author: Automattic
Author URI: https://automattic.com
Description: Fictionary is a typography based, opinionated blogging theme.
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fictionary
Tags: blog, one-column, wide-blocks, block-patterns, featured-images, full-site-editing, rtl-language-support, threaded-comments, translation-ready
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 0.8px !important;
	text-underline-offset: .1em;
	text-decoration-style: dotted;
}
@media (max-width: 600px) {
    .wp-block-navigation__responsive-container-open {
        display: block !important; /* Show the hamburger icon */
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        display: block !important; /* Show menu when open */
    }
}
/* Reduce font size and align navigation links */
.wp-block-navigation .wp-block-navigation-item a {
    font-size: 14px !important; /* Smaller font size for mobile and desktop */
    text-align: left !important; /* Align text to the left */
    padding: 8px 12px !important; /* Adjust padding for spacing */
    display: block !important; /* Ensure links stack properly */
}

header .wp-block-navigation { display: none !important; }