/* =========================================================
   GTADV.EU – Final Build dark UI
   - sötétszürke panelek, fehér szöveg
   - fakó, színes gombok
   - egyedi görgetősáv
   - modern, letisztult layout
   ========================================================= */

:root{
  --bg-0:#0f1216;
  --bg-1:#151b1f;
  --bg-2:#1a1f26;       /* kártya háttér */
  --bg-3:#222b36;       /* input hátterek */
  --bd-1:#262c36;       /* kártya szegély */
  --bd-2:#2e3642;       /* input szegély */
  --tx-0:#ffffff;       /* fő fehér */
  --tx-1:#e9eef7;       /* lágy fehér */
  --tx-2:#a9b4c7;       /* szekunder */
  --muted:#9fb0c9;

  /* fakó színek – gombokhoz, chipekhez */
  --blue:#5ca7ff;
  --blue-600:#74b4ff;
  --green:#6ed195;
  --green-600:#7beaa8;
  --purple:#b89cff;
  --purple-600:#c7b2ff;
  --yellow:#ffe084;
  --yellow-600:#ffe89f;
  --red:#ff6b6b;
  --red-600:#ff8585;

  /* infobox háttér + színek */
  --inf-success:#1e4732;
  --inf-success-tx:#b3ffd3;
  --inf-error:#4c2323;
  --inf-error-tx:#ffbcbc;
  --inf-warn:#4a3b1b;
  --inf-warn-tx:#ffe6a7;
  --inf-info:#1b2a40;
  --inf-info-tx:#cfe3ff;

  /* csillogás/kifutások */
  --shadow-1:0 8px 28px rgba(0,0,0,.35);
  --shadow-2:0 10px 40px rgba(0,0,0,.45);
}

/* Alap */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg-0);
  color:var(--tx-1);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Inter, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Linkek */
a{color:var(--blue);text-decoration:none}
a:hover{opacity:.9}

/* NAVBAR */
.navbar{
  background:rgba(15,18,22,.85);
  backdrop-filter: blur(6px);
  border-bottom:1px solid #141a22;
}
.navbar .navbar-brand{color:var(--tx-1);font-weight:600}
.navbar .nav-link{color:var(--muted)}
.navbar .nav-link.active,
.navbar .nav-link:hover{color:var(--tx-1)}

/* Kártyák / Panelek – sötétszürke, fehér szöveg */
.card{
  background:var(--bg-2);
  color:var(--tx-1);
  border:1px solid var(--bd-1);
  border-radius:14px;
  box-shadow: var(--shadow-1);
}
.card .card-title{color:var(--tx-1);font-weight:600}
.card .card-text{color:var(--tx-2)}

/* Chip / badge stílus */
.chip{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.3rem .7rem;border-radius:9999px;
  background:var(--bg-3);color:#cfe3ff;font-size:.85rem;
  border:1px solid #2a3441;
}

