/*
Theme Name: AEI | Future of American University
Author: AEI
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: aei-future-of-american-university
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

/* Mobile Navigation Styles - Header Only */
header .wp-block-navigation {
	/* Mobile overlay width when hamburger is pressed */
	--navigation-layout-justification-setting: space-between;
}

header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
	width: 375px !important;
	max-width: 375px !important;
	right: 0;
	left: auto;
}

/* Main navigation items styling - 22px Oswald #8D162E */
header .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-family: 'Oswald', sans-serif !important;
	font-size: 22px !important;
	color: #8D162E !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

header .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
	color: #8D162E !important;
}

/* Force padding top and bottom to 0 on navigation items */
header .wp-block-navigation .wp-block-navigation-item {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Force padding top and bottom to 0 on navigation item content */
header .wp-block-navigation .wp-block-navigation-item__content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Hide submenus by default */
header .wp-block-navigation .wp-block-navigation__submenu-container {
	display: none !important;
}

/* Show submenu only when parent has 'open-on-click' class */
header .wp-block-navigation .wp-block-navigation-item.has-child.open-on-click .wp-block-navigation__submenu-container {
	display: block !important;
	padding-bottom: 5px !important;;
}

/* Dropdown arrow styling - positioned at the end with custom size */
header .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
}

header .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-item__content::after {
	content: '' !important;
	width: 40px !important; 
	height: 33px !important;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%238D162E"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	margin-left: auto !important;
	transition: transform 0.3s ease !important;
	display: inline-block !important;
	flex-shrink: 0 !important;
}

header .wp-block-navigation .wp-block-navigation-item.has-child.open-on-click > .wp-block-navigation-item__content::after {
	transform: rotate(90deg) !important;
}

/* Submenu items styling - Lora 14px bold #022550 */
header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
	font-family: 'Lora', serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #022550 !important;
}

header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content:hover {
	color: #022550 !important;
} 

/* Remove default arrow from submenu items */
header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	display: none !important;
}

/* Mobile overlay container padding */
header .wp-block-navigation .wp-block-navigation__responsive-container-content {
	padding: 10px !important;
}

/* Ensure proper spacing for mobile menu */
header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 0 !important;
}

header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	display: block !important;
	width: 100% !important;
	padding: 0px 0 !important;
}

header .wp-block-navigation-submenu{
	padding: 0 !important;
}

/* Custom Button Style: Hover Outline */
.wp-block-button.is-style-hover-outline .wp-block-button__link {
	background-color: #8d162e !important;
	color: #fcf7ed !important;
	border: 2px solid #8d162e !important;
	transition: all 0.3s ease !important;
}

.wp-block-button.is-style-hover-outline .wp-block-button__link:hover {
	background-color: transparent !important;
	color: #fff !important;
	border: 2px solid #8d162e !important;
}

/* Custom Button Style: Hover Gold */
.wp-block-button.is-style-hover-gold .wp-block-button__link {
	background-color: #8d162e !important;
	color: #fff !important;
	border: 2px solid #8d162e !important;
	transition: all 0.3s ease !important;
}

.wp-block-button.is-style-hover-gold .wp-block-button__link:hover {
	background-color: #d58936 !important;
	color: #fff !important;
	border: 2px solid #d58936 !important;
}

/* Custom Hamburger Menu Icon */
.wp-block-navigation__responsive-container-open {
	background-image: url('./assets/images/Menu hamburger.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 24px !important;
	height: 24px !important;
}

.wp-block-navigation__responsive-container-open svg {
	display: none !important;
}