/* ==========================================================================
   Organizer Header Styles
   ========================================================================== */

/* --------------------------------------------------------------------------
   Breadcrumb
   -------------------------------------------------------------------------- */
.organizer-header-breadcrumb-container {
  display: block;
  /* 下の主催者画面の背景（グレー）が透けないよう白にする */
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-gray-200);
}

.organizer-header-breadcrumb-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0.75rem 1rem;
}

/* --------------------------------------------------------------------------
   Breadcrumb Navigation
   -------------------------------------------------------------------------- */
.organizer-header-breadcrumb-nav {
  font-size: 0.875rem;
}

/* リンクだとわかるように、青字 + 下線にする */
.organizer-header-breadcrumb-link {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--transition-normal);
}

.organizer-header-breadcrumb-link:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.organizer-header-breadcrumb-separator {
  color: var(--color-gray-400);
  margin: 0 0.25rem;
}

.organizer-header-breadcrumb-current {
  color: var(--color-gray-700);
  font-weight: 500;
}

/* グレーの帯はスマホだけ（PC では背景を付けない。参加者側の breadcrumb.css と同じ） */
@media (max-width: 767px) {
  .organizer-header-breadcrumb-container {
    background-color: var(--color-gray-100);
  }
}