/* =========================================
   BREADCRUMB — estilo Action.com
   ========================================= */

#wrapper .breadcrumb {
  background: transparent;
  box-shadow: none;
  padding-top: 12px;
  padding-bottom: 12px;
}

#wrapper .breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
}

/* Separador tipo chevron entre items */
#wrapper .breadcrumb ol li + li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  vertical-align: middle;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231a1a1a' d='M9 20a1 1 0 0 1-.707-1.707L14.586 12 8.293 5.707a1 1 0 1 1 1.414-1.414l7 7a1 1 0 0 1 0 1.414l-7 7A1 1 0 0 1 9 20'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item + li::before {
  display: none !important;
  content: none !important;
}

#wrapper .breadcrumb ol li {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
}

#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item .flex.items-center {
  display: flex;
  align-items: center;
}

#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item [data-testid="breadcrumb-back-button"] {
  display: flex;
  align-items: center;
  border: 0;
  background: transparent;
  color: #001489;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  line-height: 1.4;
  padding: 0;
}

#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item [data-testid="breadcrumb-back-button"] > span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: -8px;
  margin-right: -8px;
}

#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item [data-testid="breadcrumb-back-button"] svg {
  display: block;
  width: 24px;
  height: 24px;
}

#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item [data-testid="breadcrumb-back-button"] > span:last-child {
  color: #001489;
  font-weight: 700;
  margin-left: 6px;
  transition: box-shadow 0.15s ease;
}

#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item [data-testid="breadcrumb-back-button"]:hover > span:last-child,
#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item [data-testid="breadcrumb-back-button"]:focus-visible > span:last-child {
  box-shadow: 0 1px 0 0 #001489;
}

#wrapper .breadcrumb ol li.nappy-breadcrumb__back-item > .flex.items-center > span[aria-hidden="true"] {
  color: #737373;
  display: inline;
  margin-left: 12px;
  margin-right: 12px;
}

/* Eliminar el separador original del tema */
#wrapper .breadcrumb ol li::after {
  display: none !important;
  content: none !important;
}

/* Links — azul oscuro estilo Action */
#wrapper .breadcrumb ol li a {
  color: #001489;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.4;
  transition: box-shadow 0.15s ease;
}

#wrapper .breadcrumb ol li a:hover,
#wrapper .breadcrumb ol li a:focus {
  box-shadow: 0 1px 0 0 #001489;
  text-decoration: none;
  color: #001489;
}

#wrapper .breadcrumb ol li a span,
#wrapper .breadcrumb ol li a > span {
  color: inherit;
}

#wrapper .breadcrumb .nappy-breadcrumb__text {
  display: inline-block;
  text-transform: lowercase;
}

#wrapper .breadcrumb .nappy-breadcrumb__text::first-letter {
  text-transform: uppercase;
}

/* Último item (texto plano, sin enlace) */
#wrapper .breadcrumb ol li:last-child span {
  color: #1a1a1a;
  font-weight: 400;
}

/* Navegación de producto (flechas prev/next) */
#wrapper .breadcrumb #iqitproductsnav {
  display: flex;
  align-items: center;
  gap: 4px;
}

#wrapper .breadcrumb #iqitproductsnav a {
  color: #001489;
  font-size: 18px;
  line-height: 1;
  padding: 4px 6px;
  transition: opacity 0.15s ease;
}

#wrapper .breadcrumb #iqitproductsnav a:hover {
  opacity: 0.7;
}