/* Alinea y separa el icono */
.wp-block-navigation .nav-link-icon {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  margin-right: .35em;
}

/* Si usás Dashicons, el icono puede ser un <span class="dashicons ..."> dentro */
.wp-block-navigation .nav-link-icon .dashicons {
  font-size: 1.1em;
}

/* Estilos para SVG icons */
.wp-block-navigation .nav-link-icon svg {
  width: 1.1em;
  height: 1.1em;
  fill: currentColor;
  vertical-align: middle;
}

/* Asegurar que los iconos no se deformen */
.wp-block-navigation .nav-link-icon * {
  max-width: 1.5em;
  max-height: 1.5em;
}

/* Error state en el editor */
.components-textarea-control.has-error textarea {
  border-color: #d63638;
  box-shadow: 0 0 0 1px #d63638;
}

/* Preview en el editor - ocultar el overlay cuando no sea necesario */
.block-editor-block-list__block[data-type="core/navigation-link"] .nav-link-icon {
  opacity: 0.8;
}

.block-editor-block-list__block[data-type="core/navigation-link"]:hover .nav-link-icon {
  opacity: 1;
}