/* =========================================================
   R2Portal — Single Tweaks File (SAFE)
   Use ONLY this file. Remove other tweak/hotfix CSS.
   Changes: sticky/blur nav, readable header text,
   premium buttons (but NOT .btndec), subtle glass panels,
   clearer tables/inputs, mobile: hide heavy hero art.
   ========================================================= */

/* 1) Navigation */
.navigation {
  position: sticky !important;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(8px);
  background-color: rgba(0,0,0,0.35) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* 2) Header readability */
.header__desc,
.header__title {
  text-shadow: 0 2px 18px rgba(0,0,0,0.55);
}
.header__inner::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: 320px;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(4,5,7,0) 0%, rgba(4,5,7,0.55) 40%, rgba(4,5,7,0.85) 100%);
  z-index: 1;
}
.header__content,
.header__btns { position: relative; z-index: 2; }

/* 3) Premium buttons — DO NOT touch .btndec */
.button_type_1,
.btn_type_1,
.btn,
.user-enter,
.user-reg {
  border-color: rgba(1,191,250,0.75) !important;
  background: linear-gradient(180deg, rgba(1,191,250,0.18), rgba(1,191,250,0.06)) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.35), 0 0 22px rgba(1,191,250,.35) !important;
  text-shadow: none !important;
}
.button_type_1:hover,
.btn_type_1:hover,
.btn:hover,
.user-enter:hover,
.user-reg:hover {
  border-color: rgba(251,209,129,0.75) !important;
  background: linear-gradient(180deg, rgba(251,209,129,0.22), rgba(251,209,129,0.08)) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.45), 0 0 28px rgba(251,209,129,.35) !important;
}

/* Keep original hex buttons intact */
.btndec {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btndec:hover { background: transparent !important; filter: brightness(110%); }

/* 4) Panels / cards */
.content, .content_s, .tabBlock, .newsBlock, .post, .modal_div,
.footer__inner, .invite-bar, .start-bar, .page__section {
  background-color: rgba(18,19,30,0.78) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0,0,0,.45) !important;
}

/* 5) Titles & accents */
.heading__title,
.news-title,
.header__title,
.color-yellow,
.post__author {
  color: #f8c878 !important;
  text-shadow: 0 0 16px rgba(248,200,120,.25);
}

/* 6) Tables */
.table-row { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.table-td { color: #e9e7f3 !important; }
.table-td.number span.n-top-1 { background:#f8c878 !important; color:#1b1a22 !important; }
.table-td.number span.n-top-2 { background:#a1a6b9 !important; color:#1b1a22 !important; }
.table-td.number span.n-top-3 { background:#8a745a !important; color:#1b1a22 !important; }

/* 7) Inputs */
input:not([type=checkbox]):not([type=radio]), select, textarea, .field__inp {
  background-color: rgba(29,29,40,0.7) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #f0eefb !important;
}
input:focus, select:focus, textarea:focus, .field__inp:focus {
  border-color: rgba(1,191,250,.5) !important;
  box-shadow: 0 0 0 3px rgba(1,191,250,.18) !important;
}

/* 8) Mobile: heavy art off */
@media (max-width: 993px) {
  .hero, .sparks { display: none !important; }
}