/*
  ============================================================================
  BREADCRUMB POSITIONING — resources/views/components/breadcrumbs.blade.php
  ============================================================================
  The component's base look (pill shapes, chevron separators, colors) lives in
  app.css and is left alone here — this file only fixes VERTICAL POSITION.
  Loaded site-wide (see layouts/app.blade.php) since ~18 different page
  templates each include the breadcrumbs component directly.

  Problem this fixes: app.css gives the wrap almost no top spacing, so on
  every tool/info page the breadcrumb row sits visually flush against the
  navbar with no breathing room, then the page title crowds in right below
  it — cramped at both ends. Loaded after app.css, with !important to beat
  its existing !important margin-bottom rules.
  ============================================================================
*/

.site-breadcrumb-wrap {
    margin-top: var(--space-4, 1rem) !important;
    margin-bottom: var(--space-5, 1.25rem) !important;
}

@media (max-width: 575.98px) {
    .site-breadcrumb-wrap {
        margin-top: var(--space-3, 0.75rem) !important;
    }
}