/*
 * Contacto en movil: barra superior y boton flotante de llamar.
 * Hoja propia (declarada en config/theme.yml) y no en custom.css: ver AGENTS.md.
 */

/* Boton de llamar: oculto por defecto, solo aparece en movil */
.nxr-call-badge {
  display: none;
}

@media (max-width: 767.98px) {
  /* Barra superior: sin telefono y sin distrito, para que quepa en una linea */
  #header .header-nav__phone-item,
  #header .header-nav__separator--phone,
  #header .header-nav__address-district {
    display: none !important;
  }

  /* Mismo formato que el badge de WhatsApp (whatsappchat), en la esquina contraria */
  .nxr-call-badge {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 10px;
    z-index: 10000;
    text-decoration: none !important;
  }

  .nxr-call-badge__inner {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 4px;
    background: var(--europa-primary, #0051BA);
    color: #fff;
    font-size: 13px;
    line-height: 21px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  }

  .nxr-call-badge:hover .nxr-call-badge__inner,
  .nxr-call-badge:focus .nxr-call-badge__inner {
    color: #fff;
  }

  /* El boton de volver arriba (bottom: 70px) queda por encima: no se tocan */
}

@media (max-width: 359.98px) {
  #header .header-nav__contact {
    font-size: 0.75rem;
  }
}