/* Estilos para el Mapa Tolkienpedia */

#tolkienpedia-mapa-interactivo {
	    width: 100%;
	    height: 390px;
	    cursor: grab;
	    position: relative;
	    z-index: 0;
  }
  
  #tolkienpedia-mapa-interactivo:active {
    cursor: grabbing;
  }
  
  /* UI */
  #tolkienpedia-mapa-ui {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    width: 100%;
    pointer-events: none;
  }
  
  #tolkienpedia-selector-edades {
    margin-left: 40px;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    border-radius: 6px;
    pointer-events: all;
  }
  
	  #tolkienpedia-buscador-mapa {
	    background: rgba(255, 255, 255, 0.9);
	    padding: 10px;
	    border-radius: 6px;
	    pointer-events: all;
	    position: absolute;
	    top: 88px;
	    right: 0;
	    width: min(280px, calc(100vw - 32px));
	    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	  }
  
	  #tolkienpedia-input-busqueda {
	    width: 100%;
	    box-sizing: border-box;
	    padding: 5px;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	  }

	  #tolkienpedia-resultados-busqueda {
	    display: flex;
	    flex-direction: column;
	    gap: 4px;
	    margin-top: 6px;
	    max-height: 240px;
	    overflow-y: auto;
	  }

	  #tolkienpedia-resultados-busqueda button,
	  .tolkienpedia-search-empty {
	    border: 0;
	    background: #fff;
	    color: #1f2933;
	    cursor: pointer;
	    font-size: .9rem;
	    line-height: 1.2;
	    padding: 6px 8px;
	    text-align: left;
	  }

	  #tolkienpedia-resultados-busqueda button:hover {
	    background: #f0e8d8;
	  }

	  .tolkienpedia-search-empty {
	    cursor: default;
	    color: #667085;
	  }
  
  /* Popup personalizado */
  .leaflet-popup-content .tolkienpedia-popup {
    font-family: inherit;
    width: 120px;
  }
  
  .tolkienpedia-popup img {
    width: 120px;
    height: 75px;
    display: block;
    border-radius: 4px;
    object-fit: cover;
  }
  
  .tolkienpedia-popup h3 {
    align-items: center;
    display: flex;
    font-size: 13px;
    height: 30px;
    line-height: 1.15;
    margin: 0 0 6px 0;
    overflow: hidden;
  }

  .tolkienpedia-popup h3 a {
    color: inherit;
    font-size: inherit;
  }
  
  .tolkienpedia-popup .categoria {
    font-size: 13px;
    color: #555;
    margin-bottom: 5px;
  }
  
  .tolkienpedia-popup .resumen {
    font-size: 14px;
    margin-bottom: 6px;
  }
  
  .tolkienpedia-popup a {
    display: inline-block;
    font-size: 13px;
    color: #006699;
    text-decoration: underline;
  }

  .tolkienpedia-overlap-popup {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 170px;
  }

  .tolkienpedia-overlap-popup button {
    background: #fff;
    border: 1px solid #c8b08a;
    border-radius: 4px;
    color: #1f2933;
    cursor: pointer;
    padding: 6px 8px;
    text-align: left;
  }

  .tolkienpedia-overlap-popup button:hover {
    background: #f0e8d8;
  }

  .tolkienpedia-etiqueta-marker {
    color: #8b0000;
    font-family: 'TolkienFont', serif;
    font-weight: bold;
    pointer-events: auto;
    text-shadow: 1px 1px 2px white;
    white-space: nowrap;
  }
  
  /* Botón cerrar (❌) */
  .tolkienpedia-popup .cerrar-popup {
    position: absolute;
    top: 4px;
    right: 6px;
    background: transparent;
    border: none;
    font-size: 16px;
    color: #666;
    cursor: pointer;
  }

			  #tolkienpedia-mapa-wrapper {
		    position: relative;
		    width: 100%;
			    height: 390px;
			    overflow: hidden;
			  }

	  #tolkienpedia-mapa-wrapper #tolkienpedia-mapa-ui {
	    position: absolute;
	    top: 10px;
	    left: 10px;
	    right: 10px;
		    z-index: 20;
	    width: auto;
	    pointer-events: none;
	  }

	  #tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades {
	    color: #1f2933;
	    display: flex;
	    flex-direction: column;
	    gap: 6px;
	    max-width: 240px;
	    margin-left: 0;
	    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	  }

	  #tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades button {
	    appearance: none;
	    border: 1px solid #c8b08a;
	    background: #fff;
	    color: #1f2933;
	    cursor: pointer;
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	    margin: 0;
	    padding: 6px 8px;
	    line-height: 1.25;
	    text-align: left;
	    border-radius: 4px;
	  }

	  #tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades button:hover,
	  #tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades button.is-active {
	    background: #3d2b1f;
	    border-color: #3d2b1f;
	    color: #f0e8d8;
	  }

		  #tolkienpedia-map-controls {
	    display: flex;
	    flex-direction: column;
	    gap: 4px;
	    pointer-events: all;
	    position: absolute;
	    top: 0;
		    right: 0;
		  }

		  #tolkienpedia-toggle-fullscreen {
		    border: 1px solid #c8b08a;
		    border-radius: 4px;
		    background: #fff;
		    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
		    color: #1f2933;
		    cursor: pointer;
		    font-weight: 700;
		    padding: 9px 12px;
		    pointer-events: all;
		    position: absolute;
		    top: 0;
		    right: 48px;
		    text-transform: uppercase;
		  }

		  #tolkienpedia-toggle-fullscreen:hover {
		    background: #3d2b1f;
		    border-color: #3d2b1f;
		    color: #f0e8d8;
		  }

		  #tolkienpedia-mapa-wrapper.is-fullscreen {
		    background: #fff;
		    height: 100vh;
		    inset: 0;
		    position: fixed;
		    width: 100vw;
		    z-index: 100000;
		  }

		  #tolkienpedia-mapa-wrapper.is-fullscreen #tolkienpedia-mapa-interactivo {
		    height: 100vh;
		  }

		  #tolkienpedia-mapa-wrapper.is-fullscreen #tolkienpedia-mapa-ui {
		    z-index: 100001;
		  }

		  body.tolkienpedia-map-fullscreen-open {
		    overflow: hidden;
		  }

	  #tolkienpedia-map-controls button {
	    width: 38px;
	    height: 38px;
	    border: 1px solid #c8b08a;
	    border-radius: 4px;
	    background: #fff;
	    color: #1f2933;
	    cursor: pointer;
	    font-size: 1.4rem;
	    font-weight: 700;
	    line-height: 1;
	    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	  }

	  #tolkienpedia-map-controls button:hover {
	    background: #3d2b1f;
	    border-color: #3d2b1f;
	    color: #f0e8d8;
	  }

		  .tolkienpedia-page-mapas .entry-header {
		    text-align: center;
		  }

		  .tolkienpedia-page-mapas {
		    margin-bottom: 0;
		    padding-bottom: 0;
		  }

		  .tolkienpedia-page-mapas .tolkienpedia-entry {
		    margin-bottom: 0;
		    padding-bottom: 0;
		  }

		  body:has(.tolkienpedia-page-mapas) .site-content {
		    padding-bottom: 0;
		  }
  
  #tolkienpedia-mapa-fondo {
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  
  /* Forzamos el color blanco */
  .leaflet-container {
    background: white !important;
  }
  /* Editor de posts */
  #tolkienpedia-map-editor {
    height: 500px;
  }

  .tolkienpedia-label-anchor-icon span {
    align-items: center;
    background: #fff;
    border: 2px solid #8b0000;
    border-radius: 50%;
    color: #8b0000;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    width: 20px;
  }
  
  /* Estilos para capas dibujadas en el admin */
  #tolkienpedia-map-editor .leaflet-interactive {
    stroke: #ff0000;
    stroke-width: 3;
  }

  #tolkienpedia-map-editor path.leaflet-interactive[fill="none"] {
    fill: none;
  }

  #tolkienpedia-map-editor .leaflet-draw-toolbar a,
  #tolkienpedia-arbol-editor .leaflet-draw-toolbar a {
    background-image: none;
    color: #3d2b1f;
    position: relative;
  }

  #tolkienpedia-map-editor .leaflet-draw-toolbar a::before,
  #tolkienpedia-arbol-editor .leaflet-draw-toolbar a::before {
    color: #3d2b1f;
    display: block;
    font: 700 17px/30px Arial, sans-serif;
    text-align: center;
  }

  #tolkienpedia-map-editor .leaflet-draw-draw-polyline::before {
    content: "\2571";
  }

  #tolkienpedia-map-editor .leaflet-draw-draw-polygon::before {
    content: "\25B3";
  }

  #tolkienpedia-arbol-editor .leaflet-draw-draw-rectangle::before {
    content: "\25A1";
  }

  #tolkienpedia-map-editor .leaflet-draw-draw-marker::before {
    content: "\2022";
    font-size: 28px;
  }

  #tolkienpedia-map-editor .leaflet-draw-edit-edit::before,
  #tolkienpedia-arbol-editor .leaflet-draw-edit-edit::before {
    content: "\270E";
  }

  #tolkienpedia-map-editor .leaflet-draw-edit-remove::before,
  #tolkienpedia-arbol-editor .leaflet-draw-edit-remove::before {
    content: "\00D7";
    font-size: 24px;
  }

  #tolkienpedia-map-editor .tolkienpedia-draw-label-anchor::before {
    content: "T";
    color: #8b0000;
  }

  #tolkienpedia-map-editor .leaflet-draw-toolbar a.leaflet-disabled::before,
  #tolkienpedia-arbol-editor .leaflet-draw-toolbar a.leaflet-disabled::before {
    color: #aaa;
  }

  .leaflet-tooltip.tolkienpedia-nombre {
    background-color: white;
    color: darkgreen;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 2px 6px;
    font-family: inherit;
  }

  /* Estilo para etiquetas de zonas (polígonos) en el mapa */
  .tolkienpedia-etiqueta-polygon {
  font-family: 'TolkienFont', serif; /* Cambia por la fuente que desees */
  color: #8B0000; /* Rojo oscuro */
  font-weight: bold;
  text-align: center;
  pointer-events: auto;
  white-space: nowrap;
  text-shadow: 1px 1px 2px white;
  transform-origin: center center;
  }

  .tolkienpedia-etiqueta-polygon-text {
    display: inline-block;
    transform: translate(-50%, -50%);
  }

  @media (max-width: 600px) {
    #tolkienpedia-mapa-wrapper #tolkienpedia-mapa-ui {
      left: 8px;
      right: 8px;
    }

    #tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades {
      max-width: 158px;
      padding: 6px;
    }

    #tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades button {
      font-size: .78rem;
      padding: 5px 6px;
    }

    #tolkienpedia-buscador-mapa {
      right: 0;
      top: 90px;
      width: 132px;
      padding: 6px;
    }

    #tolkienpedia-resultados-busqueda button,
    .tolkienpedia-search-empty {
      font-size: .78rem;
      padding: 5px 6px;
    }
  }

