/* CSS CUSTOMIZADO POR CENTRO INFORMÁTICO MILLENIUM */
li.uk-parent>a {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.uk-navbar-right ul.uk-navbar-nav {
    gap: 14px;
}
.millenium-oferta {
    background-color: aqua;
    padding: 2px;
    border-radius: 0px;
    color: #005555;
    font-size: 11px;
    font-weight: 600;
}
.on-sale {
	display: none !important;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout, .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
display: none !important;
}
/* Animación sutil de entrada */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Contenedor principal del mensaje de éxito */
p.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background-color: #cddc3938;
    color: #2c4a3e;
    border: 1px solid #CDDC39;
    border-left: 5px solid #CDDC39;
    padding: 20px 24px;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 2em;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    gap: 12px;
    animation: fadeInUp 0.4s ease-out forwards;
}

/* Añadir un icono de check elegante antes del texto (sin necesidad de plugins) */
p.woocommerce-notice--success.woocommerce-thankyou-order-received::before {
    content: "✓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #CDDC39; /* Fondo del icono a juego con la barra lateral */
    color: #ffffff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.9rem;
    font-weight: bold;
    flex-shrink: 0; /* Evita que el icono se deforme en móviles */
}