/*
 * MediaCore CMS — Classic Compact Breadcrumb
 * SATU-SATUNYA file yang mengatur breadcrumb untuk theme classic_compact.
 * Semua rule breadcrumb di file lain sudah dihapus.
 * Design: clean · minimalis · kompak · seragam semua halaman.
 */

/* ── Container ─────────────────────────────────────────────────────── */
body.theme-classic_compact .breadcrumb,
body.theme-classic_compact .article-breadcrumb,
body.theme-classic_compact .si-kanal-breadcrumb,
body.theme-classic_compact .si-classic-collection-breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* ── Item <li> — bunuh pill/chip dari semua file sebelumnya ─────────── */
body.theme-classic_compact .breadcrumb > li,
body.theme-classic_compact .article-breadcrumb > li,
body.theme-classic_compact .si-kanal-breadcrumb > li,
body.theme-classic_compact .si-classic-collection-breadcrumb > li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── Separator ›  ───────────────────────────────────────────────────── */
body.theme-classic_compact .breadcrumb > li + li::before,
body.theme-classic_compact .article-breadcrumb > li + li::before,
body.theme-classic_compact .si-kanal-breadcrumb > li + li::before,
body.theme-classic_compact .si-classic-collection-breadcrumb > li + li::before {
  content: "›" !important;
  padding: 0 6px !important;
  color: #cbd5e1 !important;
  font-size: 12px !important;
  background: transparent !important;
  border: none !important;
}

/* ── Link & Span  ───────────────────────────────────────────────────── */
body.theme-classic_compact .breadcrumb > li > a,
body.theme-classic_compact .breadcrumb > li > span,
body.theme-classic_compact .article-breadcrumb > li > a,
body.theme-classic_compact .article-breadcrumb > li > span,
body.theme-classic_compact .si-kanal-breadcrumb > li > a,
body.theme-classic_compact .si-kanal-breadcrumb > li > span,
body.theme-classic_compact .si-classic-collection-breadcrumb > li > a,
body.theme-classic_compact .si-classic-collection-breadcrumb > li > span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: 0 !important;
}

/* ── Hover ──────────────────────────────────────────────────────────── */
body.theme-classic_compact .breadcrumb > li > a:hover,
body.theme-classic_compact .article-breadcrumb > li > a:hover,
body.theme-classic_compact .si-kanal-breadcrumb > li > a:hover,
body.theme-classic_compact .si-classic-collection-breadcrumb > li > a:hover {
  color: #1e293b !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  background: transparent !important;
}

/* ── Item terakhir (halaman aktif) ──────────────────────────────────── */
body.theme-classic_compact .breadcrumb > li:last-child,
body.theme-classic_compact .breadcrumb > li:last-child > a,
body.theme-classic_compact .breadcrumb > li:last-child > span,
body.theme-classic_compact .article-breadcrumb > li:last-child,
body.theme-classic_compact .article-breadcrumb > li:last-child > a,
body.theme-classic_compact .article-breadcrumb > li:last-child > span,
body.theme-classic_compact .si-kanal-breadcrumb > li:last-child,
body.theme-classic_compact .si-kanal-breadcrumb > li:last-child > a,
body.theme-classic_compact .si-classic-collection-breadcrumb > li:last-child,
body.theme-classic_compact .si-classic-collection-breadcrumb > li:last-child > a {
  color: #1e293b !important;
  font-weight: 500 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: 0 !important;
}

/* ── Bunuh semua pseudo-element dekoratif ───────────────────────────── */
body.theme-classic_compact .breadcrumb > li::after,
body.theme-classic_compact .breadcrumb > li > a::before,
body.theme-classic_compact .breadcrumb > li > a::after,
body.theme-classic_compact .article-breadcrumb > li::after,
body.theme-classic_compact .article-breadcrumb > li > a::before,
body.theme-classic_compact .article-breadcrumb > li > a::after,
body.theme-classic_compact .si-kanal-breadcrumb > li::after,
body.theme-classic_compact .si-kanal-breadcrumb > li > a::before,
body.theme-classic_compact .si-kanal-breadcrumb > li > a::after,
body.theme-classic_compact .si-classic-collection-breadcrumb > li::after,
body.theme-classic_compact .si-classic-collection-breadcrumb > li > a::before,
body.theme-classic_compact .si-classic-collection-breadcrumb > li > a::after {
  content: none !important;
  display: none !important;
}

