/**
 * Footer Google Maps → premium dark / gold “Find Us” card
 * Matches the London Eye reference layout (Marsa Alam branding).
 */

:root {
	--masc-findus-bg: #0a0f1a;
	--masc-findus-gold: #d4af37;
	--masc-findus-gold-deep: #a67c00;
	--masc-findus-radius: 28px;
	--masc-findus-border: 1.5px solid rgba(212, 175, 55, 0.85);
}

/* Hide plain “Location” heading above the styled map when present */
.elementor-147 .elementor-element-83008b4 {
	display: none !important;
}

.elementor-element-c639b05.masc-findus-ready,
.masc-findus {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.masc-findus {
	display: grid;
	grid-template-columns: minmax(260px, 42%) 1fr;
	min-height: 320px;
	border-radius: var(--masc-findus-radius);
	border: var(--masc-findus-border);
	background: var(--masc-findus-bg);
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.masc-findus__panel {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.85rem;
	padding: clamp(1.4rem, 3vw, 2.4rem) clamp(1.2rem, 2.5vw, 2rem);
	background:
		linear-gradient(
			90deg,
			#050a10 0%,
			#0a0f1a 55%,
			rgba(10, 15, 26, 0.82) 78%,
			rgba(10, 15, 26, 0) 100%
		);
	color: #fff;
}

.masc-findus__eyebrow {
	margin: 0;
	font-family: 'Great Vibes', cursive;
	font-size: clamp(1.55rem, 2.4vw, 2rem);
	line-height: 1;
	color: var(--masc-findus-gold);
}

.masc-findus__title {
	margin: 0;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(1.85rem, 3.2vw, 2.6rem);
	font-weight: 700;
	line-height: 1.15;
	color: #fff;
}

.masc-findus__place {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 0.95rem;
	color: rgba(255, 255, 255, 0.92);
}

.masc-findus__place svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	fill: var(--masc-findus-gold);
}

.masc-findus__divider {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	width: min(220px, 100%);
	margin: 0.15rem 0;
}

.masc-findus__divider::before,
.masc-findus__divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--masc-findus-gold), transparent);
	opacity: 0.85;
}

.masc-findus__divider-diamond {
	width: 7px;
	height: 7px;
	rotate: 45deg;
	background: var(--masc-findus-gold);
	box-shadow: 0 0 8px rgba(212, 175, 55, 0.55);
	flex-shrink: 0;
}

.masc-findus__text {
	margin: 0;
	max-width: 28ch;
	font-family: 'Lato', sans-serif;
	font-size: 0.92rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.82);
}

.masc-findus__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	align-self: flex-start;
	margin-top: 0.35rem;
	padding: 0.7rem 1.15rem;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(
		135deg,
		#ffe27a 0%,
		#ffd700 35%,
		#c9a227 70%,
		#8b6914 100%
	);
	color: #1a1200 !important;
	font-family: 'Lato', sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-decoration: none !important;
	text-transform: uppercase;
	box-shadow: 0 4px 16px rgba(107, 69, 0, 0.35);
	transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.masc-findus__cta:hover,
.masc-findus__cta:focus {
	transform: translateY(-1px);
	filter: brightness(1.06);
	box-shadow: 0 6px 20px rgba(201, 168, 76, 0.45);
	color: #1a1200 !important;
}

.masc-findus__cta svg {
	width: 13px;
	height: 13px;
	fill: currentColor;
}

.masc-findus__map {
	position: relative;
	min-height: 320px;
	background: #050a10;
}

.masc-findus__map .elementor-custom-embed,
.masc-findus__map iframe {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Dark neon map look on the iframe embed (CSS-only, no Maps JS API). */
.masc-findus__map iframe {
	filter: invert(92%) hue-rotate(195deg) brightness(0.92) contrast(1.15) saturate(1.55);
}

/* Soft blend so the panel edge melts into the map */
.masc-findus__map::before {
	content: '';
	position: absolute;
	inset: 0 auto 0 0;
	width: clamp(48px, 12%, 110px);
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(90deg, #0a0f1a 0%, rgba(10, 15, 26, 0) 100%);
}

.masc-findus__locate {
	position: absolute;
	right: 14px;
	bottom: 14px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1.5px solid var(--masc-findus-gold);
	background: rgba(10, 15, 26, 0.88);
	color: var(--masc-findus-gold);
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
	transition: transform 0.2s ease, background 0.2s ease;
}

.masc-findus__locate:hover,
.masc-findus__locate:focus {
	transform: scale(1.05);
	background: rgba(20, 28, 44, 0.95);
}

.masc-findus__locate svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
}

@media (max-width: 767px) {
	.masc-findus {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.masc-findus__panel {
		background: linear-gradient(180deg, #050a10 0%, #0a0f1a 70%, rgba(10, 15, 26, 0.96) 100%);
		padding-bottom: 1.1rem;
	}

	.masc-findus__map {
		min-height: 260px;
	}

	.masc-findus__map::before {
		inset: 0 0 auto 0;
		width: 100%;
		height: 56px;
		background: linear-gradient(180deg, #0a0f1a 0%, rgba(10, 15, 26, 0) 100%);
	}

	.masc-findus__text {
		max-width: none;
	}
}