/* Táblák sötétben */
.table{color:var(--tx-1)}
.table thead th{color:var(--tx-1);border-color:#2a3441}
.table td, .table th{border-color:#2a3441}
.table tbody tr:hover{background:#192028}

/* Inputok, űrlapok */
.form-control{
  background:var(--bg-3);
  border:1px solid var(--bd-2);
  color:var(--tx-0);
}
.form-control::placeholder{color:#8fa2bd}
.form-control:focus{border-color:var(--blue); box-shadow:none; color:var(--tx-0)}
.form-select{
  background:var(--bg-3);
  color:var(--tx-0);
  border:1px solid var(--bd-2);
}

/* Gombok – fakó színek */
.btn{border:0;border-radius:10px;font-weight:600}
.btn:focus{box-shadow:none}

.btn-blue{background:var(--blue); color:#fff}
.btn-blue:hover{background:var(--blue-600)}

.btn-green{background:var(--green); color:#111}
.btn-green:hover{background:var(--green-600)}

.btn-purple{background:var(--purple); color:#111}
.btn-purple:hover{background:var(--purple-600)}

.btn-yellow{background:var(--yellow); color:#111}
.btn-yellow:hover{background:var(--yellow-600)}

.btn-red{background:var(--red); color:#fff}
.btn-red:hover{background:var(--red-600)}

.btn-outline-light{
  border:1px solid #3a4352;color:var(--tx-1);background:transparent
}
.btn-outline-light:hover{
  background:#2a3441;color:#fff
}
.btn-outline-danger{
  border:1px solid #5a2b2b;color:#ffbcbc;background:transparent
}
.btn-outline-danger:hover{
  background:#5a2b2b;color:#fff
}

/* Emoji reakció gombok */
.emoji-btn{
  border:0;background:transparent;color:var(--tx-1);
  font-size:1.05rem;cursor:pointer;opacity:.9;transition:.15s;
}
.emoji-btn small{font-weight:700;color:#cfe3ff;margin-left:.25rem}
.emoji-btn:hover{transform:translateY(-1px) scale(1.05);opacity:1}

/* Infobox – jobb alsó sarok, fakó szín */
.infobox{
  position:fixed; right:20px; bottom:20px; z-index:9999;
  padding:12px 18px; border-radius:12px; font-weight:600;
  box-shadow: var(--shadow-2); animation: slideIn .35s ease;
}
.infobox.success{background:var(--inf-success); color:var(--inf-success-tx)}
.infobox.error{background:var(--inf-error); color:var(--inf-error-tx)}
.infobox.warning{background:var(--inf-warn); color:var(--inf-warn-tx)}
.infobox.info{background:var(--inf-info); color:var(--inf-info-tx)}
@keyframes slideIn{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1)

/* Modal sötét téma */
.modal-content{
  background:var(--bg-2);
  color:var(--tx-1);
  border:1px solid var(--bd-1);
  border-radius:14px;
}

/* Kereső mező nagyban */
#search.form-control,
.form-control.form-control-lg{
  padding:.9rem 1rem;font-size:1.05rem;border-radius:12px
}

/* Statisztika sáv */
.stat-bar{
  background:#111822;
  border-bottom:1px solid #1b2531;
}
.stat-item{min-width:180px}

/* Egyedi görgetősáv – a site kék-lila gradienséhez igazítva */
.scrollbar::-webkit-scrollbar{width:10px;height:10px}
.scrollbar::-webkit-scrollbar-track{background:#0e131a}
.scrollbar::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, var(--blue), var(--purple));
  border-radius:10px;
  border:2px solid #0e131a;
}
.scrollbar::-webkit-scrollbar-thumb:hover{
  filter:brightness(1.1)
}

/* Kisebb utilok */
.shadow-1{box-shadow:var(--shadow-1)}
.shadow-2{box-shadow:var(--shadow-2)}
.round-14{border-radius:14px}
.text-muted-2{color:var(--tx-2)}
.text-soft{color:#cfe3ff}
.separator{height:1px;background:#1b2531;margin:20px 0}

/* Reszponzív finomítások */
@media (max-width: 992px){
  .stat-item{min-width:auto}
}
@media (max-width: 576px){
  .navbar .navbar-brand{font-size:1rem}
  .card{border-radius:12px}
}

/* Flag ikonok a nyelvváltóhoz */
.lang-switch{display:flex;align-items:center;gap:8px}
.lang-switch img{
  width:28px;height:auto;border-radius:3px;cursor:pointer;
  opacity:.85;transition:.2s;
}
.lang-switch img:hover{opacity:1;transform:scale(1.07)}

/* Splash logó (ha használod) */
#splash{
  position:fixed;inset:0;background:var(--bg-0);
  display:flex;align-items:center;justify-content:center;
  z-index:9999;animation:fadeOut 1.2s ease forwards;animation-delay:.9s
}
#splash img{width:160px;opacity:0;animation:glow .9s ease forwards}
@keyframes glow{0%{opacity:0;filter:brightness(.2)}100%{opacity:1;filter:brightness(1.2)}}
@keyframes fadeOut{to{opacity:0;visibility:hidden}}

/* Login/Reg/Profile dobozok */
.login-box,.reg-box{
  max-width:460px;margin:8vh auto;padding:2.2rem;
  background:var(--bg-2); border:1px solid var(--bd-1);
  border-radius:12px; box-shadow: var(--shadow-1);
}

/* Jelvények a toplistához */
.badge-gold{background:linear-gradient(45deg,#ffd54f,#ffb300);color:#111}
.badge-silver{background:linear-gradient(45deg,#e0e0e0,#bdbdbd);color:#111}
.badge-bronze{background:linear-gradient(45deg,#d7a86e,#b27439);color:#111}

body {
background: #0e0e0e;
color: #fff;
font-family: Poppins, sans-serif;
}

.navbar { background: #111; }
.btn-blue { background: #007bff; color: #fff; border: none; }
.btn-blue:hover { background: #0062cc; }

.upload-card {
background: #1b1b1b;
padding: 15px;
border-radius: 8px;
box-shadow: 0 0 6px rgba(0,0,0,0.4);
}

.upload-card h5 { color: #fff; margin-bottom: 8px; }

.dark-modal {
background: #1b1b1b;
color: #fff;
border-radius: 8px;
}

.dark-modal .form-control {
background: #2a2a2a;
border: 1px solid #333;
color: #fff;
}

.dark-modal .form-control:focus {
background: #2a2a2a;
color: #fff;
box-shadow: none;
}

.infobox {
position: fixed;
bottom: 20px;
right: 20px;
padding: 10px 20px;
border-radius: 8px;
font-weight: 600;
animation: slideIn .4s ease;
}

.infobox.success { background: #28a745; }
.infobox.error { background: #dc3545; }

@keyframes slideIn {
from { transform: translateX(120%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}

.cat-badge{
  padding: .25rem .6rem;
  border-radius: 999px;
  font-size:.75rem;
  font-weight:700;
  color:#fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
}
.cat-mod   { background:#6f42c1; }  /* lila */
.cat-script{ background:#0d6efd; }  /* kék  */
.cat-map   { background:#20c997; }  /* zöldkék */
.cat-model { background:#fd7e14; }  /* narancs */
.cat-dump  { background:#6c757d; }  /* szürke */
.cat-web   { background:#198754; }  /* zöld */
.cat-egyeb { background:#dc3545; }  /* piros */

.icon-btn-dl{
  background:#2a4c8a;
  border:1px solid #3d5fa3;
  color:#eaf1ff;
  border-radius:10px;
  padding:10px 12px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.icon-btn-dl:hover{ filter:brightness(1.08); transform:translateY(-1px); }