/* 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;    /* ensure transform applies */
  transform-origin: center;
}

