/* Breadcrumb Styles for StratEdge Consultancy */

/* General Breadcrumb Container */
.breadcrumb-container {
    position: relative;
    padding: 120px 0 80px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 300px;
    display: flex;
    align-items: center;
}

.breadcrumb-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 110, 253, 0.85);
    z-index: 1;
}

.breadcrumb-content {
    position: relative;
    z-index: 2;
    color: white;
}

/* Page Specific Backgrounds */
.breadcrumb-bg-about {
    background-image: url('../img/about-bg.jpg');
}

.breadcrumb-bg-services {
    background-image: url('../img/services-bg.jpg');
}

.breadcrumb-bg-contact {
    background-image: url('../img/contact-bg.jpg');
}

.breadcrumb-bg-projects {
    background-image: url('../img/projects-bg.jpg');
}

.breadcrumb-bg-team {
    background-image: url('../img/team-bg.jpg');
}

.breadcrumb-bg-blog {
    background-image: url('../img/blog-bg.jpg');
}

.breadcrumb-bg-faq {
    background-image: url('../img/faq-bg.jpg');
}

.breadcrumb-bg-pricing {
    background-image: url('../img/pricing-bg.jpg');
}

/* Service Category Backgrounds */
.breadcrumb-bg-consulting {
    background-image: url('../img/consulting-bg.jpg');
}

.breadcrumb-bg-financial {
    background-image: url('../img/financial-bg.jpg');
}

.breadcrumb-bg-strategy {
    background-image: url('../img/strategy-bg.jpg');
}

.breadcrumb-bg-operations {
    background-image: url('../img/operations-bg.jpg');
}

.breadcrumb-bg-marketing {
    background-image: url('../img/marketing-bg.jpg');
}

.breadcrumb-bg-technology {
    background-image: url('../img/technology-bg.jpg');
}

.breadcrumb-bg-hr {
    background-image: url('../img/hr-bg.jpg');
}

.breadcrumb-bg-legal {
    background-image: url('../img/legal-bg.jpg');
}

/* Responsive Design */
@media (max-width: 768px) {
    .breadcrumb-container {
        padding: 80px 0 60px;
        min-height: 200px;
    }
    
    .breadcrumb-content h1 {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .breadcrumb-container {
        padding: 60px 0 40px;
        min-height: 180px;
    }
    
    .breadcrumb-content h1 {
        font-size: 1.75rem;
    }
}

/* Breadcrumb Navigation */
.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 10px 0 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: rgba(255, 255, 255, 0.7);
}

.breadcrumb-item a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color: white;
}

.breadcrumb-item.active {
    color: white;
    font-weight: 500;
}

/* Performance Optimizations */
.breadcrumb-container {
    will-change: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Lazy loading support */
.breadcrumb-container.lazy {
    background-image: none;
}

.breadcrumb-container.lazy.loaded {
    transition: opacity 0.3s ease;
}