/**
 * Estilos do Breadcrumb - Links em Azul
 * Garantir que os links do breadcrumb sejam claramente identificáveis como clicáveis
 */

/* Cor do texto do breadcrumb - Texto não-link */
.upgram-breadcrumb,
.woocommerce-breadcrumb {
    color: #2a2344 !important;
}

/* Aplicar cor #2a2344 apenas para elementos que NÃO são links */
.upgram-breadcrumb > *:not(a),
.upgram-breadcrumb > *:not(a) *:not(a),
.woocommerce-breadcrumb > *:not(a),
.woocommerce-breadcrumb > *:not(a) *:not(a),
.upgram-breadcrumb span:not(a),
.woocommerce-breadcrumb span:not(a),
.upgram-breadcrumb .delimiter,
.woocommerce-breadcrumb .delimiter {
    color: #2a2344 !important;
}

/* LINKS DO BREADCRUMB EM AZUL - PRIORIDADE MÁXIMA */
/* Usar seletores com máxima especificidade e !important */
nav.upgram-breadcrumb a,
nav.woocommerce-breadcrumb a,
nav.upgram-breadcrumb a:link,
nav.upgram-breadcrumb a:visited,
nav.upgram-breadcrumb a:active,
nav.upgram-breadcrumb a:focus,
nav.woocommerce-breadcrumb a:link,
nav.woocommerce-breadcrumb a:visited,
nav.woocommerce-breadcrumb a:active,
nav.woocommerce-breadcrumb a:focus,
.upgram-breadcrumb a,
.upgram-breadcrumb a:link,
.upgram-breadcrumb a:visited,
.upgram-breadcrumb a:active,
.upgram-breadcrumb a:focus,
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb a:link,
.woocommerce-breadcrumb a:visited,
.woocommerce-breadcrumb a:active,
.woocommerce-breadcrumb a:focus,
.upgram-breadcrumb-link,
.upgram-breadcrumb-link:link,
.upgram-breadcrumb-link:visited,
a[data-breadcrumb-link="true"],
a[data-breadcrumb-link="true"]:link,
a[data-breadcrumb-link="true"]:visited,
body .upgram-breadcrumb a,
body .woocommerce-breadcrumb a,
html body .upgram-breadcrumb a,
html body .woocommerce-breadcrumb a,
html body nav.upgram-breadcrumb a,
html body nav.woocommerce-breadcrumb a {
    color: #2563eb !important; /* Cor azul - obrigatório */
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    cursor: pointer !important;
}

/* Hover states - Azul mais escuro */
nav.upgram-breadcrumb a:hover,
nav.upgram-breadcrumb a:active,
nav.woocommerce-breadcrumb a:hover,
nav.woocommerce-breadcrumb a:active,
.upgram-breadcrumb a:hover,
.upgram-breadcrumb a:active,
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:active,
.upgram-breadcrumb-link:hover,
a[data-breadcrumb-link="true"]:hover,
body .upgram-breadcrumb a:hover,
body .woocommerce-breadcrumb a:hover,
html body .upgram-breadcrumb a:hover,
html body .woocommerce-breadcrumb a:hover {
    color: #1d4ed8 !important; /* Azul mais escuro no hover */
    text-decoration: underline !important;
}

/* Garantir que elementos dentro dos links herdem a cor azul */
nav.upgram-breadcrumb a *,
nav.woocommerce-breadcrumb a *,
.upgram-breadcrumb a *,
.woocommerce-breadcrumb a *,
.upgram-breadcrumb-link *,
a[data-breadcrumb-link="true"] *,
body .upgram-breadcrumb a *,
body .woocommerce-breadcrumb a *,
html body .upgram-breadcrumb a *,
html body .woocommerce-breadcrumb a * {
    color: #2563eb !important;
}

nav.upgram-breadcrumb a:hover *,
nav.woocommerce-breadcrumb a:hover *,
.upgram-breadcrumb a:hover *,
.woocommerce-breadcrumb a:hover *,
.upgram-breadcrumb-link:hover *,
a[data-breadcrumb-link="true"]:hover * {
    color: #1d4ed8 !important;
}

/* Override ABSOLUTO para qualquer estilo inline ou de outros plugins */
nav.upgram-breadcrumb a[style*="color"],
nav.woocommerce-breadcrumb a[style*="color"],
.upgram-breadcrumb a[style*="color"],
.woocommerce-breadcrumb a[style*="color"],
nav.upgram-breadcrumb a[style],
nav.woocommerce-breadcrumb a[style],
.upgram-breadcrumb a[style],
.woocommerce-breadcrumb a[style],
body nav.upgram-breadcrumb a[style],
body nav.woocommerce-breadcrumb a[style],
html body nav.upgram-breadcrumb a[style],
html body nav.woocommerce-breadcrumb a[style] {
    color: #2563eb !important;
}

/* OTIMIZAÇÃO LCP MOBILE: Esconder breadcrumb em telas pequenas */
@media (max-width: 768px) {
    .upgram-breadcrumb {
        display: none !important;
        visibility: hidden;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
}

