/* Server-rendered navigation. Page shells retain their own width and spacing.
   Visibility switches affect HTML only, independently of SEO JSON-LD. */
#icerik .ef-public-breadcrumb {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 12px;
    padding: 0;
    color: #60748d;
    font: 500 12px/18px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    text-align: start;
}
#icerik .ef-public-breadcrumb > ol {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
#icerik .ef-public-breadcrumb > ol > li {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 8px;
}
#icerik .ef-public-breadcrumb > ol > li + li::before {
    content: "/";
    color: #8da4b5;
}
#icerik .ef-public-breadcrumb a { color: #446b8b; text-decoration: none; }
#icerik .ef-public-breadcrumb a:hover { text-decoration: underline; }
#icerik .ef-public-breadcrumb [aria-current="page"] {
    color: #102d48;
    font-weight: 800;
    overflow-wrap: anywhere;
}
@media (min-width: 768px) {
    body[data-ef-breadcrumb-desktop="0"] #icerik :is(.ef-public-breadcrumb, nav[class*="breadcrumb" i], nav[class*="crumb" i], .crumbs) { display: none !important; }
}
@media (max-width: 767px) {
    body[data-ef-breadcrumb-mobile="0"] #icerik :is(.ef-public-breadcrumb, nav[class*="breadcrumb" i], nav[class*="crumb" i], .crumbs) { display: none !important; }
    #icerik .ef-public-breadcrumb {
        margin-bottom: 10px;
        padding-inline: 0;
        font-size: 11px;
        line-height: 17px;
    }
    #icerik .ef-public-breadcrumb > ol { flex-wrap: nowrap; overflow: hidden; gap: 6px; }
    #icerik .ef-public-breadcrumb > ol > li {
        flex: 0 1 auto;
        overflow: hidden;
        white-space: nowrap;
        gap: 6px;
    }
    #icerik .ef-public-breadcrumb [aria-current="page"], #icerik .ef-public-breadcrumb a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}


/* =============================================================
   EnFavori Design System 1.0 — Public breadcrumb / page opening.
   ONE geometry owner for the two existing public layout families.
   Keep page-specific hero identity, cards, and user actions intact.

   Breadcrumb hierarchy:
   - navigation row: same font, colour and spacing in every shell
   - opening: 12px desktop / 8px mobile under the global header
   - content follows navigation at 8px desktop / 6px mobile
   Important: a few legacy templates STILL render the navigation
   inside their hero. That is a markup issue, not a CSS reset.
   ============================================================= */
:root {
    --ef-page-start-space:12px;
    --ef-trail-next-space:8px;
}
#icerik .ef-public-breadcrumb {
    width:100%;
    margin-block:0 var(--ef-trail-next-space);
    padding-inline:0;
    font:500 12px/18px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    color:#60748d;
}
#icerik .ef-public-breadcrumb > ol {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}
#icerik .ef-public-breadcrumb > ol > li {
    gap:8px;
}
#icerik .ef-public-breadcrumb a {
    color:#446b8b;
    text-decoration:none;
}
#icerik .ef-public-breadcrumb [aria-current="page"] {
    color:#102d48;
    font-weight:800;
}
#icerik .ef-public-breadcrumb + :is(header,section,article,div,h1) {
    margin-block-start:0;
}
/* The surrounding shell, never the breadcrumb itself, owns the
   gap below the global header. Do not change shell width or side margins. */
#icerik .lists-page--directory-v2,
#icerik .ef-directory-page,
#icerik .category-page--index,
#icerik .discoveries-page,
#icerik .category-catalog-detail,
#icerik .efc-page,
#icerik .ef-nearby,
#icerik .article-detail,
#icerik .editorial-profile,
#icerik .ef-design-preview {
    padding-block-start:var(--ef-page-start-space);
}
#icerik .efp-item .efp-shell,
#icerik .efph-page--v7 .efph-wrap,
#icerik .profiles-page--v6 > .wrap,
#icerik .cities-page:not(.ef-directory-page) > .wrap {
    padding-block-start:var(--ef-page-start-space);
}
/* Prevent double top padding inherited from older directory variants. */
#icerik .lists-page--directory-v2 > .ef-public-breadcrumb + .ef-lab-intro {
    padding-block-start:0;
}
#icerik .category-page--index > .wrap > .ef-public-breadcrumb + .directory-hub {
    min-height:0;
    padding-block-start:0;
}
#icerik .category-page--index .directory-hub__copy {
    min-height:0;
    justify-content:flex-start;
}
/* Original profile, city, category and other page heroes remain visually
   distinct; only their distance after the route row is standardized. */
#icerik .ef-public-breadcrumb + :is(
    .ef-design-preview__layout,
    .ef-nearby__hero,
    .efc-hero,
    .efph-v7-hero,
    .efp-list-back-top-wrap,
    .profiles-discovery,
    .category-directory-hero,
    .city-identity-hero,
    .discover-hub-v4__hero,
    .article-directory-hero,
    .directory-hub,
    .ef-lab-intro
) {
    margin-block-start:0;
}
@media (max-width:767px) {
    :root {
        --ef-page-start-space:8px;
        --ef-trail-next-space:6px;
    }
    #icerik .ef-public-breadcrumb {
        margin-block:0 var(--ef-trail-next-space);
        padding-inline:0;
        font-size:11px;
        line-height:17px;
    }
    #icerik .ef-public-breadcrumb > ol {
        gap:6px;
    }
    #icerik .ef-public-breadcrumb > ol > li {
        gap:6px;
    }
}
/* The printer owns a separate no-header context; never inject empty
   page-opening space in PDF/print comparison views. */
@media print {
    #icerik .efc-page { padding-block-start:0; }
}