:root {
	--douma-orange: #F47B20;
	--douma-orange-hover: color-mix(in srgb, var(--douma-orange) 84%, #000);
	--douma-terra: var(--douma-orange);
	--douma-ink: #20211e;
	--douma-muted: #656760;
	--douma-warm-white: #faf9f6;
	--douma-footer-background: #263019;
	--douma-footer-text: #f4f4ec;
	--douma-footer-link-hover: #dce79b;
}

/* Text links in page content keep the same brand colour in every state. */
main :is(p, li, blockquote, dd, dt, td, th) a[href]:not(.btn):not(.button):not([role="button"]):not([class*="cta"]):not([class*="card"]),
main :is(p, li, blockquote, dd, dt, td, th) a[href]:not(.btn):not(.button):not([role="button"]):not([class*="cta"]):not([class*="card"]):is(:hover, :visited, :focus, :active) {
	color: var(--douma-orange) !important;
}

main a.terrace-model__back[href],
main a.terrace-model__back[href]:is(:hover, :visited, :focus, :active) {
	color: var(--douma-orange) !important;
}

/*
 * Shared footer presentation. The homepage is the visual reference; keeping
 * these rules here prevents individual page templates from falling back to
 * the former grey/green footer styles.
 */
.footer-wrapper .footer-main,
.footer-wrapper .footer-colophon {
	background: var(--douma-footer-background) !important;
}

.footer-wrapper,
.footer-wrapper h1,
.footer-wrapper h2,
.footer-wrapper h3,
.footer-wrapper h4,
.footer-wrapper h5,
.footer-wrapper h6,
.footer-wrapper p,
.footer-wrapper span,
.footer-wrapper address,
.footer-wrapper li,
.footer-wrapper a,
.footer-wrapper i,
.footer-wrapper .footer-colophon,
.footer-wrapper .footer-colophon a {
	color: var(--douma-footer-text) !important;
}

.footer-wrapper a,
.footer-wrapper a.home-cta-primary,
.footer-wrapper .btn {
	display: inline;
	min-height: 0;
	padding: 0;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	color: var(--douma-footer-text) !important;
	transform: none !important;
}

.footer-wrapper a:hover,
.footer-wrapper a:focus {
	background: transparent !important;
	color: var(--douma-footer-link-hover) !important;
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

/* Shared footer social links: one colour on every template and language. */
.footer-wrapper .social a,
.footer-wrapper .social a:hover,
.footer-wrapper .social a:focus,
.footer-wrapper .social a:active,
.footer-wrapper .social a i,
.footer-wrapper .social a:hover i,
.footer-wrapper .social a:focus i,
.footer-wrapper .social a:active i {
	color: var(--douma-orange) !important;
}

.footer-wrapper .footer-container .site-footer .social a i,
.footer-wrapper .footer-container .site-footer .social a:hover i,
.footer-wrapper .footer-container .site-footer .social a:focus i,
.footer-wrapper .footer-container .site-footer .social a:active i {
	color: var(--douma-orange) !important;
}

.footer-wrapper .social a svg,
.footer-wrapper .social a:hover svg,
.footer-wrapper .social a:focus svg,
.footer-wrapper .social a:active svg {
	fill: var(--douma-orange) !important;
	color: var(--douma-orange) !important;
}

/* Render the quote item as a regular header link, without the legacy green button. */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link:focus,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link:active {
	border: 0 !important;
	border-color: transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link {
	height: 56px;
	margin: 0;
	padding: 0 13px !important;
	color: #1b1b1b !important;
	font-weight: 500;
	line-height: 56px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link:focus,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link:active {
	color: var(--douma-orange) !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link:focus-visible {
	outline: 2px solid var(--douma-orange);
	outline-offset: 2px;
}

@media (max-width: 1035px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.btn-menu > a.mega-menu-link {
		height: 40px;
		margin: 0;
		padding: 0 10px !important;
		line-height: 40px;
		text-align: left;
	}
}

/* Shared navigation and breadcrumb accents in every WPML language. */
.breadcrumbs a[href],
.breadcrumbs a[href]:hover,
.breadcrumbs a[href]:focus-visible,
.breadcrumbs .breadcrumb_last,
.breadcrumbs i,
.canopy-model__breadcrumbs a[href],
.canopy-model__breadcrumbs a[href]:hover,
.canopy-model__breadcrumbs a[href]:focus-visible {
	color: var(--douma-orange) !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus-visible,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:focus-visible,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	color: var(--douma-orange) !important;
}

/* Contact form 2: change only its existing interactive colour accents. */
#frm_form_2_container.frm_style_divi {
	--submit-bg-color: var(--douma-orange);
	--submit-hover-bg-color: var(--douma-orange);
	--submit-active-bg-color: var(--douma-orange);
	--submit-border-color: var(--douma-orange);
	--submit-hover-border-color: var(--douma-orange);
	--submit-active-border-color: var(--douma-orange);
	--border-color-active: var(--douma-orange);
}

#frm_form_2_container.frm_style_divi a[href],
#frm_form_2_container.frm_style_divi a[href]:hover,
#frm_form_2_container.frm_style_divi a[href]:focus-visible {
	color: var(--douma-orange) !important;
}

#frm_form_2_container.frm_style_divi .frm_submit button,
#frm_form_2_container.frm_style_divi .frm_submit button:hover,
#frm_form_2_container.frm_style_divi .frm_submit button:focus,
#frm_form_2_container.frm_style_divi .frm_submit button:active {
	background: var(--douma-orange) !important;
	border-color: var(--douma-orange) !important;
}

#frm_form_2_container.frm_style_divi .frm_submit button:focus {
	box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--douma-orange) 25%, transparent) !important;
}

#frm_form_2_container.frm_style_divi .form-field input:not([type="file"]):not([type="range"]):not([readonly]):focus,
#frm_form_2_container.frm_style_divi select:focus,
#frm_form_2_container.frm_style_divi .form-field textarea:focus {
	box-shadow: 0 0 5px 0 rgb(244 123 32 / 60%);
}
