/* =========================================================
   ALGOLASSI ADVANCED BREADCRUMB
   ========================================================= */

@keyframes algolassiBreadcrumbHoverTilt {
  0% { transform: rotateZ(0deg); }
  45% { transform: rotateZ(-2.5deg); }
  100% { transform: rotateZ(0deg); }
}

.breadcrumbs { width: min(900px, 100%); max-width: 900px !important; margin: 0 auto 24px !important; padding: 8px 0 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 0 !important; font-size: 15px !important; line-height: 1.4 !important; color: #344054 !important; }
.breadcrumb-item { position: relative !important; display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; }
.breadcrumb-trigger { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 42px !important; padding: 8px 12px !important; border: 1px solid transparent !important; border-radius: 5px !important; color: #1769e0 !important; background: #fff !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.35 !important; white-space: nowrap !important; text-decoration: none !important; cursor: pointer !important; }
.breadcrumb-trigger:hover, .breadcrumb-item:focus-within > .breadcrumb-trigger { background: #f5f9ff !important; border-color: #e3ecfb !important; text-decoration: none !important; }
.breadcrumb-arrow { margin-left: 2px !important; font-size: 10px !important; line-height: 1 !important; color: #1769e0 !important; }
.breadcrumb-separator { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 5px !important; color: #667085 !important; font-size: 18px !important; }
.breadcrumb-current { display: inline-flex !important; align-items: center !important; min-height: 42px !important; padding: 8px 12px !important; border-radius: 5px !important; color: #1769e0 !important; background: #f4f8ff !important; font-size: 16px !important; font-weight: 650 !important; }
.breadcrumb-current.breadcrumb-child-item { position: relative !important; cursor: pointer !important; }
.breadcrumb-current.breadcrumb-child-item:hover, .breadcrumb-current.breadcrumb-child-item:focus-within { background: #f5f9ff !important; border-color: #e3ecfb !important; }
.breadcrumb-menu.breadcrumb-child-menu-source-hidden { display: none !important; }

/* Keep the 3rd breadcrumb level's child menu wide enough for longer items. */
.breadcrumbs > .breadcrumb-item:nth-of-type(3) > .breadcrumb-child-menu,
.breadcrumbs > .breadcrumb-current.breadcrumb-child-item > .breadcrumb-child-menu { min-width: 250px !important; }

/* Keep any residual Unicode/emoji breadcrumb glyphs in monochrome text mode. */
.breadcrumb-current,
.breadcrumb-child-menu > a,
.breadcrumb-child-menu > a.breadcrumb-dropdown-current { font-variant-emoji: text !important; }

/* JavaScript owns submenu width, top and max-height. */
.breadcrumb-child-menu { display: block !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; left: 0 !important; z-index: 10000 !important; box-sizing: border-box !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-gutter: stable !important; padding: 7px 0 !important; border: 1px solid #e6eaf0 !important; border-radius: 6px !important; background: #fff !important; box-shadow: 0 12px 28px rgba(16, 24, 40, .14), 0 2px 6px rgba(16, 24, 40, .06) !important; transform: translateY(-4px) scale(.985) !important; transform-origin: top left !important; transition: opacity .14s ease, transform .18s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .18s !important; }
.breadcrumb-child-item:hover > .breadcrumb-child-menu, .breadcrumb-child-item:focus-within > .breadcrumb-child-menu, .breadcrumb-child-menu.open { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) scale(1) !important; transition-delay: 0s !important; }
.breadcrumb-child-menu > a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 9px 11px !important; box-sizing: border-box !important; border-radius: 5px !important; color: #475467 !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: hidden !important; font-size: 16px !important; line-height: 1.35 !important; white-space: normal !important; text-overflow: ellipsis !important; text-decoration: none !important; animation: none !important; }
.breadcrumb-child-menu > a:hover { background: #f4f8ff !important; color: #1769e0 !important; text-decoration: none !important; animation: algolassiBreadcrumbHoverTilt 320ms ease-in-out both !important; }
.breadcrumb-child-menu > a.breadcrumb-dropdown-current { color: #1769e0 !important; background: #f2f7ff !important; font-weight: 700 !important; }
.breadcrumb-child-menu > a.breadcrumb-dropdown-current:hover { background: #e9f2ff !important; border: 0 !important; }
.breadcrumb-item > .breadcrumb-menu:not(.breadcrumb-child-menu-source-hidden) { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }

@media (max-width: 700px) {
  .breadcrumbs { width: 100% !important; max-width: 100% !important; padding: 6px 0 !important; font-size: 14px !important; }
  .breadcrumb-trigger, .breadcrumb-current { min-height: 38px !important; padding: 7px 9px !important; font-size: 14px !important; }
  .breadcrumb-separator { padding: 0 3px !important; font-size: 16px !important; }
  .breadcrumb-child-menu { left: 0 !important; }
  .breadcrumb-child-item:hover > .breadcrumb-child-menu, .breadcrumb-child-item:focus-within > .breadcrumb-child-menu, .breadcrumb-child-menu.open { transform: translateY(0) scale(1) !important; }
  .breadcrumb-child-menu > a { font-size: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .breadcrumb-child-menu, .breadcrumb-child-menu > a, .breadcrumb-child-menu > a:hover { animation: none !important; transition: none !important; }
}