/* breadcrumbs-pcware.css — capa visual del breadcrumb (spec 026).
   Extraido de grid-toolbar.css byte a byte: region D6 (color/tipografia),
   layout V2 (geometria SSR), par M1-movil (con su wrapper max-767) y el
   contrato movil del operador (2026-11-13). Encolado global en
   functions.php (pcw_child_enqueue_assets, dep pcw-design-tokens).
   Reversible: devolver estos bloques a grid-toolbar.css y retirar el encolado. */

/* BREADCRUMB D6 · capa visual del tema hijo; el plugin original queda intacto.
   Prototipo SSR reversible medido en local (2026-10-31): 3 repeticiones/vista,
   axe del bloque 0 hallazgos, overflow 0 y CLS sin incremento. Los enlaces usan
   --pcw-text porque --pcw-text-subdued dio 4,34:1 sobre #F1F5F9 (<4,5:1). */
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__link {
    color: var(--pcw-text);
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__item--current .pcw-breadcrumb__link {
    color: var(--pcw-brand-dark);
    font-weight: 600;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__link:hover,
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__link:focus-visible,
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__back-link:hover,
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__back-link:focus-visible {
    color: var(--pcw-orange-text);
    text-decoration: underline;
    text-underline-offset: 3px;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__link:focus-visible,
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__back-link:focus-visible {
    outline: 2px solid var(--pcw-focus);
    outline-offset: 3px;
    border-radius: var(--pcw-radius-xs);
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__separator {
    color: var(--pcw-separator);
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__back-link {
    color: var(--pcw-orange-text);
    font-weight: 600;
}
@media (min-width: 768px) {
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb,
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb--desktop {
        min-height: 32px;
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb {
        box-sizing: border-box;
        padding-inline: var(--pcw-space-4);
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb--desktop {
        align-items: center;
    }
    /* Motivo PCWare (maestro §7.1): orange bubble accent como marcador del crumb
       activo. Gráfico decorativo: el naranja de marca (--pcw-primary) mide 3.33:1
       sobre blanco, sobre el umbral no-textual 3:1. */
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__item--current::before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        flex-shrink: 0;
        border-radius: var(--pcw-radius-full);
        background: var(--pcw-primary);
        margin-right: var(--pcw-space-2);
    }
}


/* 21. BREADCRUMB V2 · geometría SSR sin CSS inline (2026-10-31).
   Absorbe las reglas de layout que vivían en <style id="pcw-breadcrumb-styles">
   del mu-plugin pcware-breadcrumbs-render.php. El bloque de color/tipografía D6
   de las líneas 889-936 se conserva. En v2.2.0 :is() extiende el contrato a
   tax-product_brand (/marcas/{marca}/{pilar}). Rollback = eliminar esta sección. */
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--pcw-space-2);
    align-items: center;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__item {
    display: inline-flex;
    align-items: center;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__separator {
    margin: 0 var(--pcw-space-1);
    font-size: 16px;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb--mobile {
    display: none;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb--desktop {
    display: flex;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__back-icon {
    margin-right: 6px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}
body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__back-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767px) {
    /* M1 · BREADCRUMB (marcado y CSS originales viven en el contenido de la página): 16px lateral, 12 arriba, 6 abajo */
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__inner {
        padding: var(--pcw-space-3) var(--pcw-space-4) 6px;
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__back-link {
        font-size: 16px;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        min-height: 44px;                        /* M3: área táctil 44px ... */
        margin-block: -11px;                     /* ... sin crecer el layout (22px de texto + 2×11) */
    }

}

@media (max-width: 767px) {
    /* Contrato móvil (operador, 2026-11-13): solo el silo actual con marcador ›,
       independiente del padre taxonómico (ej. /categorias/pc-de-mesa -> › PC de mesa).
       Elipsis anti-desbordamiento; el back-link ‹ se jubila (el crumb actual sigue
       siendo enlace con aria-current="page"). Reversible: restaurar este bloque. */
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb--desktop {
        display: flex;
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb--mobile {
        display: none;
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__item:not(.pcw-breadcrumb__item--current) {
        display: none;
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__list {
        flex-wrap: nowrap;
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__item--current {
        min-width: 0;
        max-width: 100%;
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__item--current::before {
        content: "›";
        color: var(--pcw-separator);
        font-size: 16px;
        line-height: 1;
        margin-right: var(--pcw-space-1);
    }
    body:is(.tax-product_cat, .tax-product_brand) nav.pcw-breadcrumb .pcw-breadcrumb__item--current .pcw-breadcrumb__link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}