/* Breadcrumbs - Full Width Styles */

/* Blog Breadcrumbs */
.blog-breadcrumbs-full {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    width: 100%;
}

.blog-breadcrumbs {
    padding: 1.5rem 0;
}

.blog-breadcrumbs .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
}

.blog-breadcrumbs .breadcrumb-item a {
    color: #546672;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.blog-breadcrumbs .breadcrumb-item a:hover {
    color: #3d4a52;
}

.blog-breadcrumbs .breadcrumb-item.active {
    color: #6c757d;
    font-weight: 600;
}

.blog-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #6c757d;
    font-weight: 600;
}

/* Service Area Breadcrumbs */
.service-area-breadcrumbs-full {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    width: 100%;
}

.service-area-breadcrumbs {
    padding: 1.5rem 0;
}

.service-area-breadcrumbs .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
}

.service-area-breadcrumbs .breadcrumb-item a {
    color: #546672;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.service-area-breadcrumbs .breadcrumb-item a:hover {
    color: #3d4a52;
}

.service-area-breadcrumbs .breadcrumb-item.active {
    color: #6c757d;
    font-weight: 600;
}

.service-area-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #6c757d;
    font-weight: 600;
}

/* Service Breadcrumbs */
.service-breadcrumbs-full {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    width: 100%;
}

.service-breadcrumbs {
    padding: 1.5rem 0;
}

.service-breadcrumbs .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
}

.service-breadcrumbs .breadcrumb-item a {
    color: #546672;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.service-breadcrumbs .breadcrumb-item a:hover {
    color: #3d4a52;
}

.service-breadcrumbs .breadcrumb-item.active {
    color: #6c757d;
    font-weight: 600;
}

.service-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #6c757d;
    font-weight: 600;
}

/* Common Breadcrumb Styles */
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #6c757d;
    font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .blog-breadcrumbs,
    .service-area-breadcrumbs,
    .service-breadcrumbs {
        padding: 1rem 0;
    }
    
    .breadcrumb {
        font-size: 0.9rem;
    }
}