/*
Theme Name: Forefront Frost
Theme URI: https://frostwp.com/
Description: A child theme for the Frost block theme.
Author: Antigravity
Author URI: https://google.com
Template: frost
Version: 1.0.0
Text Domain: forefront-frost
*/

/* ============================================================
   Hover Transitions: Smooth transitions for interactive elements
   ============================================================ */

/* Buttons - smooth color transitions */
.wp-block-button__link {
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Links - smooth color transitions */
a {
	transition: color 0.2s ease, text-decoration 0.2s ease;
}

/* Navigation links - smooth transitions */
.wp-block-navigation a {
	transition: color 0.2s ease, text-decoration 0.2s ease;
}

/* ============================================================
   Navigation: Force mobile overlay menu breakpoint to 1100px
   The wide logo means we need the hamburger to kick in earlier.
   We target the .is-responsive navigation block specifically.
   ============================================================ */

/* At <= 1100px: show hamburger, hide the full nav container */
@media (max-width: 1100px) {
	nav.is-responsive .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}
	nav.is-responsive .wp-block-navigation__responsive-container-open {
		display: flex !important;
	}
}

/* At > 1100px: hide hamburger, show the full nav container */
@media (min-width: 1101px) {
	nav.is-responsive .wp-block-navigation__responsive-container-open {
		display: none !important;
	}
	nav.is-responsive .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: flex !important;
		position: static;
		background: transparent;
	}
}

/* ============================================================
   Header: Keep logo and navigation on one line at all times
   ============================================================ */
.site-header .wp-block-group.alignwide {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
}

.site-header .wp-block-site-logo {
	flex: 1 1 auto !important;
	max-width: 300px !important;
	min-width: 0 !important;
}

.site-header .wp-block-site-logo img {
	width: 100% !important;
	height: auto !important;
	max-width: 300px !important;
}

.site-header .wp-block-navigation {
	flex: 0 0 auto !important;
}