/* ================= MODERN BREADCRUMB ================= */

.breadcrumb-wrapper {
    margin-top: 20px;
}

.modern-breadcrumb {
    background: linear-gradient(135deg, #4f46e5, #06b6d4);
    color: rgba(255, 255, 255, 0.9); /* base text */
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    margin-top: 5px;
}

.modern-breadcrumb .breadcrumb-item {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
}

/* Links */
.modern-breadcrumb .breadcrumb-item a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s ease;
    opacity: 0.9;
}

.modern-breadcrumb .breadcrumb-item a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Active item */
.modern-breadcrumb .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.65);
    font-weight: 500;
}

/* Separator */
.modern-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    padding: 0 8px;
}