/* ============================================================
   Breadcrumbs + H1 — centralizirani dizajn za cijeli sajt.
   SVE klase moraju započinjati s "bd-" prefiksom.
   Koristi se na: category, categorySport, event, sport, natjecanje,
                  natjecatelj, venue, objekt, article, expiredEvent,
                  expiredSport, i bilo koja druga stranica s
                  breadcrumb/H1 pattern-om.
   ============================================================ */

/* ---------- Header blok (breadcrumb + H1 u istom container-u) ---------- */
.bd-header {
    padding-top: 12px;
    padding-bottom: 20px;
}

/* ---------- Breadcrumb wrapper ---------- */
.bd-wrap {
    padding: 0 0 4px 0;
    margin: 0;
    color: #495B69;
    font-size: 0.9rem;
    line-height: 1.4;
}

.bd-wrap a,
.bd-wrap .bd-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease;
}

.bd-wrap a:hover,
.bd-wrap .bd-link:hover {
    color: #28A745;
    text-decoration: none;
}

.bd-wrap .bd-current {
    color: #28A745;
    font-weight: 600;
}

.bd-wrap .bd-sep {
    margin: 0 6px;
    color: #adb5bd;
}

/* ---------- Page title (H1) ---------- */
.bd-h1 {
    font-family: 'Poppins', 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #495B69;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    letter-spacing: -0.3px;
}

.bd-h1 .bd-h1-accent {
    color: #28A745;
}

/* ---------- Page intro / lead paragraph (opcionalno) ---------- */
.bd-lead {
    color: #6c757d;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0 0 20px;
}

/* ---------- Responzivno ---------- */
@media (max-width: 576px) {
    .bd-wrap {
        font-size: 0.8rem;
        padding: 8px 0 2px;
    }
    .bd-h1 {
        font-size: 1.5rem;
        margin-bottom: 12px;
    }
    .bd-lead {
        font-size: 0.88rem;
    }
}