/*
Theme Name: GFT WD Child
Description: GFT Frames staging performance changes for the WD theme.
Template: wd
Version: 1.2.24
Text Domain: gft-wd-child
*/

/* Shared seven-style navigation replaces the older door gallery grids. */
.gft-door-range {
	position: relative;
	left: 50%;
	width: min(calc(100vw - 32px), 1306px);
	margin: 52px 0 72px;
	grid-column: 1 / -1;
	transform: translateX(-50%);
}
.gft-door-range h2 {
	margin: 0 0 28px;
	color: #1B2957;
	font-size: clamp(28px, 3vw, 42px);
}
.gft-door-range-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px 38px;
}
.gft-door-range-card { position: relative; display: block; text-decoration: none; overflow: hidden; }
.gft-door-range-card img { display: block; width: 100%; height: auto; aspect-ratio: 410 / 340; object-fit: cover; }
.gft-door-range-card span {
	position: absolute;
	left: 18px;
	bottom: 18px;
	color: #6F95C3;
	font-size: 19px;
	font-weight: 600;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease;
}
.gft-door-range-card:hover span, .gft-door-range-card:focus-visible span { opacity: 1; transform: translateY(0); }
.gft-door-range-card:focus-visible { outline: 3px solid #1B2957; outline-offset: 4px; }
@media (max-width: 850px) {
	.gft-door-range-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}
@media (max-width: 540px) {
	.gft-door-range { width: calc(100vw - 32px); margin: 40px 0 52px; }
	.gft-door-range-grid { grid-template-columns: 1fr; }
}
@media (hover: none) {
	.gft-door-range-card span { color: #fff; background: rgba(27,41,87,.78); padding: 6px 10px; opacity: 1; transform: none; }
}
.page-id-28082 .elementor-element-4664146c,
.page-id-28082 .elementor-element-3bd206b,
.page-id-28056 .elementor-element-6d860ee6,
.page-id-28056 .elementor-element-5c13a9f4,
.page-id-28019 .elementor-element-6f98d213,
.page-id-28019 .elementor-element-3527876c,
.page-id-27922 .elementor-element-7b1f80b7,
.page-id-27922 .elementor-element-1a42cf0c,
.page-id-27860 .elementor-element-85740b,
.page-id-27860 .elementor-element-6cb9e119,
.page-id-27856 .elementor-element-467a78c5,
.page-id-27856 .elementor-element-3f69144c,
.page-id-27819 .elementor-element-5749d4fb,
.page-id-27819 .elementor-element-6548e11,
.page-id-20830 .elementor-element-485cf732,
.page-id-20830 .elementor-element-220802c1,
.page-id-27922 .elementor-element-959d2cf,
.page-id-27856 .elementor-element-bd22c85,
.page-id-27819 .elementor-element-46a384d7 { display: none !important; }

/* Keep the active top-level menu in GFT navy, including brochure subpages. */
#menu_main.sc_layouts_menu_nav > li.current-menu-item > a,
#menu_main.sc_layouts_menu_nav > li.current-menu-parent > a,
#menu_main.sc_layouts_menu_nav > li.current-menu-ancestor > a,
#menu_main.sc_layouts_menu_nav > li > a:hover {
	color: #1B2957 !important;
}

.gft-mobile-hero { display: none; }

@media (max-width: 767px) {
	.elementor-widget-slider_revolution .wp-block-themepunch-revslider { display: none !important; }
	.gft-mobile-hero {
		position: relative;
		left: 50%;
		display: flex;
		align-items: center;
		width: 100vw;
		min-height: 700px;
		margin-left: -50vw;
		padding: 130px 24px 52px;
		box-sizing: border-box;
		color: #fff;
		overflow: hidden;
	}
	.gft-mobile-hero__image,
	.gft-mobile-hero__shade {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}
	.elementor .gft-mobile-hero__image { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
	.gft-mobile-hero__shade { background: linear-gradient(90deg, rgba(11,22,45,.73), rgba(11,22,45,.28) 80%); }
	.gft-mobile-hero__content { position: relative; z-index: 1; width: 100%; max-width: 520px; }
	.gft-mobile-hero h1 { font-size: clamp(33px, 8vw, 46px); line-height: 1.12; font-weight: 700; margin: 0 0 24px; hyphens: none; word-break: normal; overflow-wrap: normal; }
	.gft-mobile-hero p { font-size: 16px; line-height: 1.5; margin: 0 0 26px; }
	body .page_content_wrap .gft-mobile-hero h1,
	body .page_content_wrap .gft-mobile-hero p { color: #fff !important; }
	.gft-mobile-hero__links { display: flex; flex-wrap: wrap; gap: 10px; }
	.gft-mobile-hero__links a { display: inline-block; padding: 13px 16px; color: #fff !important; background: #1B2957; border: 2px solid #fff; font-size: 13px; line-height: 1.2; font-weight: 700; text-decoration: none; }
	.gft-mobile-hero__links a:hover,
	.gft-mobile-hero__links a:focus-visible { background: #004aad; color: #fff !important; }
}

/* Restore WD's saved light-blue filled buttons in the child theme. */
a.sc_button.sc_button_default:not(.color_style_dark) {
	background-color: #C4D4E4 !important;
	border-color: #C4D4E4 !important;
	color: #1B2957 !important;
}

/* Keep the small menu cart count in the same light-blue palette. */
.sc_layouts_cart_items_short { background-color: #C4D4E4 !important; }

/* Give Doors cards the direct image-and-caption hover used by Windows. */
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con,
.page-id-18305 .elementor-element-cf24e7a {
	position: relative;
	overflow: hidden;
}
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con .elementor-widget-image,
.page-id-18305 .elementor-element-cf24e7a .elementor-widget-image {
	margin: 0;
}
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con .elementor-widget-image a,
.page-id-18305 .elementor-element-cf24e7a .elementor-widget-image a {
	position: relative;
	display: block;
	overflow: hidden;
}
.page-id-18305 .elementor-element-3db8bde .elementor-widget-image img,
.page-id-18305 .elementor-element-cf24e7a .elementor-widget-image img {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: 100%;
	height: auto;
	transition: transform .45s ease;
}
.page-id-18305 .elementor-element-3db8bde .elementor-widget-image a::after,
.page-id-18305 .elementor-element-cf24e7a .elementor-widget-image a::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(11, 22, 45, .42);
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
}
.page-id-18305 .elementor-element-3db8bde .trx_addons_image_effects_canvas,
.page-id-18305 .elementor-element-cf24e7a .trx_addons_image_effects_canvas { display: none !important; }
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con .elementor-widget-heading,
.page-id-18305 .elementor-element-cf24e7a .elementor-widget-heading {
	position: absolute;
	z-index: 2;
	left: 18px;
	right: 18px;
	bottom: 16px;
	margin: 0;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .3s ease, transform .3s ease;
}
.page-id-18305 .elementor-element-3db8bde .elementor-widget-heading a,
.page-id-18305 .elementor-element-cf24e7a .elementor-widget-heading a { color: #fff !important; }
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con:hover img,
.page-id-18305 .elementor-element-cf24e7a:hover img { transform: scale(1.03); }
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con:hover .elementor-widget-image a::after,
.page-id-18305 .elementor-element-cf24e7a:hover .elementor-widget-image a::after,
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con:focus-within .elementor-widget-image a::after,
.page-id-18305 .elementor-element-cf24e7a:focus-within .elementor-widget-image a::after { opacity: 1; }
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con:hover .elementor-widget-heading,
.page-id-18305 .elementor-element-cf24e7a:hover .elementor-widget-heading,
.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con:focus-within .elementor-widget-heading,
.page-id-18305 .elementor-element-cf24e7a:focus-within .elementor-widget-heading {
	opacity: 1;
	transform: none;
}
@media (hover: none) {
	.page-id-18305 .elementor-element-3db8bde .elementor-widget-heading,
	.page-id-18305 .elementor-element-cf24e7a .elementor-widget-heading { opacity: 1; transform: none; }
	.page-id-18305 .elementor-element-3db8bde .elementor-widget-image a::after,
	.page-id-18305 .elementor-element-cf24e7a .elementor-widget-image a::after { opacity: 1; }
}

/* Match the 30px gutters and 340px card height of the Windows gallery. */
@media (min-width: 1025px) {
	.page-id-18305 .elementor-element-3db8bde > .e-con-inner,
	.page-id-18305 .elementor-element-08790c3 > .e-con-inner {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 30px;
	}
	.page-id-18305 .elementor-element-08790c3 { margin-top: 30px; }
	.page-id-18305 .elementor-element-3db8bde > .e-con-inner > .e-con,
	.page-id-18305 .elementor-element-cf24e7a,
	.page-id-18305 .elementor-element-3db8bde .elementor-widget-image a,
	.page-id-18305 .elementor-element-cf24e7a .elementor-widget-image a,
	.page-id-18305 .elementor-element-3db8bde .elementor-widget-image img,
	.page-id-18305 .elementor-element-cf24e7a .elementor-widget-image img { height: 340px; }
	.page-id-18305 .elementor-element-3db8bde .elementor-widget-image img,
	.page-id-18305 .elementor-element-cf24e7a .elementor-widget-image img { object-fit: cover; }
}

/* Lindsey confirmed the founding-year counter belongs above the door photo. */
.page-id-18305 .elementor-element-385210f2 .elementor-widget-wrap {
	flex-direction: column;
	align-items: stretch;
}
.page-id-18305 .elementor-element-41b3da63 {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: 100% !important;
	margin-bottom: 24px;
}

/* The Conservatories navy panel has navy Elementor copy even in WD's original preview. */
.page-id-28149 .elementor-element-18cec143 .sc_item_subtitle,
.page-id-28149 .elementor-element-18cec143 h1,
.page-id-28149 .elementor-element-18cec143 p,
.page-id-28149 .elementor-element-18cec143 li {
	color: #fff !important;
}

/* The Retail navy panel has the same unreadable navy Elementor copy. */
.page-id-26601 .elementor-element-4d4b3e97 h1,
.page-id-26601 .elementor-element-4d4b3e97 h2,
.page-id-26601 .elementor-element-4d4b3e97 h3,
.page-id-26601 .elementor-element-4d4b3e97 p,
.page-id-26601 .elementor-element-4d4b3e97 li {
	color: #fff !important;
}

/* Pause the shared footer signup while Lindsey reviews the mailing-list setup. */
.footer_wrap .elementor-element-1d24d523 { display: none !important; }
@media (min-width: 768px) {
	.footer_wrap .elementor-element-219ceeea,
	.footer_wrap .elementor-element-7a755675,
	.footer_wrap .elementor-element-ddbfe13 {
		width: 33.3333%;
	}
}

/* Windows has a navy CTA panel, so its button needs the site's light blue fill. */
.page-id-18307 .elementor-element-f2d8b54 a.sc_button,
.page-id-18307 .elementor-element-f2d8b54 a.sc_button:hover,
.page-id-18307 .elementor-element-f2d8b54 a.sc_button:focus-visible {
	background-color: #C4D4E4 !important;
	color: #1B2957 !important;
}
.page-id-18307 .elementor-element-f2d8b54 a.sc_button .sc_button_title {
	color: #1B2957 !important;
}

/* FAQs: the black Request a Quote button in the pale CTA is GFT navy/white. */
.page-id-18318 .elementor-element-403682ee a.sc_button_default.color_style_dark,
.page-id-18318 .elementor-element-403682ee a.sc_button_default.color_style_dark:hover,
.page-id-18318 .elementor-element-403682ee a.sc_button_default.color_style_dark:focus-visible {
	background-color: #1B2957 !important;
	color: #fff !important;
}
.page-id-18318 .elementor-element-403682ee a.sc_button_default.color_style_dark .sc_button_title {
	color: #fff !important;
}
.page-id-18318 .elementor-element-403682ee a.sc_button_bordered.color_style_dark {
	background-color: transparent !important;
	border-color: #1B2957 !important;
	color: #1B2957 !important;
}
.page-id-18318 .elementor-element-403682ee a.sc_button_bordered.color_style_dark .sc_button_title {
	color: #1B2957 !important;
}

/* Home: the original WD button also used dark text on a dark blue fill. */
.page-id-18303 .elementor-element-0334fcf a.sc_button_default.color_style_dark,
.page-id-18303 .elementor-element-0334fcf a.sc_button_default.color_style_dark:hover,
.page-id-18303 .elementor-element-0334fcf a.sc_button_default.color_style_dark:focus-visible {
	background-color: #1B2957 !important;
	color: #fff !important;
}
.page-id-18303 .elementor-element-0334fcf a.sc_button_default.color_style_dark .sc_button_title {
	color: #fff !important;
}

/* Do not advertise the imported Example portfolio category on GFT galleries. */
.page-id-26601 .elementor-element-8e85def .post_meta_categories,
.page-id-18318 .elementor-element-725853e8 .post_meta_categories {
	display: none !important;
}

/* Match the Conservatories quote button to the GFT light-blue CTAs. */
.page-id-28149 .elementor-element-daf6df7 a.elementor-button,
.page-id-28149 .elementor-element-daf6df7 a.elementor-button:hover,
.page-id-28149 .elementor-element-daf6df7 a.elementor-button:focus-visible {
	background-color: #C4D4E4 !important;
	color: #1B2957 !important;
}
.page-id-28149 .elementor-element-daf6df7 a.elementor-button .elementor-button-text {
	color: #1B2957 !important;
}

/* Keep the Windows hero description legible over its photograph. */
.page-id-18307 .elementor-element-28c37d5 p {
	color: #fff !important;
}

/* Show the two Flush Sash detail paragraphs on their navy panel. */
.page-id-27526 .elementor-element-32b9ec44 .elementor-element-213cd472 p {
	color: #fff !important;
}
