/**
 * Breadcrumbs Component
 * Yoast SEO breadcrumb styling
 *
 * @package Bonusovekody
 * @since 2.0.0
 */

.breadcrumbs {
    padding: 1.2rem 0 1rem;
    font-size: var(--font-size-xs);
    white-space: nowrap;
}

.breadcrumbs > span {
    display: flex;
    align-items: center;
}

.breadcrumbs > span .breadcrumb_last {
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumbs > span > svg {
    flex: 0 0 var(--space-5);
}

.breadcrumbs a {
    color: #666;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* Maintain backward compatibility with old ID selector */
#breadcrumbs {
    padding: 20px 0 10px 10px;
    font-size: var(--font-size-xs);
    white-space: nowrap;
}

#breadcrumbs > span {
    display: flex;
    align-items: center;
}

#breadcrumbs > span .breadcrumb_last {
    overflow: hidden;
    text-overflow: ellipsis;
}

#breadcrumbs > span > svg {
    flex: 0 0 var(--space-5);
}

#breadcrumbs a {
    color: #666;
    text-decoration: none;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}