/* Breadcrumb Navigation Styles for Kerman Wind Orchestra */

.breadcrumb {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(155, 89, 182, 0.1) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 0;
    margin-bottom: 20px;
}

.breadcrumb .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
}

.breadcrumb li {
    display: flex;
    align-items: center;
    color: #666;
}

.breadcrumb li:last-child {
    color: #3498db;
    font-weight: 600;
}

.breadcrumb a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
    padding: 5px 8px;
    border-radius: 4px;
}

.breadcrumb a:hover {
    color: #3498db;
    background: rgba(52, 152, 219, 0.1);
}

.breadcrumb-separator {
    margin: 0 8px;
    color: #999;
    font-size: 0.8rem;
}

/* RTL Support */
[dir="rtl"] .breadcrumb ol {
    flex-direction: row-reverse;
}

[dir="rtl"] .breadcrumb-separator {
    transform: scaleX(-1);
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .breadcrumb {
        background: linear-gradient(135deg, rgba(52, 152, 219, 0.2) 0%, rgba(155, 89, 182, 0.2) 100%);
        border-bottom-color: rgba(255, 255, 255, 0.2);
    }
    
    .breadcrumb li {
        color: #ccc;
    }
    
    .breadcrumb li:last-child {
        color: #5dade2;
    }
    
    .breadcrumb a {
        color: #ccc;
    }
    
    .breadcrumb a:hover {
        color: #5dade2;
        background: rgba(93, 173, 226, 0.2);
    }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .breadcrumb {
        padding: 8px 0;
    }
    
    .breadcrumb ol {
        font-size: 0.8rem;
    }
    
    .breadcrumb a {
        padding: 3px 6px;
    }
    
    .breadcrumb-separator {
        margin: 0 6px;
    }
}