/**
 * Breadcrumb Styles v1.0
 * Centralized breadcrumb styling for all sites
 * 
 * @version 1.0.0
 * @date February 2026
 * 
 * CSS Variables Used (define in Custom Template CSS):
 * --breadcrumb-link-color
 * --breadcrumb-current-color
 * --breadcrumb-hover-color
 * --breadcrumb-divider-color
 * --breadcrumb-border-color
 */

/* ===================================================================
   BREADCRUMB CONTAINER
   =================================================================== */

#breadcrumbs {
  border-top: 1px solid var(--breadcrumb-border-color, #000000) !important;
  border-bottom: 1px solid var(--breadcrumb-border-color, #000000) !important;
  padding: 12px 0;
}

/* ===================================================================
   BREADCRUMB LINKS (CLICKABLE)
   =================================================================== */

.dn-breadcrumbs .dn-breadcrumb a {
  color: var(--breadcrumb-link-color, #333333) !important;
  text-decoration: none !important;
  font-weight: normal !important;
  transition: text-decoration 0.2s ease, color 0.2s ease;
}

.dn-breadcrumbs .dn-breadcrumb a:hover {
  color: var(--breadcrumb-hover-color, var(--breadcrumb-link-color, #333333)) !important;
  text-decoration: underline !important;
}

/* ===================================================================
   CURRENT PAGE (LAST BREADCRUMB, NON-CLICKABLE)
   =================================================================== */

.dn-breadcrumbs .dn-breadcrumb:last-child,
.dn-breadcrumbs .dn-breadcrumb:last-child span {
  color: var(--breadcrumb-current-color, #333333) !important;
  font-weight: bold !important;
}

/* ===================================================================
   DIVIDERS
   =================================================================== */

.dn-breadcrumbs .dn-breadcrumb-divider {
  color: var(--breadcrumb-divider-color, #333333) !important;
  margin: 0;
}

/* ===================================================================
   RESPONSIVE
   =================================================================== */

@media (max-width: 768px) {
  #breadcrumbs {
    padding: 10px 0;
  }
  
  .dn-breadcrumbs .dn-breadcrumb-divider {
    margin: 0;
  }
  
  .dn-breadcrumbs .dn-breadcrumb a,
  .dn-breadcrumbs .dn-breadcrumb span {
    font-size: 14px;
  }
}

/* ===================================================================
   HIDDEN BREADCRUMBS
   =================================================================== */

/* Breadcrumbs hidden by JavaScript maintain proper spacing */
.dn-breadcrumbs .dn-breadcrumb[style*="display: none"] + .dn-breadcrumb-divider[style*="display: none"] {
  margin: 0;
}