/* Breadcrumb Navigation Styles */
.breadcrumb {
    padding: 1rem 2rem;
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin: -1.5rem auto 2rem;
    max-width: 1200px;
    position: relative;
    z-index: 10;
    font-size: 0.9rem;
}

.breadcrumb a {
    color: var(--main-blue);
    text-decoration: none;
    transition: color 0.3s;
}

.breadcrumb a:hover {
    color: var(--accent);
}

.breadcrumb span {
    color: var(--accent);
    font-weight: 600;
}

/* Responsive styles */
@media (max-width: 768px) {
    .breadcrumb {
        padding: 0.8rem 1rem;
        margin: -1rem auto 1.5rem;
        font-size: 0.8rem;
    }
}