/* ============================================================
   birdmy.biz — theme.css «Гильдейская летопись»
   Дизайн построен на текстурах из архива (as1..as8, c, h, knp).
   Загружается ПОСЛЕДНИМ (в footer.php), перебивает инлайн-стили.
   Серверную логику PHP не трогает.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Nunito:wght@400;600;700;800;900&display=swap');

:root {
  --ink: #3a2a17;
  --ink2: #6b543a;
  --gold: #a9761f;
  --gold2: #d4a437;
  --parch: #efe6d0;
  --wood1: #241708;
  --wood2: #3b2a15;
}

/* ---------- фон и база ---------- */
body {
  background: url(../img/bg_wood.png?v=2122) center / cover no-repeat fixed,
              linear-gradient(160deg, #8a6a3f 0%, #6b4f2c 50%, #513a1e 100%) !important;
  color: var(--ink);
  font-family: 'Nunito', sans-serif;
}

#wrapper {
  max-width: 620px;
  padding: 8px;
  margin-bottom: 70px;
  filter: drop-shadow(0 10px 30px #00000088);
}

/* ---------- шапка с балансом ---------- */
#header {
  background-image: url(../img/h.png?v=208) !important;
  background-size: 100% 100% !important;
  border-radius: 6px;
  padding: 14px 10px 12px;
  box-shadow: inset 0 0 40px #00000022, 0 4px 14px #00000066;
}

#balans {
  font-family: 'Marcellus', serif;
}
#balans .val {
  color: #241708 !important;
  font-size: 26px !important;
  text-shadow: 0 1px 0 #ffffff66;
}
#balans .bg {
  background-image: url(../img/as3.png?v=208) !important;
  background-size: 100% 100% !important;
  border-radius: 6px;
  color: var(--ink) !important;
  font-weight: 700;
  box-shadow: 0 2px 6px #00000040;
  padding: 4px 8px;
}
#balans .col:first-child {
  color: #4a3620;
  font-weight: 700;
}

/* ---------- верхняя навигация ---------- */
.bottom-nav2 {
  height: 54px !important;
  margin: 14px 0 18px !important;
  gap: 4px;
}
.bottom-nav2 a {
  background-image: url(../img/as2.png?v=208) !important;
  background-size: 100% 100% !important;
  border-radius: 6px;
  color: #33240f !important;
  font-family: 'Marcellus', serif;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: 0 3px 8px #00000055, inset 0 0 18px #00000014;
  transition: transform .12s ease, filter .12s ease;
}
.bottom-nav2 a:active {
  transform: translateY(2px) scale(.98);
  filter: brightness(1.06);
}

/* ---------- инфо-плашка (жёлтая из PHP) ---------- */
div[style*="FFCC00"] {
  background: url(../img/as7.png?v=208) !important;
  background-size: 100% 100% !important;
  color: #12303f !important;
  font-weight: 800;
  border-radius: 6px;
  padding: 10px 12px;
  box-shadow: 0 3px 10px #00000055;
}

/* ---------- общие пергаментные панели ---------- */
#games_stat, #payin, #payout, #games, #mark_sp,
#tarif_sp .block, #st_r .block, #games_stat .block2 {
  background-image: url(../img/as5.png?v=208) !important;
  background-size: 100% 100% !important;
  border-radius: 6px;
  box-shadow: 0 4px 12px #00000059, inset 0 0 26px #00000012;
  color: var(--ink);
}

#games_stat {
  padding: 22px 10px 18px !important;
}
#games_stat .text { color: #57432a !important; font-size: 15px !important; letter-spacing: 1px; text-transform: uppercase; }
#games_stat b { color: #241708 !important; }

#userSt .text { color: #57432a; }
#userSt .fts { color: #241708; }

/* карточки персонажей (игры) */
#games {
  margin: 3px !important;
  padding: 8px !important;
}
#games img {
  filter: drop-shadow(0 4px 6px #00000073) !important;
}
#games .name {
  color: #33240f !important;
  font-family: 'Marcellus', serif;
  letter-spacing: 1px;
}
#games b { color: #7a5a12 !important; }
#games small { color: #6b543a; }

/* слоты-маркеры */
#mark_sp { margin: 3px !important; }

/* ---------- кнопки ---------- */
.btn2, #tab2 #knp {
  background-image: url(../img/knp.png?v=208) !important;
  background-color: transparent !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #3d2a08 !important;
  font-family: 'Marcellus', serif;
  font-weight: 700;
  letter-spacing: 2px;
  text-shadow: 0 1px 0 #ffffff55;
  box-shadow: 0 4px 10px #00000066;
  transition: transform .12s ease, filter .12s ease;
}
.btn2:hover, #tab2 #knp:hover {
  background-color: transparent !important;
  filter: brightness(1.07);
  color: #3d2a08 !important;
}
.btn2:active, #tab2 #knp:active { transform: translateY(2px); }
#tab2 #knp a { color: #3d2a08 !important; }

/* ---------- формы ---------- */
.form-control {
  background-color: #ffffff59 !important;
  border: 1px solid #00000026 !important;
  border-radius: 6px;
  color: var(--ink) !important;
  font-weight: 700;
}
.form-control::placeholder { color: #6b543a99; }
.input-group-text {
  background-color: #00000014 !important;
  border: 1px solid #00000026 !important;
  border-radius: 6px;
  color: var(--ink);
}

/* ---------- таблицы (топ, рефы) ---------- */
#tab2 { border-radius: 8px; overflow: hidden; box-shadow: 0 4px 14px #00000059; }
#tab2 tr {
  background-image: url(../img/as5.png?v=208) !important;
  background-size: 100% 100% !important;
  color: #33240f !important;
}
#tab2 tr:nth-child(even) {
  background-image: url(../img/as2.png?v=208) !important;
}
#tab2 tr:nth-child(odd) {
  background-image: url(../img/as5.png?v=208) !important;
  background: url(../img/as5.png?v=208) !important;
  background-size: 100% 100% !important;
}
#tab2 #tab_head2, #tab_head2 {
  background-image: url(../img/as1.png?v=208) !important;
  background-color: transparent !important;
  background-size: 100% 100% !important;
  color: #241708 !important;
  font-family: 'Marcellus', serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#zagl {
  font-family: 'Marcellus', serif;
  color: #241708;
  letter-spacing: 1px;
}

/* ---------- реф-тарифы ---------- */
#tarif_sp .block { width: 165px; }
#tarif_sp .text, #tarif_sp .text2 { color: #33240f !important; }
#st_r .block b { color: #241708; }

/* ---------- заголовки страниц ---------- */
.title {
  font-family: 'Marcellus', serif !important;
  color: #33240f !important;
  letter-spacing: 1px;
}
#pg_info {
  background: url(../img/as7.png?v=208) !important;
  background-size: 100% 100% !important;
  background-color: transparent !important;
  color: #12303f !important;
  border-radius: 6px;
  font-weight: 700;
  box-shadow: 0 3px 10px #00000055;
}

/* ---------- подвал / переводчик ---------- */
.gt_float_switcher {
  background: var(--parch);
  color: #4a3620;
  border-radius: 6px;
}
.gt_float_switcher .gt_options a { color: #4a3620; }

/* ---------- лендинг (template/index.php) ---------- */
.landing-body {
  background: url(../img/bg_wood.png?v=2122) center / cover no-repeat fixed !important;
}