/* Toolbar compacta para mapas */
#tolkienpedia-mapa-wrapper #tolkienpedia-mapa-ui {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 12px;
  right: auto;
  top: 12px;
  width: auto;
}

#tolkienpedia-mapa-wrapper #tolkienpedia-map-controls {
  display: flex;
  flex-direction: column;
  gap: 6px;
  pointer-events: all;
  position: static;
}

#tolkienpedia-mapa-wrapper #tolkienpedia-map-controls button,
#tolkienpedia-mapa-wrapper #tolkienpedia-toggle-fullscreen,
#tolkienpedia-mapa-wrapper .tolkienpedia-icon-button {
  align-items: center;
  appearance: none;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #c8b08a;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
  color: #1f2933;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  height: 42px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 42px;
}

#tolkienpedia-mapa-wrapper #tolkienpedia-toggle-fullscreen {
  font-size: .72rem;
  min-width: 76px;
  pointer-events: all;
  position: static;
  text-transform: uppercase;
  width: auto;
}

#tolkienpedia-mapa-wrapper .tolkienpedia-icon-button svg {
  fill: none;
  height: 20px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  width: 20px;
}

#tolkienpedia-mapa-wrapper #tolkienpedia-map-controls button:hover,
#tolkienpedia-mapa-wrapper #tolkienpedia-map-controls button.is-active,
#tolkienpedia-mapa-wrapper #tolkienpedia-map-controls button[aria-expanded="true"],
#tolkienpedia-mapa-wrapper #tolkienpedia-toggle-fullscreen:hover,
#tolkienpedia-mapa-wrapper .tolkienpedia-icon-button:hover,
#tolkienpedia-mapa-wrapper .tolkienpedia-icon-button.is-active {
  background: #3d2b1f;
  border-color: #3d2b1f;
  color: #f0e8d8;
}

#tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades,
#tolkienpedia-mapa-wrapper #tolkienpedia-buscador-mapa {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(200, 176, 138, 0.75);
  border-radius: 8px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.18);
  margin: 0;
  padding: 8px;
  pointer-events: all;
  position: static;
}

#tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades[hidden],
#tolkienpedia-mapa-wrapper #tolkienpedia-buscador-mapa[hidden] {
  display: none !important;
}

#tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades {
  display: flex;
  max-width: 210px;
  min-width: 170px;
}

#tolkienpedia-mapa-wrapper #tolkienpedia-buscador-mapa {
  width: min(280px, calc(100vw - 32px));
}

#tolkienpedia-mapa-wrapper .leaflet-attribution-flag {
  display: none !important;
}

@media (max-width: 600px) {
  #tolkienpedia-mapa-wrapper #tolkienpedia-mapa-ui {
    left: 8px;
    top: 8px;
  }

  #tolkienpedia-mapa-wrapper #tolkienpedia-map-controls button,
  #tolkienpedia-mapa-wrapper #tolkienpedia-toggle-fullscreen,
  #tolkienpedia-mapa-wrapper .tolkienpedia-icon-button {
    height: 38px;
    width: 38px;
  }

  #tolkienpedia-mapa-wrapper #tolkienpedia-toggle-fullscreen {
    min-width: 70px;
    width: auto;
  }

  #tolkienpedia-mapa-wrapper #tolkienpedia-selector-edades {
    max-width: 190px;
    min-width: 158px;
  }

  #tolkienpedia-mapa-wrapper #tolkienpedia-buscador-mapa {
    width: min(260px, calc(100vw - 24px));
  }
}