/* =========================================================
   INFINITY2 — CMS theme (light / cream / gold)
   Rescrie stilul injectat anterior prin base64. Aceleași clase
   (u2a*, u2b*, p-rank-*) sunt folosite direct de index.php și de
   paginile deja integrate (daily.php, tickets.php, ticket_view.php),
   deci layout-ul (grid/flex) a fost păstrat — doar culorile/temele
   au fost schimbate din întunecat în deschis, conform noului design.
   ========================================================= */

:root{
  --gold: #d4a94a;
  --gold-light: #f2dc9c;
  --gold-deep: #b8862f;
  --gold-dark: #8a6a24;

  --ink: #2b2213;
  --ink-soft: #6b5c3f;

  --cream: #f8f1de;
  --cream-2: #f1e6c8;
  --cream-border: #e2cd93;
  --bg-page: #f4ead2;

  --dark: #14100a;
  --dark-2: #1c150c;

  --red: #be3144;
  --green: #2fae63;

  --radius: 16px;
  --shadow: 0 16px 44px rgba(90,65,20,.16);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  min-height:100vh;
  margin:0;
  color:var(--ink);
  font-family:'Rajdhani',sans-serif;
  background:
    radial-gradient(circle at 15% 0%, rgba(212,169,74,.10), transparent 40%),
    radial-gradient(circle at 85% 10%, rgba(212,169,74,.08), transparent 35%),
    var(--bg-page);
}
body::before{ content:none; } /* elimină grila întunecată din tema veche */

a{ text-decoration:none; color:inherit; transition:.2s ease; }
a:hover{ color:var(--gold-deep); }

/* ---------------- Navbar (u2aG / u2aL) ---------------- */
.u2aG{
  background:linear-gradient(180deg,#17110a 0%,#1c150c 100%) !important;
  border-bottom:1px solid #3a2c14 !important;
  padding:12px 16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.28);
}
.u2aL{
  max-width:1240px !important;
  gap:8px !important;
  justify-content:space-between !important;
  padding:0 10px;
}
.u2aL a{
  padding:11px 14px;
  border:1px solid transparent;
  border-radius:999px;
  color:#d8cba4 !important;
  font-family:'Cinzel',serif;
  font-size:12px !important;
  letter-spacing:1.3px !important;
  text-transform:uppercase;
}
.u2aL a:hover{
  color:#2b2213 !important;
  background:linear-gradient(135deg,#f2dc9c,#c8902f);
  border-color:rgba(255,255,255,.5);
  text-shadow:none !important;
  transform:translateY(-1px);
}
.u2aL img{ filter:drop-shadow(0 0 14px rgba(212,169,74,.5)); }

/* ---------------- Hero (u2aw / video / logo / online pill) ---------------- */
.u2aw{
  position:relative;
  height:520px !important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;
  border-bottom:1px solid var(--gold-deep) !important;
  isolation:isolate;
  background:#0f0b06;
}
.u2aw::before,.u2aw::after{ content:'';position:absolute;inset:0;pointer-events:none; }
.u2aw::before{
  z-index:0;
  background:
    radial-gradient(circle at 50% 30%, rgba(212,169,74,.16), transparent 32%),
    linear-gradient(180deg, rgba(10,7,3,.55) 0%, rgba(10,7,3,.15) 55%, rgba(244,234,210,.55) 88%, var(--bg-page) 100%);
}
.u2aw::after{ z-index:1; box-shadow:inset 0 -60px 90px rgba(6,7,11,.35); }
.u2ay{
  position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;
  transform:translate(-50%,-50%);
  z-index:-1;
  filter:brightness(.55) saturate(1.05) !important;
}
.u2ax{
  height:150px !important;
  position:relative;z-index:3 !important;
  animation:logoFloat 4.5s ease-in-out infinite;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.6)) drop-shadow(0 0 24px rgba(212,169,74,.5)) !important;
}
@keyframes logoFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)}}

.u2aM{
  z-index:4 !important;
  margin-top:22px !important;
  padding:11px 26px !important;
  border:1px solid rgba(212,169,74,.5) !important;
  background:rgba(20,16,10,.68) !important;
  border-radius:50px;
  display:flex;align-items:center;gap:12px;
  backdrop-filter:blur(6px);
  box-shadow:0 8px 24px rgba(0,0,0,.3);
}
.u2aS{
  width:10px;height:10px;border-radius:50%;
  background:var(--green) !important;
  box-shadow:0 0 12px var(--green) !important;
  animation:pulse-green 1.5s infinite;
}
@keyframes pulse-green{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}100%{transform:scale(1);opacity:1}}
.u2aN{
  font-family:'Cinzel',serif;font-size:13px;font-weight:700;
  color:#fdf3d8 !important;letter-spacing:2px;
}

