/* Breadcrumbs Alignment Fix */
/* Исправление выравнивания хлебных крошек на страницах услуг */

/* Основной контейнер breadcrumbs */
nav[aria-label="Навигационная цепочка"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Элементы breadcrumbs (ссылки и текст) */
nav[aria-label="Навигационная цепочка"] > a,
nav[aria-label="Навигационная цепочка"] > span {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: 0.25rem 0;
    min-height: 1.5rem;
}

/* SVG иконки-разделители */
nav[aria-label="Навигационная цепочка"] > svg {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin: 0;
    display: inline-flex;
    align-items: center;
    align-self: center;
}

/* Ссылки в breadcrumbs */
nav[aria-label="Навигационная цепочка"] a {
    color: #1e3a8a;
    text-decoration: none;
    transition: color 0.2s ease;
}

nav[aria-label="Навигационная цепочка"] a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

/* Текущая страница */
nav[aria-label="Навигационная цепочка"] span[aria-current="page"] {
    color: #475569;
    font-weight: 500;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 640px) {
    nav[aria-label="Навигационная цепочка"] {
        font-size: 0.8125rem;
        gap: 0.375rem;
    }
    
    nav[aria-label="Навигационная цепочка"] > svg {
        width: 0.875rem;
        height: 0.875rem;
    }
}

/* Улучшенная доступность - фокус для клавиатурной навигации */
nav[aria-label="Навигационная цепочка"] a:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
    border-radius: 0.25rem;
}