/* ==========================================
   УНИВЕРСАЛЬНЫЕ BREADCRUMBS ДЛЯ ВСЕХ ШАБЛОНОВ
   Простые стили без агрессивного растяжения
   Заменяют проблемный breadcrumbs-fix.css
   ========================================== */

.breadcrumbs-section {
    background: var(--gray-50, #f9fafb);
    padding: 1rem 0;
    border-bottom: 1px solid var(--gray-200, #e5e7eb);
    margin-bottom: 0;
}

.breadcrumbs-section .container {
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    padding: 0 var(--container-padding, 1.5rem);
}

.breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #6b7280);
}

.breadcrumb-link {
    color: var(--primary-color, #2563eb);
    text-decoration: none;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.breadcrumb-link:hover {
    color: var(--primary-dark, #1d4ed8);
    text-decoration: underline;
}

.breadcrumb-separator {
    color: var(--text-light, #9ca3af);
    font-size: 0.75rem;
}

.breadcrumb-current {
    color: var(--text-primary, #111827);
    font-weight: 500;
}

/* Адаптивность */
@media (max-width: 768px) {
    .breadcrumbs-section {
        padding: 0.75rem 0;
    }
    
    .breadcrumb-nav {
        font-size: 0.8125rem;
        gap: 0.375rem;
    }
    
    .breadcrumbs-section .container {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .breadcrumb-nav {
        font-size: 0.75rem;
    }
    
    .breadcrumb-link i {
        font-size: 0.875rem;
    }
    
    .breadcrumb-separator {
        font-size: 0.6875rem;
    }
}