/* Logo Bistronomix (tulisan script) — emas mewah + kilau berjalan. Dipakai mobile, screen, Back Office/POS web, POS router.
   Bentuk logo = mask PNG (alpha): /bx-logo.png (dengan "DINE AND LOUNGE"), /bx-script.png (tulisan saja).
   Warna = gradasi emas yang sama dengan --metal halaman tamu, jadi logo selalu ikut konsep emas Bistronomix.
   Pakai:  <span class="bx" role="img" aria-label="Bistronomix"><i></i></span>
           + bx--script (tanpa tagline). Lebar diatur lewat --bx-w (tinggi ikut rasio logo). */
.bx {
  --bx-w: 240px;
  --bx-metal: linear-gradient(100deg, #A67C35 0%, #D8B66C 16%, #F6E3A8 28%, #C9A45C 42%, #A67C35 55%, #E9CF8A 70%, #F6E3A8 80%, #C9A45C 100%);
  --bx-glow: rgba(233, 207, 138, .28);
  display: block; width: var(--bx-w); max-width: 100%; margin: 0 auto; line-height: 0;
  filter: drop-shadow(0 0 14px var(--bx-glow)) drop-shadow(0 1px 1px rgba(0, 0, 0, .5));
}
.bx > i {
  display: block; position: relative; width: 100%; aspect-ratio: 1600 / 635; overflow: hidden;
  background: var(--bx-metal); background-size: 220% 100%;
  -webkit-mask: url(/bx-logo.png) center / contain no-repeat; mask: url(/bx-logo.png) center / contain no-repeat;
  animation: bx-sheen 9s ease-in-out infinite alternate;
}
.bx--script > i { -webkit-mask-image: url(/bx-script.png); mask-image: url(/bx-script.png); }
/* kilau: pita cahaya menyapu dari kiri ke kanan, lalu jeda */
.bx > i::after {
  content: ''; position: absolute; inset: 0; transform: translateX(-120%);
  background: linear-gradient(105deg, transparent 34%, rgba(255, 246, 215, .25) 43%, rgba(255, 252, 240, .98) 50%, rgba(255, 246, 215, .25) 57%, transparent 66%);
  animation: bx-kilau 5s cubic-bezier(.45, .05, .25, 1) 1.2s infinite;
}
@keyframes bx-sheen { from { background-position: 0% 0; } to { background-position: 100% 0; } }
@keyframes bx-kilau { 0% { transform: translateX(-120%); } 40%, 100% { transform: translateX(120%); } }
/* logo = identitas; kilaunya pelan & tidak menggeser tata letak, jadi tetap jalan walau "kurangi gerakan" aktif */
@media (prefers-reduced-motion: reduce) {
  .bx > i { animation: bx-sheen 9s ease-in-out infinite alternate !important; }
  .bx > i::after { animation: bx-kilau 5s cubic-bezier(.45, .05, .25, 1) 1.2s infinite !important; }
}