/* Custom Breadcrumbs for Elementor - Minimal CSS */

.custom-breadcrumbs {
    /* Basic resets - can be overridden in Elementor */
    width: 100%;
}

.custom-breadcrumbs-list {
    /* Remove default list styling */
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.custom-breadcrumbs-item {
    /* Remove default list item styling */
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

/* For OL to avoid showing numbers */
.custom-breadcrumbs-list {
    list-style-type: none;
    counter-reset: none;
}

.custom-breadcrumbs-list > li::before {
    content: none;
}

.custom-breadcrumbs-separator {
    /* Separator styling */
    display: flex;
    align-items: center;
}

.custom-breadcrumbs-separator svg {
    /* Ensure SVG uses the color property */
    fill: currentColor;
}

/* Accessibility */
.custom-breadcrumbs a:focus {
    outline: thin dotted;
}