/* Modern Breadcrumb Styling - Override inline styles */

/* Main breadcrumb container */
.som-breadcrumbs {
  max-width: 1340px;
  margin: 18px auto 0;
  padding: 0 32px;
}

.som-breadcrumbs .rank-math-breadcrumb p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "DM Sans", sans-serif;
}

/* Links styling */
.som-breadcrumbs a {
  color: #4a7ba7;
  text-decoration: none;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  transition: all 0.2s ease;
  border-bottom: none !important;
}

.som-breadcrumbs a:hover {
  color: #2c5282;
  background-color: rgba(203, 213, 225, 0.4);
  border: none !important;
}

/* Current/last breadcrumb - active state with light background */
.som-breadcrumbs .last {
  background-color: rgba(191, 219, 254, 0.5);
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  color: #1e3a8a;
  font-weight: 500;
}

/* Separators */
.som-breadcrumbs .separator {
  margin: 0 0.25rem;
  color: #cbd5e1;
  font-weight: 300;
  flex-shrink: 0;
}

/* First link (home) icon styling */
.som-breadcrumbs a:first-of-type {
  padding: 0.5rem 0.6rem;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .som-breadcrumbs {
    padding: 0 18px;
  }

  .som-breadcrumbs .rank-math-breadcrumb p {
    font-size: 0.9rem;
    gap: 0.5rem;
  }

  .som-breadcrumbs a {
    padding: 0.4rem 0.6rem;
  }

  .som-breadcrumbs .last {
    padding: 0.4rem 0.6rem;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .som-breadcrumbs a {
    color: #60a5fa;
  }

  .som-breadcrumbs a:hover {
    color: #93c5fd;
    background-color: rgba(30, 58, 138, 0.3);
  }

  .som-breadcrumbs .last {
    background-color: rgba(30, 58, 138, 0.4);
    color: #93c5fd;
  }

  .som-breadcrumbs .separator {
    color: #4b5563;
  }
}

/* Hide duplicate breadcrumb in article header - keep only Rank Math one */
.entry-header .som-breadcrumb {
  display: none !important;
}