/**
 * Global Breadcrumb Styles
 * Applies to all pages with breadcrumbs
 */

/* ========================================
   BREADCRUMBS WRAPPER
======================================== */
.page-breadcrumbs {
    margin-bottom: 24px;
}

.page-header-page .page-breadcrumbs {
    background-color: #f1f1f100 !important;
    margin-bottom: 0 !important;
}

/* ========================================
   BREADCRUMB LIST STYLING
======================================== */
.page-breadcrumbs .breadcrumbs,
.woocommerce-breadcrumb {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000000A8;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* ========================================
   NON-ACTIVE BREADCRUMB ITEMS
======================================== */
.page-breadcrumbs .breadcrumbs li,
.page-breadcrumbs .breadcrumbs li a,
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span:not(.breadcrumb_last):not(.current),
.rmt-breadcrumb-item {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000000A8;
}

/* ========================================
   BREADCRUMB LINK STYLES
======================================== */
.page-breadcrumbs .breadcrumbs a,
.woocommerce-breadcrumb a {
    color: #000000A8;
    text-decoration: none;
    transition: color 0.3s ease;
}

.page-breadcrumbs .breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
    color: #3A5F79;
    text-decoration: underline;
}

/* ========================================
   ACTIVE BREADCRUMB ITEM (Last/Current)
======================================== */
.page-breadcrumbs .breadcrumbs li:last-child,
.page-breadcrumbs .breadcrumbs li:last-child a,
.woocommerce-breadcrumb .breadcrumb_last,
.woocommerce-breadcrumb .current,
.woocommerce-breadcrumb span:last-child,
.rmt-breadcrumb-item:last-child {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    color: #0A0A0A;
}

/* ========================================
   SEPARATOR STYLING
======================================== */
.page-breadcrumbs .sep,
.breadcrumbs .sep {
    color: #000000A8;
    margin: 0 4px;
    font-weight: 400;
}
.page-header-catalog .page-breadcrumbs {
    background-color: #f1f1f100 !important;
        margin-bottom: 0 !important;
}