/* ==========================================================================
   Ultimate Addons for Elementor (UAE) widget style overrides.
   Branded look-and-feel for header/footer templates built in Elementor.
   ========================================================================== */

/* === Header/Footer location wrappers === */
.elementor-location-header {
	position: relative;
	z-index: var(--z-sticky);
	background: var(--color-white);
	box-shadow: 0 2px 20px rgba(28, 45, 55, 0.08);
}

.elementor-location-footer {
	background: var(--color-primary);
	color: var(--color-grey-light);
}

/* === Branding text in header === */
.elementor-location-header .site-brand-text,
.uae-site-title,
.uae-business-info-title {
	font-family: var(--font-display) !important;
	font-size: var(--text-xl) !important;
	font-weight: 700 !important;
	color: var(--color-primary) !important;
	letter-spacing: -0.02em !important;
}

/* === UAE Nav Menu === */
.elementor-nav-menu .elementor-item,
.uae-nav-menu__item,
.uae-nav-menu .uae-nav-menu__item {
	font-family: var(--font-heading) !important;
	font-size: var(--text-sm) !important;
	font-weight: 600 !important;
	color: var(--color-grey-dark) !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	padding: var(--space-2) var(--space-4) !important;
	transition: color var(--duration-base) var(--ease-out) !important;
	background: transparent !important;
}

.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-nav-menu .elementor-item:focus,
.uae-nav-menu__item:hover,
.uae-nav-menu__item.current-menu-item > a {
	color: var(--color-accent) !important;
	background: transparent !important;
}

/* Submenu */
.elementor-nav-menu .sub-menu,
.uae-nav-menu .sub-menu {
	background: var(--color-white) !important;
	border-top: 3px solid var(--color-accent) !important;
	box-shadow: var(--shadow-md) !important;
	min-width: 220px !important;
}

.elementor-nav-menu .sub-menu .elementor-item,
.uae-nav-menu .sub-menu .uae-nav-menu__item {
	color: var(--color-grey-dark) !important;
	padding: var(--space-3) var(--space-5) !important;
}

/* === Header CTA button (UAE Button widget) === */
.elementor-location-header .elementor-button,
.elementor-location-header .header-cta-phone {
	background: var(--color-accent) !important;
	color: var(--color-white) !important;
	font-family: var(--font-heading) !important;
	font-weight: 600 !important;
	font-size: var(--text-sm) !important;
	letter-spacing: 0.05em !important;
	border-radius: var(--radius-sm) !important;
	padding: var(--space-3) var(--space-5) !important;
	transition: background var(--duration-base) var(--ease-out),
		transform var(--duration-fast) var(--ease-out) !important;
	border: none !important;
	text-transform: uppercase !important;
}

.elementor-location-header .elementor-button:hover,
.elementor-location-header .header-cta-phone:hover {
	background: var(--color-primary) !important;
	color: var(--color-white) !important;
	transform: translateY(-2px) !important;
}

/* === Footer styling === */
.elementor-location-footer {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
}

.elementor-location-footer .elementor-heading-title,
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3,
.elementor-location-footer h4 {
	color: var(--color-white) !important;
	font-family: var(--font-heading) !important;
}

.elementor-location-footer p,
.elementor-location-footer .elementor-text-editor {
	color: var(--color-grey-light) !important;
	line-height: var(--lh-normal) !important;
}

.elementor-location-footer a {
	color: var(--color-grey-light) !important;
	transition: color var(--duration-fast) var(--ease-out) !important;
}

.elementor-location-footer a:hover {
	color: var(--color-accent) !important;
}

.elementor-location-footer .elementor-nav-menu .elementor-item {
	color: var(--color-grey-light) !important;
	font-size: var(--text-sm) !important;
	padding: var(--space-2) 0 !important;
	letter-spacing: 0.04em !important;
	text-transform: none !important;
}

.elementor-location-footer .elementor-nav-menu .elementor-item:hover {
	color: var(--color-accent) !important;
}

/* === UAE Social Icons === */
.uae-social-share .uae-social-share__link,
.elementor-social-icon,
.uae-social-icon {
	background: transparent !important;
	color: var(--color-grey-light) !important;
	border: 1px solid var(--color-grey-mid) !important;
	border-radius: 50% !important;
	transition: all var(--duration-base) var(--ease-out) !important;
}

.uae-social-share .uae-social-share__link:hover,
.elementor-social-icon:hover,
.uae-social-icon:hover {
	background: var(--color-accent) !important;
	color: var(--color-white) !important;
	border-color: var(--color-accent) !important;
}

/* === UAE Copyright === */
.uae-copyright,
.elementor-location-footer .elementor-widget-text-editor:last-child p:last-child {
	font-size: var(--text-xs) !important;
	color: var(--color-grey-mid) !important;
	letter-spacing: 0.04em !important;
}

/* === Top bar (utility row) === */
.elementor-location-header__top-bar,
.uae-top-bar {
	background: var(--color-primary) !important;
	color: var(--color-grey-light) !important;
	font-size: var(--text-xs) !important;
	letter-spacing: 0.05em !important;
}

.elementor-location-header__top-bar a,
.uae-top-bar a {
	color: var(--color-grey-light) !important;
}

.elementor-location-header__top-bar a:hover,
.uae-top-bar a:hover {
	color: var(--color-accent) !important;
}