#map-background,
#map-foreground,
#arab-world-map,
#map-swiper img {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
	overflow: visible;
	object-fit: contain;
}

#map-background,
#arab-world-map {
	transform: translate(-53%, -50%) scale(3.8);
	transition-duration: 0.6s;
}

#arab-world-map {
	pointer-events: none;
}


/* MAP SVG */

/* Textes */
.cls-ocean,
.cls-town,
.cls-country {
	font-family: 'Zarid';
	pointer-events: none;
}

/* Mers et oceans */
.cls-ocean {
	fill: #a0a0a0;
	font-size: 3px;
	font-style: italic;
}

/* Pays */
.cls-2 {
	fill: #ff6e0b;
	stroke-width: 0.085px;
	stroke: gray;
}

g.selected>.cls-2,
g:hover>.cls-2,
g:hover>.cls-2 {
	fill: #d3183f;
}

/* Cercle Ville */
.cls-dot {
	fill: #1d1d1b;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 0.132px;
}

/* Noms villes*/
.cls-town {
	font-size: 3px;
}

/* Noms Pays */
.cls-country {
	font-size: 3px;
	font-weight: 600;
}

/* Zones cliquables */
.cls-6 {
	fill: rgba(0, 0, 0, 0);
	pointer-events: all;
}

/* Tiret nom pays */
.cls-lign {
	stroke: #1d1d1b;
	stroke-width: 0.283px;
}

/* Frontière Maroc / Sahara Occidental */
.cls-8 {
	stroke-dasharray: 0.504 0.504;
	stroke-width: 0.085px;
	stroke: gray;
}



/* Text position relative to anchor */

.cls-country,
.cls-ocean {
	text-anchor: middle;
}


.middle-center {
	text-anchor: middle;
	transform: none;
}

.cls-town,
.middle-right {
	text-anchor: start;
	transform: translate(0.3em, 0.23em);
}

.bottom-right {
	text-anchor: start;
	transform: translate(0.25em, 0.63em);
}


.top-right {
	text-anchor: start;
	transform: translate(0.25em, -0.2em);
}

.bottom-center {
	text-anchor: middle;
	transform: translate(0, 0.9em);
}

.top-center {
	text-anchor: middle;
	transform: translate(0, -0.5em);
}

.bottom-left {
	text-anchor: end;
	transform: translate(-0.25em, 0.63em);
}

.middle-left {
	text-anchor: end;
	transform: translate(-0.3em, 0.23em);
}

.top-left {
	text-anchor: end;
	transform: translate(-0.25em, -0.2em);
}