/* Toolkit MS – Breadcrumbs (lightweight, namespaced BEM) */

/* Variables CSS personnalisables */
.tkms-breadcrumbs-wrapper {
  /* Variables par défaut (peuvent être surchargées par le shortcode) */
  --tkms-bc-link-color: currentColor;
  --tkms-bc-separator-color: currentColor;
  --tkms-bc-bg-color: transparent;
  --tkms-bc-text-color: inherit;
  
  /* Support pour l'alignement */
  display: flex;
  width: 100%;
}

.c-navigation-breadcrumbs { 
  position: relative;
  background-color: var(--tkms-bc-bg-color);
  color: var(--tkms-bc-text-color);
  /* Ne pas prendre toute la largeur pour permettre l'alignement */
  display: inline-flex;
  max-width: 100%;
}

/* Default SVG masks for icons (colored via currentColor) */
.c-navigation-breadcrumbs {
  --tkms-bc-arrow-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M16 5h-2l-6 7 6 7h2l-6-7z'/></svg>");
  --tkms-bc-chevron-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M8 5h2l6 7-6 7H8l6-7z'/></svg>");
}
.c-navigation-breadcrumbs__directory { display: flex; align-items: center; flex-wrap: nowrap; }
.c-navigation-breadcrumbs__item { display: flex; align-items: center; position: static; }
.c-navigation-breadcrumbs__item--has-menu { position: relative; }
.c-navigation-breadcrumbs__link { 
  display: inline-flex; 
  align-items: center; 
  text-decoration: none !important;
  color: var(--tkms-bc-link-color) !important; /* Force la couleur personnalisée */
}
.c-navigation-breadcrumbs__link:visited { 
  color: var(--tkms-bc-link-color) !important;
  text-decoration: none !important;
}
.c-navigation-breadcrumbs__link:hover, 
.c-navigation-breadcrumbs__link:focus { 
  text-decoration: none !important; /* Pas de soulignement même au hover */
  color: var(--tkms-bc-link-color) !important;
  opacity: 0.8; /* Légère opacité pour indiquer l'interactivité */
}

/* Icon beside Home label (SVG <use> - legacy) */
.o-inline-svg-icon { stroke: currentColor; }
.o-inline-svg-icon--baseline { position: relative; top: .125em; width: 1em; height: 1em; }

/* Font Awesome icons in breadcrumb links */
.c-navigation-breadcrumbs__link i {
  margin-right: 6px;
  font-size: 1em;
  color: inherit;
}

/* Separator chevron for all but last item (>=501px) */
@media (min-width: 501px){
  /* Masquer le séparateur CSS par défaut si Font Awesome est utilisé */
  .tkms-breadcrumbs-wrapper--custom-separator .c-navigation-breadcrumbs__item:nth-last-child(n+2)::after {
    display: none;
  }
  
  /* Séparateur par défaut (SVG mask) */
  .c-navigation-breadcrumbs__item:nth-last-child(n+2)::after {
    content: '\200b';
    display: inline-block;
    width: 16px; height: 16px; margin: 0 8px; flex: 0 0 auto;
    background-color: var(--tkms-bc-separator-color) !important; /* Couleur personnalisée du séparateur */
    -webkit-mask: var(--tkms-bc-chevron-mask) center / 16px 16px no-repeat;
            mask: var(--tkms-bc-chevron-mask) center / 16px 16px no-repeat;
  }
  
  /* Séparateur Font Awesome */
  .c-navigation-breadcrumbs__separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
    color: var(--tkms-bc-separator-color) !important;
    font-size: 14px;
  }
}

/* Small screens: show only parent level and display back arrow */
@media (max-width: 500px){
  .c-navigation-breadcrumbs__item:not(:nth-last-child(2)) { display: none; }
  .c-navigation-breadcrumbs__separator { display: none; }
  
  .c-navigation-breadcrumbs__link::before {
    content: '\200b';
    display: inline-block; width: 16px; height: 16px; margin-right: 8px;
    background-color: var(--tkms-bc-separator-color) !important; /* Couleur personnalisée de la flèche */
    -webkit-mask: var(--tkms-bc-arrow-mask) center / 16px 16px no-repeat;
            mask: var(--tkms-bc-arrow-mask) center / 16px 16px no-repeat;
  }
}

/* Utilities */
.u-visually-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Dropdown (siblings at same level) */
.c-navigation-breadcrumbs__dropdown { position: relative; display: inline-block; margin-left: 8px; }
.c-navigation-breadcrumbs__dropdown-toggle { cursor: pointer; color: currentColor; display: inline-flex; align-items: center; gap: 6px; list-style: none; }
.c-navigation-breadcrumbs__dropdown-toggle::-webkit-details-marker { display: none; }
.c-navigation-breadcrumbs__dropdown-menu {
  position: absolute; top: calc(100% + 6px); left: 0; min-width: 200px;
  background: var(--tkms-dd-bg, #fff); color: inherit;
  border: 1px solid var(--tkms-dd-border, rgba(0,0,0,.08));
  border-radius: var(--tkms-dd-radius, 4px);
  box-shadow: var(--tkms-dd-shadow, 0 8px 20px rgba(0,0,0,.15));
  padding: var(--tkms-dd-padding, 8px 0); z-index: 10; display: none;
}
.c-navigation-breadcrumbs__dropdown[open] .c-navigation-breadcrumbs__dropdown-menu { display: block; }
.c-navigation-breadcrumbs__dropdown:hover .c-navigation-breadcrumbs__dropdown-menu { display: block; }
.c-navigation-breadcrumbs__item--has-menu:hover .c-navigation-breadcrumbs__dropdown-menu { display: block; }
.c-navigation-breadcrumbs__dropdown-menu { list-style: none; padding-left: 0; margin: 0; }
.c-navigation-breadcrumbs__dropdown-menu li { margin: 0; padding: 0; list-style: none; }
.c-navigation-breadcrumbs__dropdown-menu a { display: block; padding: 6px 12px; text-decoration: none !important; }
.c-navigation-breadcrumbs__dropdown-menu a:visited { color: inherit; text-decoration: none !important; }
.c-navigation-breadcrumbs__dropdown-menu a:hover { background: rgba(0,0,0,.04); text-decoration: none !important; opacity: 0.8; }

/* Ensure base list has no bullets */
.c-navigation-breadcrumbs__directory { list-style: none; padding-left: 0; margin: 0; }