/* --------------------------------------------
   BREADCRUMBS (Rank Math compatible)
   -------------------------------------------- */
.srg-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--srg-space-2);
    font-size: var(--srg-text-xs);
    color: var(--srg-text-tertiary);
    margin-bottom: var(--srg-space-6);
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.srg-breadcrumbs a {
    color: var(--srg-text-secondary);
    text-decoration: none;
}

.srg-breadcrumbs a:hover {
    color: var(--srg-text-link);
    text-decoration: underline;
}

.srg-breadcrumbs-separator {
    width: 14px;
    height: 14px;
    color: var(--srg-text-tertiary);
    flex-shrink: 0;
}

/* ── Visual Breadcrumb Shield ───────────────────────────────────────
   Hides all breadcrumb HTML site-wide.
   JSON-LD BreadcrumbList schema (injected by Rank Math into <head>)
   is completely independent of CSS and remains 100% active for SEO.
   ─────────────────────────────────────────────────────────────────── */
.srg-breadcrumbs,
.srg-breadcrumb-wrap,
.srg-archive-breadcrumb,
.srg-single-breadcrumbs-wrap {
    display: none !important;
}