/* ============================================================
🔐 [MÓDULO: Aviso de acceso en el checkout]
---------------------------------------------------------------
Este bloque personaliza el mensaje que se muestra en la página
de checkout cuando un usuario no ha iniciado sesión. El diseño
es visualmente llamativo (estilo alerta) y se centra en guiar
al usuario a iniciar sesión para continuar con la compra.
============================================================ */

/* Contenedor principal del aviso de acceso */
.alcansan-login-notice {
  background: #fff3cd !important;              /* Color de fondo amarillo claro (estilo alerta) */
  border: 1px solid #ffeeba !important;     /* Borde del mismo tono para delimitar el bloque */
  padding: 1.5rem !important;                  /* Espaciado interno generoso para legibilidad */
  margin-bottom: 2rem !important;            /* Separación inferior respecto al contenido siguiente */
  border-radius: 8px !important;              /* Bordes redondeados para apariencia amigable */
  text-align: center !important;            /* Centra todo el contenido del aviso */
}

/* Título del aviso */
.alcansan-login-notice h2 {
  color: #856404 !important;                  /* Color oscuro para buen contraste con fondo */
  margin-bottom: 0.5rem !important;           /* Separación con el párrafo siguiente */
}

/* Contenedor del botón de acceso */
.alcansan-login-buttons {
  margin-top: 1rem;                /* Separación respecto al texto anterior */
}

/* Estilo del botón de "Acceder" */
.alcansan-login-buttons .access-btn {
  background-color: #BE1823 !important;  /* Rojo personalizado de la marca (con !important para prioridad) */
  color: white;                          /* Texto blanco sobre fondo rojo */
  padding: 0.75rem 1.5rem;               /* Tamaño del botón: alto y ancho equilibrado */
  text-decoration: none;                /* Elimina el subrayado de enlaces */
  border-radius: 5px !important;        /* Bordes redondeados suaves (¡importante para sobrescribir estilos previos!) */
  font-weight: bold;                    /* Texto en negrita para destacar */
  transition: background-color 0.3s;    /* Animación suave al hacer hover */
}

/* Comportamiento del botón al pasar el mouse (hover) */
.alcansan-login-buttons .access-btn:hover {
  background-color: #a71d2a;      /* Rojo más oscuro para efecto visual de interacción */
}

/* Oculta el aviso por defecto de WooCommerce (opcional, para evitar duplicados visuales) */
.woocommerce-info {
  display: none;
}

/* Oculta todos los avisos por defecto de WooCommerce: error, mensaje e info */
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
  display: none !important;       /* Fuerza ocultamiento con !important */
}