/**
 * Estilos para la personalización de breadcrumbs de WooCommerce
 * Agrega enlace "Tienda" en la navegación de productos
 *
 * @package DrucklabCore
 * @since 1.6.0
 */

/* Enlace "Tienda" en breadcrumbs */
.custom-breadcrumbs-active .woocommerce-breadcrumb a[href*="tienda"],
.custom-breadcrumbs-active .woocommerce-breadcrumb a[href*="/shop"] {
    color: #005E7A !important; /* Color primario: azul petróleo */
    font-weight: 500 !important;
    text-decoration: none !important;
    position: relative;
}

.custom-breadcrumbs-active .woocommerce-breadcrumb a[href*="tienda"]:hover,
.custom-breadcrumbs-active .woocommerce-breadcrumb a[href*="/shop"]:hover {
    color: #3DDC97 !important; /* Color secundario: verde menta */
    text-decoration: none !important;
}

.custom-breadcrumbs-active .woocommerce-breadcrumb a[href*="tienda"]::after,
.custom-breadcrumbs-active .woocommerce-breadcrumb a[href*="/shop"]::after {
    content: " 🛒";
    font-size: 0.9em;
    opacity: 0.8;
}

/* Todos los enlaces de breadcrumbs */
.custom-breadcrumbs-active .woocommerce-breadcrumb a {
    color: #005E7A !important;
    transition: color 0.2s ease !important;
}

.custom-breadcrumbs-active .woocommerce-breadcrumb a:hover {
    color: #3DDC97 !important;
}

/* Elemento actual (sin enlace) */
.custom-breadcrumbs-active .woocommerce-breadcrumb .breadcrumb-item.active {
    color: #1A1A1A !important; /* Color de texto: negro casi puro */
    font-weight: 500 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .custom-breadcrumbs-active .woocommerce-breadcrumb a[href*="tienda"]::after,
    .custom-breadcrumbs-active .woocommerce-breadcrumb a[href*="/shop"]::after {
        display: none;
    }

    .custom-breadcrumbs-active .woocommerce-breadcrumb {
        font-size: 0.85rem;
    }
}