/* ============================================================
   Türkiye (TR) Theme — Kırmızı / Beyaz / Gece Yarısı Mavisi
   Esin: Türk bayrağı (ay-yıldız) + Osmanlı geometrik yıldız deseni
   Ana renk: #E30A17 bayrak kırmızısı
   ============================================================ */

:root {
  --brand:    #E30A17;   /* bayrak kırmızısı */
  --brand2:  #C4081A;   /* koyu kırmızı */
  --brand3:  #1A1A2E;   /* gece yarısı lacivert */
  --bg:      #FFF6F6;   /* beyaza yakın, hafif pembe */
  --card:    #FFFFFF;
  --ink:     #2B1B1B;
  --price:   #C4081A;
}

body {
  background: var(--bg);
  font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  color: var(--ink);
  letter-spacing: .1px;
}

/* Flag strip: kırmızı-beyaz-kırmızı şerit + ay-yıldız hissi */
.flagstrip {
  height: 8px !important;
  background: linear-gradient(to right,
    #E30A17 0%, #E30A17 20%,
    #FFFFFF 20%, #FFFFFF 25%,
    #E30A17 25%, #E30A17 100%) !important;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
}

/* App bar — koyu kırmızı gradient, ince alt altın şerit */
.appbar {
  background: linear-gradient(135deg, #C4081A 0%, #E30A17 60%, #FF3B3B 100%) !important;
  border-bottom: 3px solid #FFFFFF;
  box-shadow: 0 4px 16px rgba(227,10,23,.28);
}
.appbar .brand { color: #fff; letter-spacing: .3px; }
.appbar .brand .logo {
  background: rgba(255,255,255,.22);
  border: 1.5px solid rgba(255,255,255,.55);
  color: #fff;
}

/* Cüzdan kartı — kırmızı üzerine beyaz hilal parıltısı */
.wallet-card {
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 45%),
    linear-gradient(135deg, #E30A17 0%, #A30612 100%) !important;
  border-radius: 22px 22px 26px 26px;
  box-shadow: 0 8px 22px rgba(195,8,26,.35);
  color: #fff;
}
.wallet-card .acts a {
  background: #fff;
  color: var(--brand);
  border-radius: 12px;
  font-weight: 700;
}
.wallet-card .acts a.ghost {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,.65);
}

/* Kartlar — Osmanlı 12 köşeli yıldız hissi: düzensiz büyük köşeler */
.card, .badge, .chips span {
  border-radius: 18px 6px 18px 6px;
}
.badge {
  background: var(--card);
  border-top: 3px solid #E30A17;
  box-shadow: 0 3px 12px rgba(227,10,23,.10);
}
.badge .b-t { color: var(--brand3); font-weight: 700; }

/* Hızlı seçim çipleri */
.chips span {
  border: 1.5px solid #E30A17 !important;
  color: var(--brand) !important;
  background: #FFECEC !important;
  border-radius: 22px !important;
  font-weight: 600;
}
.chips span.on, .chips span.active {
  background: linear-gradient(135deg, #E30A17, #FF3B3B) !important;
  color: #fff !important;
}

/* İstatistik şeridi — kırmızı gradient */
.stats {
  background: linear-gradient(135deg, #C4081A 0%, #E30A17 55%, #FF6B6B 100%) !important;
  border-radius: 20px;
  box-shadow: 0 5px 16px rgba(227,10,23,.3);
  color: #fff;
}

/* Butonlar */
.btn, button, .field input[type=submit], a.button {
  border-radius: 14px;
}
.btn-primary, .field input[type=submit] {
  background: linear-gradient(135deg, #E30A17, #C4081A) !important;
  border: none;
  box-shadow: 0 4px 14px rgba(227,10,23,.35);
  color: #fff;
  font-weight: 700;
}

/* Fiyat rengi */
.price { color: var(--price) !important; font-weight: 700; }

/* Alt sekmeler */
.tabbar {
  background: #fff;
  border-top: 2px solid #E30A17;
  box-shadow: 0 -3px 12px rgba(26,26,46,.08);
}
.tabbar a.on { color: var(--brand) !important; }

/* Adım daireleri — kırmızı */
.howto .n {
  background: linear-gradient(135deg, #E30A17, #FF3B3B) !important;
  box-shadow: 0 2px 8px rgba(227,10,23,.35);
}

/* Linkler */
a { color: var(--brand); }

/* Bildirim şeridi */
.container { padding-top: 8px; }