/**
 * CrownateStudio Breadcrumb UI
 * SEO-Optimized Navigation Hierarchy
 */

.breadcrumb-container {
    padding: 15px 0;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.breadcrumb {
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    font-size: 0.85rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\F285"; /* Bootstrap Icon Chevron Right */
    font-family: "bootstrap-icons";
    font-size: 0.7rem;
    color: #94a3b8;
    padding-right: 12px;
}

.breadcrumb-item a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb-item a:hover {
    color: #002AFF;
}

.breadcrumb-item.active {
    color: #1e293b;
    font-weight: 600;
}

@media (max-width: 768px) {
    .breadcrumb-container {
        padding: 10px 0;
        overflow-x: auto;
        white-space: nowrap;
    }
}