/**
 * Theme Name: Legion Redesign
 * Template:   twentytwentyfour
 */


/* Remove margins of body content */
.wp-site-blocks > main,
main.wp-block-group {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}
.wp-site-blocks > * {
	margin-block-start: 0;
}


/* Hide the top-level link, keep its submenu */
@media screen and (max-width: 599px) {
	.desktop-only-nav > .wp-block-navigation-item__content,
	.desktop-only-nav > .wp-block-navigation-submenu__toggle {
		display: none;
	}
}

/* Kill input for undesired nav items */
.nav-no-link > .wp-block-navigation-item__content {
	pointer-events: none;
	cursor: default;
}

/* Button Hovers */
/* Darken button backgrounds on hover */
/* Darken button backgrounds on hover */
.wp-block-button__link,
.wp-block-search__button,
.wp-block-file__button,
.wp-element-button {
	position: relative;
	isolation: isolate;
	--btn-hover-bleed: 2px;
}

.wp-block-button__link::after,
.wp-block-search__button::after,
.wp-block-file__button::after,
.wp-element-button::after {
	content: "";
	position: absolute;
	inset: calc(-1 * var(--btn-hover-bleed));
	z-index: -1;
	border-radius: inherit;
	background: rgba(0, 0, 0, 0.24);
	opacity: 0;
	pointer-events: none;
}

.wp-block-button__link:hover::after,
.wp-block-search__button:hover::after,
.wp-block-file__button:hover::after,
.wp-element-button:hover::after {
	opacity: 1;
}


/* Gravity Forms typography */
.gform_wrapper {
	font-family: "Red Hat Display", sans-serif;
}

.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea,
.gform_wrapper button,
.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label,
.gform_wrapper .gfield_description {
	font-family: inherit;
}

.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label,
.gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer button,
.gform_wrapper .gform_page_footer input[type="submit"] {
	font-weight: 700;
}

.gform-theme--framework {
	--gf-ctrl-btn-font-weight: 700;
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-btn-letter-spacing: 0.06em;
}

#gform_wrapper_2 .gfield_label,
#gform_wrapper_2 .gform-field-label {
	text-transform: uppercase;
	letter-spacing: 0.06em;
}


/* Header navigation */
.wp-block-navigation .wp-block-navigation-item__content {
	font-family: "Red Hat Display", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
/* Submenu dropdown */
.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast) !important;
	border: none;
	padding: 0.25rem 0;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--wp--preset--color--base);
	padding: 0.6rem 1.25rem;
	text-decoration: none;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
	background-color: var(--wp--preset--color--accent-3);
}

/* Sticky header — desktop only */
@media screen and (min-width: 1020px) {
	.wp-site-blocks > header {
		position: sticky;
		top: 0;
		z-index: 100;
	}

	.admin-bar .wp-site-blocks > header {
		top: 32px;
	}
}


/* Mobile menu overlay */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: var(--wp--preset--color--base);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus {
	color: var(--wp--preset--color--accent);
}

.wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--base);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	text-align: right;
	align-items: flex-end;
}


/* Nav items shown only in the mobile menu */
@media screen and (min-width: 600px) {
	.wp-block-navigation-item.mobile-only {
		display: none;
	}
}


/* Suppress Gravity Forms required message */
.gform_required_legend {
	display: none;
}

/* Form confirmation styles */
.gform_confirmation_message,
.gform_confirmation_wrapper {
	color: #ffffff;
}

/* =========================================================
   Gravity Forms — field spacing (all forms)
   ========================================================= */
#gform_fields_1,
#gform_fields_2 {
	row-gap: 0.5rem !important;
}

.gform_wrapper .gfield {
	margin-bottom: 0;
}

.gform_wrapper .gfield input,
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea {
	padding: 0.7rem 1rem;
}


/* =========================================================
   Legion RFQ form (Gravity Forms — form ID 1)
   ========================================================= */

#gform_wrapper_1 {
	--gf-color-primary: var(--wp--preset--color--accent);
	font-family: "Red Hat Display", sans-serif;
}

/* ---------- Inputs ---------- */

#gform_wrapper_1 .gfield input,
#gform_wrapper_1 .gfield select,
#gform_wrapper_1 .gfield textarea {
	background-color: #ffffff;
	color: #333333;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.4;
	border: 1px solid var(--wp--preset--color--contrast-3);
	border-left: 5px solid var(--wp--preset--color--accent);
	border-radius: 0;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}

#gform_wrapper_1 .gfield textarea {
	min-height: 200px;
	resize: vertical;
}

#gform_wrapper_1 .gfield ::placeholder {
	color: #666666;
	opacity: 1;
}

#gform_wrapper_1 .gfield input:focus,
#gform_wrapper_1 .gfield select:focus,
#gform_wrapper_1 .gfield textarea:focus {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* ---------- Upload drop zone ---------- */

#gform_wrapper_1 .gform_drop_area {
	background: transparent;
	border: 2px dashed #7a7a7a;
	border-radius: 0;
	padding: 3.5rem 1.5rem;
	color: #8a8a8a;
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

#gform_wrapper_1 .gform_drop_area svg,
#gform_wrapper_1 .gform_drop_area img {
	display: none;
}

#gform_wrapper_1 .gform_button_select_files {
	background: transparent;
	border: 1px solid #7a7a7a;
	border-radius: 0;
	color: #cccccc;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0.6rem 1.25rem;
}

#gform_wrapper_1 .gform_fileupload_rules {
	color: #8a8a8a;
	font-size: 0.8rem;
}

/* ---------- Submit ---------- */

#gform_wrapper_1 .gform_footer {
	justify-content: flex-start;
	margin: 1.5rem 0 0;
	padding: 0;
}

#gform_wrapper_1 .gform_footer input[type="submit"],
#gform_wrapper_1 .gform_footer button {
	width: auto;
	background-color: var(--wp--preset--color--accent);
	color: #ffffff;
	border: 0;
	border-radius: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 1.15rem 2.25rem;
}

/* ---------- Validation ---------- */

#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error select,
#gform_wrapper_1 .gfield_error textarea {
	border-color: #ffb400;
	box-shadow: 0 0 0 2px #ffb400;
}

#gform_wrapper_1 .gfield_validation_message,
#gform_wrapper_1 .validation_message {
	background: transparent;
	border: 0;
	color: #ffb400;
	font-size: 0.85rem;
	padding: 0.4rem 0 0;
}

#gform_wrapper_1 .gform_validation_errors {
	background: var(--wp--preset--color--accent-3);
	border: 1px solid #ffb400;
	border-radius: 0;
	color: #ffffff;
}