/* GravityGigs Breadcrumbs styling (external) */
.gg-breadcrumbs {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:16px;
  max-width:1200px;
  margin:0 auto;
  padding:8px 12px;
  background:rgba(255,255,255,0.95);
  border-radius:6px;
  color:#222;
  box-shadow:0 1px 2px rgba(0,0,0,0.04);
}
.gg-breadcrumbs-inner {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  width:100%;
}
.gg-breadcrumb-item {
  color:#0066cc;
  text-decoration:none;
  font-size:0.95rem;
}
.gg-breadcrumb-item:hover {
  text-decoration:underline;
}
.gg-breadcrumb-sep {
  color:#777;
  margin:0 6px;
}
.gg-breadcrumb-current {
  color:#000000;
  font-weight:700;
}
.gg-main-breadcrumbs {
  margin-top:18px;
  margin-bottom:14px;
  z-index:10;
  pointer-events:auto;
}
.gg-vendor-breadcrumbs {
  margin-top:12px;
  margin-bottom:16px;
  z-index:8;
}
@media(max-width:576px){
  .gg-breadcrumbs{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding:8px 10px;
    font-size:13px;
  }
  .gg-breadcrumb-item{
    display:inline-block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

/* Use CSS-generated separator to avoid translation/bidi/char-replacement issues */
.gg-breadcrumbs-inner .gg-breadcrumb-with-sep::after {
  content: "\00BB"; /* » */
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  margin: 0 6px;
  user-select: none;
}

/* Ensure container respects RTL but separator stays LTR */
[dir="rtl"] .gg-breadcrumbs,
.rtl .gg-breadcrumbs {
  direction: rtl;
}

/* flip the separator horizontally on RTL pages */
[dir="rtl"] .gg-breadcrumbs-inner .gg-breadcrumb-with-sep::after,
.rtl .gg-breadcrumbs-inner .gg-breadcrumb-with-sep::after {
  transform: scaleX(-1);
  display: inline-block;
  transform-origin: center;
}