/**
 * KKey Breadcrumbs Pro - Frontend Styles
 * Version: 5.0.0
 * https://kkey.io
 *
 * Base structural and layout styles for breadcrumb navigation.
 * Dynamic values (colors, fonts, spacing) are applied via inline
 * CSS from PHP, so this file contains layout-only rules.
 */

/* ========================================
   Base Layout
   ======================================== */

.kkey-bc-nav {
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kkey-bc-list {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

.kkey-bc-item {
  display: inline;
}

.kkey-bc-separator {
  display: inline;
  margin: 0 5px;
  user-select: none;
}

/* ========================================
   Links
   ======================================== */

.kkey-bc-nav a {
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.kkey-bc-nav a:hover {
  text-decoration: underline;
}

.kkey-bc-nav a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}

/* ========================================
   Current Item
   ======================================== */

.kkey-bc-current {
  /* font-weight is set dynamically via inline CSS */
}

/* ========================================
   Front Text
   ======================================== */

.kkey-bc-front-text {
  margin-right: 5px;
}

/* ========================================
   Home Icon
   ======================================== */

.kkey-bc-home-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
}

.kkey-bc-home .kkey-bc-home-icon {
  margin-right: 3px;
}

/* ========================================
   RTL Support
   ======================================== */

[dir="rtl"] .kkey-bc-front-text {
  margin-right: 0;
  margin-left: 5px;
}

[dir="rtl"] .kkey-bc-separator {
  direction: ltr;
  unicode-bidi: bidi-override;
}

[dir="rtl"] .kkey-bc-home .kkey-bc-home-icon {
  margin-right: 0;
  margin-left: 3px;
}

/* ========================================
   Responsive
   ======================================== */

@media screen and (max-width: 480px) {
  .kkey-bc-nav {
    font-size: 12px !important;
  }

  .kkey-bc-separator {
    margin: 0 3px;
  }
}

/* ========================================
   Print Styles
   ======================================== */

@media print {
  .kkey-bc-nav {
    background: none !important;
    border: none !important;
    padding: 0 !important;
  }

  .kkey-bc-nav a {
    color: #000 !important;
  }
}