/* Territories page */
/* CSS for territories map SVG */
.responsive-city-map {
  width: 100%;
  height: auto;
  /*display: block;*/
}

/* Base style for all districts */
.district {
  fill: rgba(0, 0, 0, 0); /* Invisible by default */
  /*stroke: black;
  stroke-width: 2;*/
  transition: all 0.2s ease-in-out;
  pointer-events: all; /* Important: makes the transparent area clickable */
}

/* Hover style: Black outline and subtle gray fill */
.district:hover {
  fill: rgba(0, 0, 0, 0.15);
  stroke: #000000;
  cursor: pointer;
}

/* Optional: Active/Selected style */
.district:active {
  fill: rgba(0, 0, 0, 0.3);
}

/* Default style for unclaimed/rack territories
.district {
    fill: rgba(255, 255, 255, 0.1);
    stroke: rgba(0, 0, 0, 0.5);
    stroke-width: 1;
} */

/* Clan-Specific Colors (based on image of map) NEED TO HAVE FULL COORDINATE SET BEFORE IMPLEMENTING */
/* 1
.district[data-clan="ventrue"] { fill: rgba(157, 168, 142); stroke: black; } */
/* 2
.district[data-clan="toreador"] { fill: rgba(39, 68, 53); stroke: black; } */
/* 3
.district[data-clan="brujah"] { fill: rgba(255, 255, 204); stroke: black; } */
/* 4
.district[data-clan="gangrel"] { fill: rgba(171, 171, 222); stroke: black; } */
/* 5
.district[data-clan="tremere"] { fill: rgba(230, 200, 222); stroke: black; } */
/* 6
.district[data-clan="nosferatu"] { fill: rgba(233, 207, 169); stroke: black; } */
/* 7
.district[data-clan="malkavian"] { fill: rgba(193, 139, 228); stroke: black; } */
/* 8
.district[data-clan="rack"] { fill: rgba(220, 149, 149); stroke: black; } */
/* 9
.district[data-clan="rack"] { fill: rgba(193, 139, 228); stroke: black; } */
/* Towson
.district[data-clan="lasombra"] { fill: rgba(198, 249, 249); stroke: black; } */

/* Highlight on Hover */
/* fill-opacity makes the existing clan color more vivid */
/*.district:hover {
    fill-opacity: 0.6;
    stroke-width: 3;
    cursor: crosshair;
}*/
/* End CSS for territories map SVG */