/* =========================================================
   Luna Marsella · Header (todas las páginas)
   - Quita el icono ☰ de la derecha (y la rayita blanca que lo separa)
   - Móvil: el menú se abre como una tarjeta pequeña arriba a la derecha,
     sin fondo naranja en los botones, sin líneas y alineado a la derecha.
   ========================================================= */

/* ☰ del tema (columna "toggler") y su panel: fuera */
header .toggler_icon_col,
header .library_toggler_body {
  display: none !important;
}
header .inner-menu-col {
  border-left: 0 !important;
}

/* Botones abrir / cerrar del menú móvil: sin cuadro naranja */
header .wp-block-navigation__responsive-container-open,
header .wp-block-navigation__responsive-container-close {
  background: transparent !important;
  color: #f4efe9 !important;
  padding: 8px !important;
  margin: 0 !important;
}
header .wp-block-navigation__responsive-container-open:hover,
header .wp-block-navigation__responsive-container-close:hover {
  color: #ff2e00 !important;
}

/* Panel abierto: tarjeta que sale donde está el botón, no toda la pantalla */
header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
  --navigation-layout-justification-setting: flex-end;
  position: fixed !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 190px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
  padding: 8px 20px 18px !important;
  color: #f4efe9 !important; /* el fondo es el azul del tema (#485cb9) */
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
}
.admin-bar header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
  top: 58px !important;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 44px !important; /* sitio para la X */
  align-items: flex-end !important;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
  top: 4px !important;
  right: -8px !important;
}

/* Apartados: sin líneas, a la derecha */
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  width: auto !important;
  align-items: flex-end !important;
  gap: 4px !important;
}
header .wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item {
  border: 0 !important;
  width: auto !important;
  padding: 6px 0 !important;
  align-items: flex-end !important;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a {
  text-align: right !important;
  color: #f4efe9 !important;
  font-size: 18px;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover,
header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > a {
  color: #f4efe9 !important;
  text-decoration: underline !important;
  text-underline-offset: 5px;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover {
  color: #17130f !important;
}