/* ============================================================
   UK — United Kingdom
   Style: Union Jack red / white / royal blue, classic elegant, slim lines
   No @import / no external fonts
   ============================================================ */

:root {
  --brand: #012169;          /* Union Jack royal blue */
  --brand2: #C8102E;         /* Union Jack red */
  --brand3: #0a1f5c;
  --bg: #f3f2ef;
  --card: #ffffff;
  --ink: #1a1a1a;
  --gold: #b8893d;
}

body {
  font-family: Georgia, 'Times New Roman', 'Segoe UI', serif;
  background: #e9e7e1;
  color: var(--ink);
}
.app { background: var(--bg); }

/* Flag strip: red / white / blue diagonal-ish bands */
.flagstrip {
  height: 6px;
  background: linear-gradient(to right,
    #C8102E 0 18%, #ffffff 18% 22%, #012169 22% 60%, #ffffff 60% 64%, #C8102E 64% 100%);
}

/* Appbar: deep royal blue, slim gold underline (classic elegance) */
.appbar {
  background: linear-gradient(180deg, #012169 0%, #0a1f5c 100%);
  border-radius: 4px;                  /* sharp-ish, classic */
  border-bottom: 2px solid var(--gold);
  padding: 12px 18px 18px;
}
.appbar .brand { letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; }
.appbar .brand .logo { border-radius: 3px; border: 1px solid var(--gold); }
.appbar .iconbtn { border-radius: 4px; background: rgba(255,255,255,.12); }

/* Wallet card: deep blue, thin gold frame */
.wallet-card {
  background: rgba(1,33,105,.55);
  border: 1px solid var(--gold);
  border-radius: 4px;
}
.wallet-card .acts a { border-radius: 3px; color: var(--brand); background: #fff; }

/* Cards: near-sharp corners, top royal-blue hairline */
.card, .cat, .badge, .testi {
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(1,33,105,.08);
}
.card { background: var(--card); border-top: 2px solid var(--brand); }

/* Buttons: royal blue, sharp, red accent on secondary */
.btn {
  border-radius: 3px;
  background: linear-gradient(135deg, #012169, #0a1f5c);
  box-shadow: 0 4px 10px rgba(1,33,105,.3);
  letter-spacing: .5px;
}
.btn.secondary { background: #C8102E; color: #fff; box-shadow: none; }

/* Promo: deep blue with red/gold trim */
.promo {
  border-radius: 4px;
  background: linear-gradient(120deg, #012169 0%, #0a1f5c 60%, #C8102E 150%);
  border: 1px solid var(--gold);
  box-shadow: 0 6px 16px rgba(1,33,105,.3);
}

/* Chips: rectangular, blue border */
.chip { border-radius: 3px; border: 1px solid var(--brand); color: var(--brand); background: #fff; }

/* Category grid */
.cat { border: 1px solid #e3e0d8; background: var(--card); }
.cat .nm { color: var(--ink); }

/* Stats: royal blue band */
.stats {
  background: linear-gradient(90deg, #012169, #C8102E);
  border-radius: 3px;
}

/* Badges */
.badge { border: 1px solid #e3e0d8; background: #fff; }
.badge .b-t { color: var(--ink); }

/* Howto numbers: red square, gold numeral */
.howto .n { border-radius: 2px; background: var(--brand2); color: #fff; }

/* Price */
.price { color: var(--brand2); }

/* Tabbar */
.tabbar { border-top: 1px solid #ddd9cf; background: #fff; }
.tabbar a.on { color: var(--brand2); }
.tabbar a.on .ic { filter: none; }