/* WRE - desain contoh halaman status (dipakai status/index-contoh.php) */

/* Teks kecil dibesarkan agar mudah dibaca di HP */
.chip{font-size:11px;padding:5px 9px}
.j-lab{font-size:11px;opacity:1}
.sec{font-size:12.5px;letter-spacing:.8px}
.data-line{font-size:15px}
.data-sub{font-size:13.5px}
.uh-tiket{font-size:14px}
.uh-name{font-size:16.5px}
.uh-meta{font-size:13.5px;opacity:1}
.inv-garansi-btn{font-size:12.5px;padding:9px 13px}
.inv-garansi-btn .inv-sub{font-size:11px}
@media (max-width:480px){
  .chip{font-size:10.5px;padding:5px 7px}
  .uh-chips{flex-wrap:wrap;gap:5px}
  .j-lab{font-size:10.5px}
}

/* Header: teks tetap terbaca di atas warna tema terang (mis. krem/emas) */
.uh .uh-tiket,.uh .uh-name,.uh .uh-meta,.uh .chip,.uh .j-lab,.uh-av{
  text-shadow:0 1px 3px rgba(15,30,63,.55)}
body[data-status-mode="dark"] .uh .uh-meta,
body[data-status-mode="dark"] .uh .uh-name,
body[data-status-mode="dark"] .uh .uh-tiket,
body[data-status-mode="dark"] .uh .j-lab,
body[data-status-mode="dark"] .uh .chip{color:#fff !important}
.journey{background:rgba(15,30,63,.32)}
.chip{background:rgba(15,30,63,.28);border-color:rgba(255,255,255,.4)}

/* Kartu dan jarak */
.card{border-radius:24px;box-shadow:0 12px 34px rgba(15,30,63,.09);padding:18px 16px 22px}

/* Kotak pencarian tiket */
.search-form .form-control{min-height:52px;border-radius:14px;font-size:16px}
.search-form .btn-wre{min-height:52px;border-radius:14px;font-size:16px}

/* Dark mode: teks pendukung lebih terang */
body[data-status-mode="dark"] .sec,
body[data-status-mode="dark"] .data-sub{color:#b4c0d4 !important}
body[data-status-mode="dark"] .data-line{color:#f1f5f9 !important}

/* Gerakan dikurangi bila perangkat memintanya */
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}