/*
Theme Name: To Moor The Moon
Theme URI: https://github.com/your-username/tomoorthemoon-theme
Author: Your Name
Author URI: https://your-website.com
Description: A dark mode WordPress theme inspired by the night sky and lunar aesthetics. Features a sophisticated dark color palette with vibrant accent colors, perfect for blogs, portfolios, and creative websites. Built with modern block editor support and responsive design.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tomoorthemoon
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, style-variations, accessibility-ready, blog, portfolio, news, dark-mode
*/

/*
 * Dark mode enhancements
 */
body {
	background-color: #1a1a1a;
	color: #f5f5f5;
}

/* Staging banner adjustments */
body.has-staging-banner {
	padding-top: 40px;
}

/* Staging indicator banner */
.staging-banner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #FF6B35;
	color: white;
	text-align: center;
	padding: 8px;
	font-weight: bold;
	z-index: 9999;
	font-size: 14px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Enhanced focus styles for dark mode */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
	outline-color: #FFEE58;
}

/* Dark mode link styles */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
	color: #FFEE58;
}

a:hover {
	color: #F6CFF4;
}

/* Dark mode navigation enhancements */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/* Dark mode form enhancements */
input, textarea, select {
	background-color: #2a2a2a !important;
	color: #f5f5f5 !important;
	border-color: #a0a0a0 !important;
}

input:focus, textarea:focus, select:focus {
	border-color: #FFEE58 !important;
	box-shadow: 0 0 0 2px rgba(255, 238, 88, 0.2) !important;
}

/* Dark mode block enhancements */
.wp-block-code {
	background-color: #2a2a2a !important;
	border: 1px solid #a0a0a0 !important;
}

.wp-block-quote {
	border-left-color: #FFEE58 !important;
}

.wp-block-pullquote {
	border-top-color: #FFEE58 !important;
	border-bottom-color: #FFEE58 !important;
}

/* Progressive enhancement to reduce widows and orphans */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/* Change the position of the more block on the front */
.more-link {
	display: block;
	color: #FFEE58;
}

.more-link:hover {
	color: #F6CFF4;
}