:root {
	--saudi-green: #006c35;
	--saudi-green-dark: #0a332a;
	--saudi-gold: #c69a4a;
	--saudi-sand: #f5f1e8;
	--saudi-ink: #173c32;
}

html { scroll-behavior: smooth; }

body.saudi-travel-site,
.saudi-travel-site button,
.saudi-travel-site input,
.saudi-travel-site textarea,
.saudi-travel-site select {
	font-family: Tahoma, Arial, sans-serif;
}

.saudi-travel-site .fusion-header-wrapper { border-bottom: 1px solid rgba(255, 255, 255, .16); }
.saudi-travel-site .fusion-header { background: linear-gradient(180deg, rgba(4, 38, 31, .8), rgba(4, 38, 31, .12)) !important; }
.saudi-travel-site .fusion-logo img { width: auto; max-height: 62px; }
.saudi-travel-site .fusion-main-menu > ul > li > a { font-weight: 700; letter-spacing: 0; }
.saudi-travel-site .fusion-social-links-header { display: none; }

.saudi-travel-site .fusion-title h1,
.saudi-travel-site .fusion-title h2,
.saudi-travel-site .fusion-title h3,
.saudi-travel-site h1,
.saudi-travel-site h2,
.saudi-travel-site h3 {
	font-family: Tahoma, Arial, sans-serif !important;
	letter-spacing: -.02em;
}

.saudi-travel-site.home .fusion-builder-row:first-child .fusion-title h1 {
	font-weight: 700;
	text-shadow: 0 4px 24px rgba(0, 0, 0, .25);
}

.saudi-travel-site .fusion-button-default,
.saudi-travel-site .fusion-button.button-default {
	border-radius: 7px;
	box-shadow: 0 12px 30px rgba(5, 47, 40, .2);
}

.saudi-map-section { position: relative; overflow: hidden; }
.saudi-map-section .fusion-row {
	width: min(1440px, calc(100% - 48px)) !important;
	max-width: 1440px !important;
}
.saudi-map-section::before {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	top: -230px;
	left: -120px;
	border-radius: 50%;
	background: rgba(198, 154, 74, .1);
}

.saudi-map-intro {
	max-width: 720px;
	margin: 0 auto 32px;
	color: #61726b;
	font-size: 17px;
	line-height: 2;
	text-align: center;
}

.saudi-map-shell {
	position: relative;
	padding: 54px 46px 42px;
	border: 1px solid #d7dfd8;
	border-radius: 20px;
	background:
		radial-gradient(circle at 84% 12%, rgba(198, 154, 74, .18), transparent 26%),
		linear-gradient(145deg, #fffdf9, #e2f0e7);
	box-shadow: 0 25px 70px rgba(18, 67, 55, .13);
}

.saudi-map-shell::before {
	content: "الخريطة تفاعلية — مرّر المؤشر ثم اضغط على المنطقة";
	position: absolute;
	top: 22px;
	right: 26px;
	color: #6b7c76;
	font-size: 12px;
}

.saudi-map-shell #samapwrapper {
	width: min(1080px, 100%);
	margin: auto;
	opacity: 1 !important;
}

.saudi-map-shell svg {
	height: auto !important;
	aspect-ratio: 730.13947 / 600.4032;
	filter: drop-shadow(0 18px 22px rgba(23, 60, 50, .16));
	overflow: visible;
}

.saudi-map-shell #samapbase path {
	cursor: pointer;
	stroke-width: 2.25px !important;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
	transition: fill .2s ease, stroke .2s ease, filter .2s ease;
}

.saudi-map-shell #samapbase path:hover {
	filter: brightness(1.04) saturate(1.1);
}

.saudi-map-shell #savisns text {
	cursor: pointer;
	font-family: Tahoma, Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 700;
	letter-spacing: 0;
	paint-order: stroke fill;
	stroke: rgba(255, 253, 249, .88);
	stroke-width: 3px;
	stroke-linejoin: round;
	transition: fill .2s ease, stroke .2s ease;
}

.saudi-map-shell #tipsamap {
	padding: 10px 14px;
	border: 1px solid rgba(198, 154, 74, .72);
	border-radius: 10px;
	background: #123d32;
	box-shadow: 0 12px 30px rgba(10, 51, 42, .24);
	color: #fff;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	direction: rtl;
}

.saudi-map-shell #tipsamap:after {
	border-top-color: #123d32;
}

.saudi-travel-site .fusion-footer { border-top: 3px solid var(--saudi-gold); }

@media (max-width: 800px) {
	.saudi-travel-site .fusion-header { background: var(--saudi-green-dark) !important; }
	.saudi-travel-site.home .fusion-builder-row:first-child .fusion-title h1 { font-size: 42px !important; line-height: 1.35 !important; }
	.saudi-map-section .fusion-row { width: calc(100% - 24px) !important; }
	.saudi-map-shell { padding: 58px 10px 18px; }
	.saudi-map-shell::before { right: 16px; left: 16px; text-align: center; }
	.saudi-map-shell #savisns text { font-size: 14px !important; stroke-width: 2.5px; }
}