/* ── Spacing kontekstual ────────────────────────────────────────────── */
body.theme-classic_compact .container.cont.si-classic-collection-page,
body.theme-classic_compact .container.cont.si-kanal-page,
body.theme-classic_compact .container.cont.si-classic-static-page,
body.theme-classic_compact.article-page .container.cont {
  padding-top: 14px !important;
}

/* ── Mobile (≤767px) ────────────────────────────────────────────────── */
@media (max-width: 767px) {
  body.theme-classic_compact .container.cont.si-classic-collection-page,
  body.theme-classic_compact .container.cont.si-kanal-page,
  body.theme-classic_compact .container.cont.si-classic-static-page,
  body.theme-classic_compact.article-page .container.cont {
    padding-top: 10px !important;
  }

  body.theme-classic_compact .breadcrumb,
  body.theme-classic_compact .article-breadcrumb,
  body.theme-classic_compact .si-kanal-breadcrumb,
  body.theme-classic_compact .si-classic-collection-breadcrumb {
    margin-bottom: 8px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  body.theme-classic_compact .breadcrumb > li + li::before,
  body.theme-classic_compact .article-breadcrumb > li + li::before,
  body.theme-classic_compact .si-kanal-breadcrumb > li + li::before,
  body.theme-classic_compact .si-classic-collection-breadcrumb > li + li::before {
    padding: 0 5px !important;
  }
}

/* SITNAS 404 — Classic Compact */
body.theme-classic_compact.si-404-page{background:#f7f8fa;color:#1f2937}
body.theme-classic_compact.si-404-page .si-ad-slot,
body.theme-classic_compact.si-404-page .si-mobile-flying-wrap,
body.theme-classic_compact.si-404-page [data-ad-slot]{display:none!important}
body.theme-classic_compact.si-404-page .si404-compact-wrap{padding-top:12px;padding-bottom:22px}
body.theme-classic_compact.si-404-page .si404-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 8px!important;padding:0!important;background:transparent!important;border:0!important;font-size:12px;color:#6b7280}
body.theme-classic_compact.si-404-page .si404-breadcrumb a{color:#374151;font-weight:600;text-decoration:none}
body.theme-classic_compact.si-404-page .si404-compact-hero{background:#fff;border:1px solid rgba(148,163,184,.28);border-left:4px solid var(--site-primary,#2563eb);padding:22px 24px;box-shadow:0 4px 18px rgba(15,23,42,.045)}
body.theme-classic_compact.si-404-page .si404-compact-topline{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-width:0}
body.theme-classic_compact.si-404-page .si404-compact-code{display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-weight:800;font-size:22px;letter-spacing:-.04em;padding:6px 10px;line-height:1}
body.theme-classic_compact.si-404-page .si404-compact-site{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--site-primary,#2563eb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.theme-classic_compact.si-404-page .si404-compact-hero h1{font-size:24px;line-height:1.22;margin:0 0 8px;color:#111827;font-weight:700;letter-spacing:-.02em}
body.theme-classic_compact.si-404-page .si404-compact-hero p{max-width:680px;margin:0 0 12px;color:#4b5563;font-size:14px;line-height:1.62}
body.theme-classic_compact.si-404-page .si404-countdown-note{display:inline-flex!important;width:max-content;max-width:100%;align-items:center;gap:4px;background:#f9fafb;border:1px solid rgba(148,163,184,.28);border-left:3px solid var(--site-primary,#2563eb);padding:7px 9px;color:#374151!important;font-size:12.5px!important;line-height:1.45!important;margin:0 0 14px!important}
body.theme-classic_compact.si-404-page .si404-countdown-note strong{color:#111827;font-weight:800}
body.theme-classic_compact.si-404-page .si404-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
body.theme-classic_compact.si-404-page .si404-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:3px;font-size:12.5px;font-weight:750;text-decoration:none!important;line-height:1.2;border:1px solid transparent;transition:.15s ease}
body.theme-classic_compact.si-404-page .si404-btn-primary{background:var(--site-primary,#2563eb);border-color:var(--site-primary,#2563eb);color:#fff!important}
body.theme-classic_compact.si-404-page .si404-btn-primary:hover{filter:brightness(.94);color:#fff!important}
body.theme-classic_compact.si-404-page .si404-btn-light{background:#fff;border-color:#d1d5db;color:#111827!important}
body.theme-classic_compact.si-404-page .si404-btn-light:hover{border-color:var(--site-primary,#2563eb);color:var(--site-primary,#2563eb)!important}
body.theme-classic_compact.si-404-page .si404-compact-latest{margin-top:12px;background:#fff;border:1px solid rgba(148,163,184,.24);padding:12px;box-shadow:0 4px 16px rgba(15,23,42,.035)}
body.theme-classic_compact.si-404-page .si404-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(148,163,184,.22);padding-bottom:7px;margin-bottom:9px}
body.theme-classic_compact.si-404-page .si404-section-head h2{font-size:15px;font-weight:750;margin:0;color:#111827;letter-spacing:-.01em}
body.theme-classic_compact.si-404-page .si404-section-head a{font-size:12px;font-weight:700;color:var(--site-primary,#2563eb)}
body.theme-classic_compact.si-404-page .si404-compact-list{display:grid;gap:0}
body.theme-classic_compact.si-404-page .si404-compact-item{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:start;padding:0 0 9px;margin:0 0 9px;border-bottom:1px solid rgba(148,163,184,.18);min-width:0}
body.theme-classic_compact.si-404-page .si404-compact-item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
body.theme-classic_compact.si-404-page .si404-compact-thumb{display:block;overflow:hidden;background:#e5e7eb;aspect-ratio:16/10}
body.theme-classic_compact.si-404-page .si404-compact-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
body.theme-classic_compact.si-404-page .si404-meta{font-size:11px;line-height:1.35;color:#6b7280;margin:0 0 3px}
body.theme-classic_compact.si-404-page .si404-compact-item h3{font-size:14.5px;line-height:1.28;font-weight:600;margin:0;letter-spacing:-.01em}
body.theme-classic_compact.si-404-page .si404-compact-item h3 a{color:#1f2937;text-decoration:none!important}
body.theme-classic_compact.si-404-page .si404-compact-item h3 a:hover{color:var(--site-primary,#2563eb)}
@media(max-width:767px){body.theme-classic_compact.si-404-page .si404-compact-wrap{width:100%!important;max-width:100%!important;padding:0 12px 18px!important}body.theme-classic_compact.si-404-page .si404-breadcrumb{padding-top:8px!important}body.theme-classic_compact.si-404-page .si404-compact-hero{margin-left:-12px;margin-right:-12px;border-left:0;border-right:0;border-top:3px solid var(--site-primary,#2563eb);padding:18px 12px}body.theme-classic_compact.si-404-page .si404-compact-hero h1{font-size:22px}body.theme-classic_compact.si-404-page .si404-countdown-note{display:flex!important;width:auto}body.theme-classic_compact.si-404-page .si404-btn{flex:1 1 auto}body.theme-classic_compact.si-404-page .si404-compact-latest{margin:10px -12px 0;border-left:0;border-right:0;box-shadow:none}body.theme-classic_compact.si-404-page .si404-compact-item{grid-template-columns:92px minmax(0,1fr);gap:9px}body.theme-classic_compact.si-404-page .si404-compact-item h3{font-size:14px}}
html[dir="rtl"] body.theme-classic_compact.si-404-page .si404-compact-hero,
html[dir="rtl"] body.theme-classic_compact.si-404-page .si404-breadcrumb,
html[dir="rtl"] body.theme-classic_compact.si-404-page .si404-compact-latest{text-align:right}
html[dir="rtl"] body.theme-classic_compact.si-404-page .si404-compact-hero{border-left:1px solid rgba(148,163,184,.28);border-right:4px solid var(--site-primary,#2563eb)}
html[dir="rtl"] body.theme-classic_compact.si-404-page .si404-countdown-note{border-left:1px solid rgba(148,163,184,.28);border-right:3px solid var(--site-primary,#2563eb)}