/**
 * Breadcrumb - Figma Design System Arenito Override
 *
 * Specs:
 * - Textos: P3 (Inter 14px/24px weight 500), cor neutral-secondary (#394360)
 * - Última migalha: cor neutral-default (#12151F)
 * - Separador: ícone right do Icon Park, 18px
 * - Gap: 8px entre textos e ícones
 * - Distância da navbar: 24px
 * - Margem: segue o conteúdo (72px sem painel, ou margem do conteúdo com painel)
 *
 * @version 1.0.0
 * @date 2026-04-08
 */

/* ==========================================================================
   Container do Breadcrumb
   ========================================================================== */

/* Breadcrumb principal (migalha.phtml) */
.agr-menu-fixo {
    margin-top: 24px !important;
    margin-bottom: 40px !important;
    padding: 0 !important;
    background: transparent !important;
}

.agr-menu-fixo *,
.agr-menu-fixo nav {
    background: transparent !important;
}

/* Breadcrumb dentro de listagens */
.listing-layout__breadcrumb {
    padding-top: 24px !important;
    padding-bottom: 40px !important;
}

/* Breadcrumb dentro de steppers/inserir */
.stepper-form-layout__breadcrumb {
    border-bottom: none !important;
    background: transparent !important;
    padding: 24px 32px 40px 32px !important;
    cursor: default !important;
    position: relative !important;
    z-index: 10 !important;
}

.stepper-form-layout__breadcrumb *:not(a) {
    cursor: default !important;
}

.stepper-form-layout__breadcrumb,
.stepper-form-layout__breadcrumb .noprint,
.stepper-form-layout__breadcrumb .agr-menu-fixo,
.stepper-form-layout__breadcrumb nav {
    background: transparent !important;
}

.stepper-form-layout__breadcrumb .agr-menu-fixo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Breadcrumb dentro de inserir.new (GTA, etc) */
.new-form-layout__breadcrumb .agr-menu-fixo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   Lista de Breadcrumbs
   ========================================================================== */

.breadcrumb-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* ==========================================================================
   Item do Breadcrumb
   ========================================================================== */

.breadcrumb-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: #7A839F !important; /* neutral-subtle */
}

.breadcrumb-item a,
.breadcrumb-list .breadcrumb-item a,
.new-form-layout__breadcrumb .breadcrumb-item a,
.stepper-form-layout__breadcrumb .breadcrumb-item a,
.listing-layout__breadcrumb .breadcrumb-item a {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: #7A839F !important; /* neutral-subtle */
    text-decoration: none !important;
}

.breadcrumb-item a:hover,
.breadcrumb-list .breadcrumb-item a:hover,
.new-form-layout__breadcrumb .breadcrumb-item a:hover,
.stepper-form-layout__breadcrumb .breadcrumb-item a:hover,
.listing-layout__breadcrumb .breadcrumb-item a:hover {
    color: #12151F !important; /* neutral-default */
    text-decoration: none !important;
}

.breadcrumb-item span,
.breadcrumb-item strong {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
}

/* Última migalha — cor neutral-default */
.breadcrumb-item:last-child {
    color: #12151F !important;
}

.breadcrumb-item:last-child a,
.breadcrumb-item:last-child span,
.breadcrumb-item:last-child strong,
.new-form-layout__breadcrumb .breadcrumb-item:last-child a,
.stepper-form-layout__breadcrumb .breadcrumb-item:last-child a,
.listing-layout__breadcrumb .breadcrumb-item:last-child a {
    color: #12151F !important;
}

/* Cursor e seleção */
.breadcrumb-list,
.breadcrumb-list * {
    cursor: default !important;
    user-select: none !important;
}

.breadcrumb-item a {
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Override global: vence material.min.css e typography.css */
ol.breadcrumb-list li.breadcrumb-item a {
    color: #7A839F !important;
    text-decoration: none !important;
}

ol.breadcrumb-list li.breadcrumb-item a:hover {
    color: #12151F !important;
}

ol.breadcrumb-list li.breadcrumb-item:last-child a,
ol.breadcrumb-list li.breadcrumb-item:last-child span,
ol.breadcrumb-list li.breadcrumb-item:last-child strong {
    color: #12151F !important;
}

/* Desativa clique no módulo (segundo item) — tela não acessível ao usuário */
.breadcrumb-item:nth-child(2) a {
    pointer-events: none !important;
    cursor: default !important;
    color: #7A839F !important; /* neutral-subtle */
}

.breadcrumb-item a:focus,
.breadcrumb-item a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   Separador — Ícone Right do Icon Park 18px
   ========================================================================== */

.breadcrumb-item:not(:last-child)::after {
    content: '' !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12L31 24L19 36' stroke='%237A839F' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
}

/* Esconde separadores inline (chevron.phtml) que possam existir */
.breadcrumb-separator {
    display: none !important;
}

/* ==========================================================================
   Dark Mode
   ========================================================================== */

[data-theme="dark"] .breadcrumb-item,
.dark .breadcrumb-item {
    color: #A2A8B9 !important;
}

[data-theme="dark"] .breadcrumb-item a,
.dark .breadcrumb-item a {
    color: #A2A8B9 !important;
}

[data-theme="dark"] .breadcrumb-item a:hover,
.dark .breadcrumb-item a:hover {
    color: #E0E2EB !important;
}

[data-theme="dark"] .breadcrumb-item:last-child,
.dark .breadcrumb-item:last-child {
    color: #E0E2EB !important;
}

[data-theme="dark"] .breadcrumb-item:last-child a,
[data-theme="dark"] .breadcrumb-item:last-child span,
[data-theme="dark"] .breadcrumb-item:last-child strong,
.dark .breadcrumb-item:last-child a,
.dark .breadcrumb-item:last-child span,
.dark .breadcrumb-item:last-child strong {
    color: #E0E2EB !important;
}

[data-theme="dark"] .breadcrumb-item:not(:last-child)::after,
.dark .breadcrumb-item:not(:last-child)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12L31 24L19 36' stroke='%23A2A8B9' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}