/*
 * SIGDES 3.1 - Public Running Text Upgrade V1
 * Fokus: keterbacaan running text + kontras label INFO DESA.
 * Tidak mengubah data, route, atau animasi marquee yang sudah ada.
 */

:root{
  --sigdes-ticker-bg:#24114a;
  --sigdes-ticker-bg-2:#1b1745;
  --sigdes-ticker-line:rgba(110,231,255,.20);
  --sigdes-ticker-text:#f2f9ff;
  --sigdes-ticker-muted:#c8ddf1;
  --sigdes-ticker-cyan:#59ecf7;
  --sigdes-ticker-blue:#67b8ff;
  --sigdes-ticker-badge-text:#061524;
}

/* Bar utama hanya diberi class oleh JS setelah INFO DESA ditemukan. */
.sigdes-info-strip-v1{
  position:relative!important;
  min-height:36px!important;
  overflow:hidden!important;
  border-top:1px solid var(--sigdes-ticker-line)!important;
  border-bottom:1px solid rgba(121,221,255,.14)!important;
  background:
    linear-gradient(90deg,rgba(42,17,82,.98) 0%,rgba(32,22,70,.97) 48%,rgba(21,30,65,.97) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 5px 18px rgba(4,10,28,.08)!important;
}

/* Bila INFO DESA sebelumnya absolute/overlay, beri ruang aman agar teks tidak tertutup. */
.sigdes-info-strip-v1.sigdes-info-strip-v1--overlay{
  padding-left:122px!important;
}

.sigdes-info-badge-v1{
  box-sizing:border-box!important;
  min-width:82px!important;
  min-height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 12px!important;
  border:1px solid rgba(214,252,255,.48)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--sigdes-ticker-cyan),var(--sigdes-ticker-blue))!important;
  color:var(--sigdes-ticker-badge-text)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-shadow:
    0 4px 14px rgba(72,211,238,.20),
    inset 0 1px 0 rgba(255,255,255,.58)!important;
  white-space:nowrap!important;
  isolation:isolate!important;
}

/* Untuk badge non-overlay: beri napas kiri/kanan tanpa merusak layout asal. */
.sigdes-info-badge-v1:not(.sigdes-info-badge-v1--overlay){
  margin-left:16px!important;
  margin-right:12px!important;
}

/* Untuk badge overlay: pertahankan posisinya tetapi pastikan sangat terbaca. */
.sigdes-info-badge-v1.sigdes-info-badge-v1--overlay{
  z-index:30!important;
  left:16px!important;
  max-width:94px!important;
}

/* Kandidat running text yang dikenali JS. */
.sigdes-info-running-v1,
.sigdes-info-running-v1 *{
  color:var(--sigdes-ticker-text)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-shadow:0 1px 2px rgba(0,0,0,.34)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.sigdes-info-running-v1{
  min-width:0!important;
  overflow:hidden!important;
}

/* Jangan biarkan isi ticker mulai tepat di bawah badge. */
.sigdes-info-strip-v1--overlay .sigdes-info-running-v1{
  padding-left:8px!important;
}

/* Metadata kanan (welcome/date) cukup diperjelas sedikit tanpa mengambil fokus. */
.sigdes-info-meta-v1,
.sigdes-info-meta-v1 *{
  color:var(--sigdes-ticker-muted)!important;
  font-size:11.5px!important;
  font-weight:650!important;
  line-height:1.25!important;
}

/* Dot status bila ada. */
.sigdes-info-strip-v1 .sigdes-info-dot-v1{
  background:var(--sigdes-ticker-cyan)!important;
  box-shadow:0 0 8px rgba(89,236,247,.74)!important;
}

@media (max-width:900px){
  .sigdes-info-strip-v1{min-height:35px!important}
  .sigdes-info-running-v1,
  .sigdes-info-running-v1 *{font-size:13px!important}
  .sigdes-info-badge-v1{font-size:9.5px!important;padding:5px 10px!important}
  .sigdes-info-strip-v1.sigdes-info-strip-v1--overlay{padding-left:110px!important}
}

@media (max-width:560px){
  .sigdes-info-strip-v1{min-height:34px!important}
  .sigdes-info-running-v1,
  .sigdes-info-running-v1 *{font-size:12.5px!important}
  .sigdes-info-badge-v1{min-width:74px!important;font-size:9px!important;letter-spacing:.12em!important}
  .sigdes-info-badge-v1.sigdes-info-badge-v1--overlay{left:10px!important}
  .sigdes-info-strip-v1.sigdes-info-strip-v1--overlay{padding-left:96px!important}
}

@media (prefers-reduced-motion:reduce){
  /* Tidak mematikan marquee milik aplikasi; hanya memastikan patch tidak menambah animasi baru. */
  .sigdes-info-badge-v1{transition:none!important}
}