/* ──────────────────────────────────────────────────────────────────────
   Melayu Riau motif layer — subtle songket weave + gold-framed cards/QR,
   (kuning kebesaran Melayu) accents over the royal-blue base, echoing the
   Lancang Kuning in the BEGADUH logo. Self-contained: edit/remove this file
   (and its AppAsset entry) to dial the cultural theme up or down.
   ────────────────────────────────────────────────────────────────────── */

:root { --melayu-gold: var(--gold-500, #FFC93C); }

/* ── Songket — subtle woven gold lattice for dark surfaces. ── */
.bgd-songket {
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 201, 60, .055) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(-45deg, rgba(255, 201, 60, .055) 0 1px, transparent 1px 13px);
}

/* ── Songket card — ornamental gold border (e-ticket & member card). ── */
.bgd-songket-card { position: relative; border: 2px solid var(--melayu-gold) !important; border-radius: 14px; }

/* ── Songket QR frame — gold frame around a QR.
   Inner area stays white so the code remains scannable. ── */
.bgd-qr-frame {
  display: inline-block; position: relative; background: #fff;
  border: 3px solid var(--melayu-gold); border-radius: 12px; padding: 12px;
  box-shadow: 0 6px 18px rgba(11, 35, 88, .18), inset 0 0 0 2px rgba(11, 35, 88, .06);
}
.bgd-qr-frame > img { display: block; max-width: 240px; width: 100%; }

/* Compact variant for the small member-card QR. */
.bgd-qr-frame--sm { padding: 6px; border-width: 2px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, .25); }
.bgd-qr-frame--sm > img { max-width: none; }