.map_pointer_circle {
  position: relative;
  width: 10px;
  height: 10px;
  background-color: #1da1f2; /* synlig blå */
  border-radius: 50%;
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 6px 2px rgba(29,161,242,0.6);
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.2s ease;
}

/* Øk synlighet ved hover/fokus */
.map_pointer_circle:hover,
.map_pointer_circle:focus {
  transform: scale(1.6);
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 10px 4px rgba(29,161,242,0.8);
}

/* Aktivt punkt (valgt eller klikket) */
.map_pointer_circle.active {
  background-color: #2B6CF6;
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 12px 4px rgba(43,108,246,0.9);
}

/* --- Klikkradius (usynlig, men fangende område) --- */
.map_pointer_circle::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 30px;   /* Klikkradius totalt (10 + 10 + 10 = 30px) */
  height: 30px;
  border-radius: 50%;
  background: transparent;
  pointer-events: auto;  /* gjør at dette området fanger klikk */
}

/* Sørg for at kun .map_pointer_circle og ::before reagerer */
.map_pointer_circle,
.map_pointer_circle::before {
  pointer-events: auto;
}





/* Use block labels so they stack nicely */
.leaflet-control-layers-base label {
  display: block;
}

/* Hide original text but keep it in flow */
.leaflet-control-layers-base label span span {
  font-size: 0;        /* hides "Street"/"Satellite" */
  color: transparent;
}

/* 1st base layer (Street) */
.leaflet-control-layers-base label:nth-child(1) span span::after {
  content: "Kartverket";
  font-size: 12px;
  color: #000;
}

/* 2nd base layer (Satellite) */
.leaflet-control-layers-base label:nth-child(2) span span::after {
  content: "Satellitt";
  font-size: 12px;
  color: #000;
}





.callout,
.callout_pointer,
.callout_blink {
  animation: none !important;
  position: relative;
}

.callout::after,
.callout_pointer::after,
.callout_blink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;   /* ring size */
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}





#ms_list_rooms {
  font-family: "Source Sans 3", sans-serif;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}



/* 1) ROOT (Nordkapp) */
#ms_list_rooms .cat_parent_root {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #ffffff;
  margin-top: 10px;
}

/* 2) ALL CATEGORY HEADINGS (Honningsvåg, Ekstra, Nordvågen, etc.) */
#ms_list_rooms p.cat {
  font-size: 14px;
  font-weight: 600;     /* <-- bold sub headings */
  color: #eaeaea;
}

/* 3) LEAF ITEMS (with the circles) */
#ms_list_rooms p.children_list_a {
  font-size: 13px;
  font-weight: 400;     /* <-- NOT bold */
  color: #b8b8b8;
}

/* spacing / readability */
#ms_list_rooms p {
  line-height: 1.7;
  padding: 6px 0;
}

/* optional: make leaf items look more "nested" */
#ms_list_rooms p.children_list_a {
  padding-left: 10px; /* extra indent (in addition to your margin-left) */
}

/* hover */
#ms_list_rooms p:hover {
  color: #ffffff;
}

/* open/active category */
#ms_list_rooms p.cat.open {
  color: #00c8ff;
}