/*CTR*/

.map-ctr {display: contents;}

/* LOADING */
.map-loading { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; align-items: center; 
	justify-content: center; top: 0; left: 0;}
.map-loading.show {display: flex;}


/*
 *
 * generic map style
 *
 */

.map-zone {/*stroke-width: 4px;stroke: #000;*/ cursor: pointer;}
.map-zone:not(.map-zone-occ):hover {stroke: red; z-index: 500; stroke-width: 3px; cursor: pointer; fill: #fff !important;}

.map-glbl:not(.map-lvlfort):not(.map-rsthabrp) .map-zone.war-fog:not(:hover):not(.sld) {/*filter: url(#blur);*/ opacity: 0.5;}



/*.map-zone:not(.war-fog):not(:hover):not(.sld) {filter: brightness(1.5);}*/
/*.map-zone.war-fog { background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) );}*/

@keyframes mapSld { from {stroke: #d05b88;} to {stroke: yellow;} }
@keyframes armSld { from {r: 70;} to {r: 100;} }

.map-zone.sld { stroke-width: 30; stroke: black;
	animation-direction: alternate-reverse; animation-name: mapSld; animation-duration: 1s; animation-iteration-count: infinite;}

/*FLT POLITIC*/
.map-glbl.map-kingdom .map-zone,
.map-glbl.map-duchy .map-zone,
.map-glbl.map-county .map-zone { stroke-width: 1px;}

.map-flt-ls {position: fixed; left: 0; background-color: var(--tpl-c2); padding: 5px;}
.map-flt-ls .map-flt {cursor: pointer;}
.map-flt-ls .map-flt:hover {text-decoration: underline;}
.map-flt-ls .map-flt.flt-on {color: #fff;}

.map-line {stroke: transparent; stroke-width: 0; transition: 0.5s;}
.map-line.sld { stroke: red; stroke-width: 20px;}

	/* --- FLT HIDE ZONE OCC --- */
	.map-glbl:not(.map-kingdom):not(.map-duchy):not(.map-county) .map-zone-occ {display: none;}

	/*
	 * FLT RST HAB
	 */

	 .map-glbl.map-rsthabrp .map-zone {fill: var(--rst_hab_col, #fff) !important;}


/* --- DEP --- */
/*.map-glbl .map-info-dep*/
.map-glbl .map-info-dep {display: none; position: fixed; width: 100%; font-size: 18px; color: #fff; top: 150px;}
.map-glbl.map-dep .map-info-dep {display: initial;}
.map-glbl.map-dep[data-move="arm"] .map-zone:not(.arm-pass) {pointer-events: none;}
.map-glbl.map-dep[data-move="nav"] .map-zone:not(.nav-pass) {pointer-events: none;}

/*
 * MAP LOAD
 */

/*.map-load {transition: 0.2s;}*/

/*
 * WAR FOG
 */
.map-glbl .hide-by-fog {display: none;}

/*
 * 3D
 */
.map-flt-vw { position: absolute; left: 100px; background-color: var(--tpl-c1);}
.map-load .g1, .map-load .g2{transition: 0.5s; transform: scale(1);}
.map-glbl.vw-iso .map-load .g1 {transform: rotate3d(1, 0, 0, 50deg) /* rotate3d(0,1,0,-15deg) */ scale(1.1);}
.map-glbl.vw-iso .map-load .g2 {transform: scale(1.1);}


/*
 * Map régions
 */
.map-glbl:not(.map-reg) .map-reg { display: none;  }
.map-glbl.map-reg .map-zone { opacity: 0.1 !important; filter: unset !important; fill: #fff; stroke: #000; stroke-width: 4px; pointer-events: none; }
.map-reg {stroke-width: 4px; stroke: #000; cursor: pointer; fill: var(--color--reg);}


/* --- PORT --- */
.map-glbl .map-port {height: 150px; width: 150px; cursor: pointer;}

/* --- ARM --- */
.map-glbl .map-arm {cursor: pointer;}