/*
 * Wolf IPTV — Site Breadcrumb Bundle (blog + content pages only)
 *
 * AUTO-GENERATED FILE — DO NOT EDIT DIRECTLY
 * Source files in: assets/css/bundles/breadcrumb/
 * Build script: dashboard/scripts/build-css.php
 * Generated:    2026-07-12 08:12:19
 */


/* ═══ FROM: breadcrumb.css ═══ */

/*
 * PROJECT: Wolf IPTV
 * FILE: wolf_iptv/assets/css/bundles/breadcrumb/breadcrumb.css
 *
 * ═══════════════════════════════════════════════════════════════════════════
 *  Site Breadcrumb — (مش بريدكرامب الـ Page Builder)
 * ═══════════════════════════════════════════════════════════════════════════
 *
 *  conditional: صفحات المدونة والمحتوى فقط.
 *
 *  ⚠️ L0.2 (2026-07-12) — مزامنة إجبارية:
 *  ─────────────────────────────────────────────────────────────────────
 *  الـ partial ده كان **قديم**: لسه شغّال بالـ design tokens القديمة
 *  (--wolf-muted / --wolf-text / --wolf-border2 / --wolf-primary-light)
 *  و margin-top: 80px ثابت. بينما wolf-breadcrumb.css المرفوع كان اتعدّل
 *  **بالإيد** للنظام الجديد (--text-muted / --brand-soft / calc(var(--nav-h))).
 *
 *  يعني أول build-css.php كان هيرجّع البريدكرامب للتوكنز القديمة ويكسر
 *  الـ margin لو ارتفاع النافبار اتغيّر.
 *
 *  اتزامن دلوقتي مع الملف المرفوع بالظبط — والـ CssBundleIntegrityTest
 *  هيمنع تكرار ده.
 *
 *  الدرس: الملف المولّد ما يتعدّلش. التعديل مكانه هنا ثم build.
 *  ─────────────────────────────────────────────────────────────────────
 */

/*
 * PROJECT: Wolf IPTV
 * FILE: wolf_iptv/assets/css/bundles/breadcrumb/breadcrumb.css
 *
 * ═══════════════════════════════════════════════════════════════════════════
 *  Site Breadcrumb Bundle (NOT Page Builder breadcrumb)
 * ═══════════════════════════════════════════════════════════════════════════
 *  Day 14 Phase 2 — Extracted from wolf-core.css (LAYOUT > BREADCRUMB)
 *  Source lines: 229-264
 *
 *  IMPORTANT: This is for SITE breadcrumb on blog/category pages.
 *  Page Builder breadcrumb (.pb-breadcrumb) is in pagebuilder/_breadcrumb.css
 *
 *  Loaded by: wolf-breadcrumb.css bundle (conditional, on blog only)
 * ═══════════════════════════════════════════════════════════════════════════
 */

/* ── BREADCRUMB ─────────────────────────────────────── */
.breadcrumb-wrap {
    padding: 0 24px;
    margin-top: calc(var(--nav-h) + var(--sp-6)); /* يفرّغ مساحة الـ navbar الثابت (76px + هامش) */
    margin-bottom: 24px;
}
.breadcrumb-nav {
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border-strong);
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 700;
    list-style: none;
}
.breadcrumb-nav a {
    color: var(--text-muted);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s;
}
.breadcrumb-nav a:hover { color: var(--text); }
.breadcrumb-sep { color: var(--border-strong); font-size: 10px; }
.breadcrumb-current {
    color: var(--brand-soft);
    display: flex;
    align-items: center;
    gap: 6px;
}