/* ---------------- Boss timers (u2af / u2ad / u2ab) ---------------- */
.u2af{ max-width:1240px !important; margin:-56px auto 30px auto !important; padding:0 15px; position:relative; z-index:10; }
.u2ad{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px !important; }
.u2ab{
  position:relative;
  border-radius:var(--radius) !important;
  padding:22px 20px !important;
  text-align:center;
  overflow:hidden;
  background:linear-gradient(180deg,#fbf5e4 0%,#f3e8c9 100%) !important;
  border:1px solid var(--gold-deep) !important;
  box-shadow:var(--shadow), 0 0 0 1px rgba(255,252,240,.6) !important;
}
.u2ab:hover{ transform:translateY(-6px); box-shadow:0 22px 50px rgba(90,65,20,.24); transition:all .3s ease; }
.u2aC{
  background:linear-gradient(135deg,#ff355f,#8c1428) !important;
  color:#fff; font-size:10px; padding:2px 9px; border-radius:10px;
  font-weight:700; position:absolute; top:12px; left:12px;
  animation:pulse-red 1.5s infinite;
  box-shadow:0 0 14px rgba(255,53,95,.4);
}
@keyframes pulse-red{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}
.u2ac{ font-family:'Cinzel',serif; color:var(--gold-deep); font-size:19px; font-weight:700; margin:8px 0; }
.u2ae{ font-size:30px; font-weight:700; color:var(--ink); letter-spacing:2px; }

/* ---------------- 3-column layout (u2aE) ---------------- */
.u2aE{ max-width:1240px !important; margin:0 auto; display:grid; grid-template-columns:300px minmax(0,1fr) 300px !important; gap:22px !important; padding:0 15px; }

/* ---------------- Card shell (u2aH / u2bi / u2aJ / u2aI) ---------------- */
.u2aH,.u2bi{
  border-radius:var(--radius) !important;
  overflow:hidden;
  background:linear-gradient(180deg,#fbf5e4 0%,#f3e8c9 100%) !important;
  border:1.5px solid var(--gold-deep) !important;
  box-shadow:var(--shadow) !important;
  margin-bottom:20px;
}
.u2aJ{
  position:relative;
  padding:14px 16px !important;
  color:#4a2f08 !important;
  background:linear-gradient(180deg,#f2dc9c,#dcb769) !important;
  border-bottom:1px solid var(--gold-deep) !important;
  font-family:'Cinzel',serif;
  font-size:13px !important;
  font-weight:700;
  letter-spacing:1.8px;
  text-align:center;
  text-transform:uppercase;
}
.u2aJ::after{
  content:'';position:absolute;left:50%;bottom:-1px;width:70px;height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--dark),transparent);
  opacity:.25;
}
.u2aI{ padding:18px !important; }

/* ---------------- Formulare / inputuri (u2aF / u2aD / u2az) ---------------- */
.u2aF{
  width:100%;
  border-radius:8px !important;
  background:#fffdf6 !important;
  border:1px solid var(--cream-border) !important;
  color:var(--ink) !important;
  padding:12px 14px;
  margin-bottom:10px;
  font-family:inherit;
  box-sizing:border-box;
  outline:none;
}
.u2aF::placeholder{ color:#a7996f; }
.u2aF:focus{ border-color:var(--gold-deep) !important; box-shadow:0 0 0 3px rgba(184,134,47,.15); }

.u2aD,.u2az{
  width:100%;
  display:block;
  text-align:center;
  border-radius:8px !important;
  border:1px solid #8a6a24;
  background:linear-gradient(180deg,#f6e2a1 0%,#e2b657 35%,#c8902f 70%,#a9741f 100%) !important;
  color:#3a2a08 !important;
  padding:13px;
  font-family:'Cinzel',serif;
  font-weight:700;
  letter-spacing:.9px;
  text-transform:uppercase;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  box-shadow:0 3px 0 #7a5c1c, 0 8px 16px rgba(138,106,36,.3) !important;
  transition:.2s ease;
}
.u2aD:hover,.u2az:hover{ transform:translateY(-2px); filter:brightness(1.06) !important; }
.u2az::after{
  content:'';position:absolute;top:-50%;left:-60%;width:20%;height:200%;
  background:rgba(255,255,255,.5);transform:rotate(30deg);
  animation:shine-btn 4s infinite;
}
@keyframes shine-btn{0%{left:-60%}15%{left:120%}100%{left:120%}}

/* ---------------- Rânduri de listă (u2aX) — meniu cont / statistici / top breaslă / HOF ---------------- */
.u2aX{
  display:flex;justify-content:space-between;align-items:center;
  padding:11px 14px;
  margin-bottom:6px;
  border-radius:10px !important;
  background:rgba(255,255,255,.5) !important;
  border:1px solid var(--cream-border) !important;
  font-size:13.5px;
  color:var(--ink);
  transition:.2s ease;
}
.u2aX:hover{ border-color:var(--gold-deep) !important; background:rgba(242,220,156,.4) !important; transform:translateX(3px); }
.u2aX i{ width:20px; color:var(--gold-deep) !important; font-size:12px; }
.u2aX a{ color:var(--ink); }

/* ---------------- Podium Top 3 jucători (u2aQ / u2aR / u2aa / p-rank-*) ---------------- */
.u2aQ{
  display:flex !important;
  justify-content:center;align-items:flex-end;
  padding:46px 12px 20px !important;
  gap:12px !important;
  background:radial-gradient(circle at 50% 0%, rgba(212,169,74,.16), transparent 55%), rgba(184,134,47,.06) !important;
  border-radius:12px;
  overflow:visible !important;
}
.u2aR{
  position:relative;
  flex:1;
  display:flex;flex-direction:column;align-items:center;
  width:100px;
  min-width:84px;
}
.p-rank-1{ order:2; transform:translateY(-14px); z-index:3; }
.p-rank-2{ order:1; z-index:2; }
.p-rank-3{ order:3; z-index:1; opacity:.96; }

.u2aq{ position:absolute; top:-34px; z-index:10; min-height:24px !important; filter:drop-shadow(0 4px 8px rgba(90,65,20,.3)); }
.u2ao{ max-width:34px !important; width:34px; height:auto !important; object-fit:contain !important; }
.p-rank-1 .u2ao{ filter:drop-shadow(0 0 10px rgba(255,215,0,.7)); }
.p-rank-2 .u2ao{ filter:drop-shadow(0 0 8px rgba(192,192,192,.6)); }
.p-rank-3 .u2ao{ filter:drop-shadow(0 0 8px rgba(205,127,50,.5)); }

.u2aa{
  width:60px;height:60px;
  border-radius:50% !important;
  overflow:hidden;
  background:#e9dcb8;
  border:2px solid var(--cream-border);
  box-shadow:0 10px 20px rgba(90,65,20,.22);
  position:relative;
}
.u2aa img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50% !important; }
.p-rank-1 .u2aa{ width:78px;height:78px; border:3px solid #e8b923; box-shadow:0 0 18px rgba(232,185,35,.35); }
.p-rank-2 .u2aa{ border-color:#b9b9b9; box-shadow:0 0 12px rgba(185,185,185,.3); }
.p-rank-3 .u2aa{ border-color:#c8813f; box-shadow:0 0 12px rgba(200,129,63,.3); }

.u2aP{ margin-top:8px;font-weight:700;font-size:13px;color:var(--ink);text-align:center;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.u2aO{ font-size:11px;color:var(--gold-deep);font-weight:700; }

.u2aU{ display:flex;flex-direction:column;gap:6px;padding:12px 4px 4px; }

/* ---------------- Header/footer (u2aK / u2au / u2at / u2av / u2as) ---------------- */
.u2aK{
  background:linear-gradient(180deg, #1c150c, #14100a) !important;
  border-top:1px solid #3a2c14 !important;
  padding:46px 0 26px !important;
  margin-top:56px !important;
  color:#c9bb92;
}
.u2au{ max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;padding:0 15px; }
.u2at h4{
  font-family:'Cinzel',serif;color:var(--gold-light) !important;font-size:15px;
  letter-spacing:1px;text-transform:uppercase;
  margin-bottom:16px;border-bottom:1px solid rgba(212,169,74,.2);padding-bottom:10px;
}
.u2av{ list-style:none;padding:0;margin:0; }
.u2av li{ margin-bottom:8px; }
.u2av a{ font-size:13.5px;color:#a99a72; }
.u2av a:hover{ color:var(--gold-light);padding-left:6px; }
.u2as{ text-align:center;margin-top:40px;padding-top:18px;border-top:1px solid #2a2013;color:#7c6f50;font-size:11px;letter-spacing:1px; }

/* ---------------- Program evenimente (u2am / u2ag / u2ai / u2ak / u2al / u2ah / u2aj) ---------------- */
.u2am{ display:flex;flex-direction:column;padding:8px !important;gap:6px; }
.u2ag{
  padding:12px 14px !important;
  border-radius:10px !important;
  border-left:3px solid var(--cream-border) !important;
  background:rgba(255,255,255,.5);
  margin-bottom:2px;
  transition:.2s ease;
}
.u2ag.is-yesterday{ border-left-color:#c9b98a; opacity:.65; }
.u2ag.is-tomorrow{ border-left-color:#c9b98a; }
.u2ag.u2aA{
  background:linear-gradient(90deg, rgba(212,169,74,.18), rgba(255,255,255,.25)) !important;
  border-left-color:var(--gold-deep) !important;
  box-shadow:inset 0 0 16px rgba(212,169,74,.08);
}
.u2ai{ display:flex;justify-content:space-between;align-items:center;margin-bottom:8px; }
.u2ak{ font-family:'Cinzel',serif;font-size:12px;font-weight:700;color:var(--ink-soft); }
.u2aA .u2ak{ color:var(--gold-deep);font-size:13px; }
.u2al{ border-radius:999px !important;font-size:9px;padding:3px 9px !important;font-weight:800;text-transform:uppercase; }
.u2bh{ background:var(--gold-deep);color:#fff; }
.u2bf{ background:#e2cd93;color:#6b5c3f; }
.u2bg{ background:#efe4c4;color:#a7996f; }
.u2ah{ display:flex;flex-direction:column;gap:4px; }
.u2aj{ display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--ink-soft); }
.u2aA .u2aj{ color:var(--ink);font-size:12.5px; }
.u2aj i{ font-size:6px;margin-right:6px;vertical-align:middle;color:#c9b98a; }
.u2aA .u2aj i{ color:var(--gold-deep);filter:drop-shadow(0 0 2px var(--gold)); }
.u2aj b{ color:var(--ink-soft);font-family:'Rajdhani',sans-serif;font-weight:600; }
.u2aA .u2aj b{ color:var(--ink); }

/* ---------------- Item shop — sold / achiziții recente (u2aB / u2bd / u2ba / u2aY / u2aZ / u2bb / u2be / u2bc) ---------------- */
.u2aB{
  border-radius:12px !important;
  background:rgba(255,255,255,.5) !important;
  border:1px solid var(--cream-border) !important;
  padding:14px;margin-bottom:14px;text-align:center;
}
.u2bd{ margin-top:14px; }
.u2ba{ display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--cream-border); }
.u2ba:last-child{ border:none; }
.u2aY{ width:32px;height:32px;border-radius:8px !important;background:#fffdf6;border:1px solid var(--cream-border);padding:2px; }
.u2aZ{ flex:1; }
.u2bb{ font-size:12px;color:var(--ink);font-weight:600;display:block; }
.u2be{ font-size:10px;color:var(--ink-soft); }
.u2bc{ font-size:11px;color:var(--gold-deep) !important;font-weight:700; }

/* ---------------- Rank list generic (u2aW / u2aV / u2aT) ---------------- */
.u2aW{ background:rgba(184,134,47,.1);padding:2px 8px;border-radius:4px;color:var(--ink-soft);font-size:11px;margin-right:10px;border:1px solid var(--cream-border); }
.u2aV{ color:var(--ink);font-weight:500; }
.u2aT,.u2aX i,.u2aO{ color:var(--gold-deep) !important; }

/* ---------------- Widget flotant discord (u2ar) ---------------- */
.u2ar{ filter:drop-shadow(0 14px 30px rgba(90,65,20,.3)); }
.u2ar img{ border:1px solid var(--gold-deep);border-radius:16px 0 0 16px !important; }

/* ---------------- Responsive ---------------- */
@media (max-width:1100px){
  .u2aE{ grid-template-columns:1fr !important; }
  .u2aL{ flex-wrap:wrap;justify-content:center !important; }
  .u2aw{ height:460px !important; }
}
@media (max-width:992px){
  .u2ad{ grid-template-columns:1fr; }
  .u2au{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .u2ax{ height:110px !important; }
  .u2ae{ font-size:26px !important; }
  .u2au{ grid-template-columns:1fr !important; }
  .u2ar{ width:240px !important;right:-110px !important; }
}