/* Breadcrumb Styles - Bootstrap-safe class names */
.breadcrumb-container {
    background: white; /* IKKE transparent */
    padding: 15px 0;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 0;
    z-index: 100; /* Lavere end navigation (1000) */
    position: relative;
}

.custom-breadcrumb-nav { /* Changed from breadcrumb-nav */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; /* CENTER THE BREADCRUMBS */
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 28px; /* DOUBLED from 14px */
    font-family: 'Poppins', sans-serif;
}

.custom-breadcrumb-item { /* Changed from breadcrumb-item */
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.breadcrumb-link {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 400;
}

    .breadcrumb-link:hover {
        color: #4DAF82; /* Brand green */
        text-decoration: none;
    }

.breadcrumb-current {
    color: #4DAF82; /* Brand green */
    font-weight: 500;
}

.breadcrumb-separator {
    color: #ccc;
    margin: 0 16px; /* DOUBLED from 8px for bigger font */
    font-size: 24px; /* DOUBLED from 12px */
}

/* Responsive - wrap gracefully */
@media (max-width: 768px) {
    .breadcrumb-container {
        padding: 10px 0;
    }

    .custom-breadcrumb-nav {
        font-size: 26px; /* DOUBLED from 13px */
    }

    .breadcrumb-separator {
        margin: 0 12px; /* DOUBLED from 6px */
    }
}

/* Accessibility */
.breadcrumb-link:focus {
    outline: 2px solid #4DAF82;
    outline-offset: 2px;
    border-radius: 2px;
}