/* Meta Online — site theme (tasarımdan birebir çıkarılan renk/tipografi sistemi) */
:root{
  --bg:#0b0705;
  --panel:rgba(24,15,10,0.85);
  --panel-line:rgba(232,163,61,0.10);
  --gold:#e8a33d;
  --gold-bright:#ffc966;
  --cream:#e6d2b8;
  --beige:#d8c3a8;
  --text:#c9b49c;
  --text-soft:#a8917a;
  --text-dim:#8d7a68;
  --text-faint:#6f5f50;
  --green:#7fb877;
  --red:#b0563c;
}
html,body{margin:0;padding:0;background:var(--bg)}
body{font-family:'Alegreya Sans',sans-serif;color:var(--text)}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-bright)}
input::placeholder,textarea::placeholder{color:var(--text-faint)}

@keyframes twinkle{0%,100%{opacity:.15}50%{opacity:.7}}
@keyframes emberRise{
  0%{transform:translate(0,0) scale(1);opacity:0}
  8%{opacity:.9}
  60%{opacity:.7}
  100%{transform:translate(var(--dx,30px),-92vh) scale(.3);opacity:0}
}

/* ===== ortak yapılar ===== */
.page{min-height:100vh;background:var(--bg);overflow:hidden;position:relative;display:flex;flex-direction:column}
.page-bg{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(900px 600px at 12% 8%, rgba(160,58,18,0.35), transparent 65%),
  radial-gradient(700px 500px at 88% 4%, rgba(30,60,110,0.30), transparent 65%),
  linear-gradient(180deg,#170d08 0%,#0b0705 55%,#0b0705 100%)}
.page-bg--home{background:
  radial-gradient(900px 600px at 12% 8%, rgba(160,58,18,0.35), transparent 65%),
  radial-gradient(700px 500px at 88% 4%, rgba(30,60,110,0.30), transparent 65%),
  radial-gradient(1000px 700px at 50% 30%, rgba(70,32,14,0.25), transparent 70%),
  linear-gradient(180deg,#170d08 0%,#0b0705 55%,#0b0705 100%)}
.particles{position:absolute;inset:0;pointer-events:none;opacity:.5;overflow:hidden}
.wrap{position:relative;max-width:1180px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box;flex:1}
.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:6px}
.font-display{font-family:'Cinzel',serif}

/* ===== nav ===== */
.r-nav{display:flex;align-items:center;gap:32px;padding:14px 28px;margin-top:16px;background:rgba(20,12,8,0.72);border:1px solid var(--panel-line);border-radius:6px;backdrop-filter:blur(6px);position:relative;z-index:5}
.r-navlinks{display:flex;gap:34px;font-family:'Cinzel',serif;font-size:13px;letter-spacing:1.5px;font-weight:600}
.r-navright{margin-left:auto;display:flex;align-items:center;gap:26px}
.nav-link{color:var(--beige)}
.nav-link:hover{color:var(--gold-bright)}
.nav-link.active{color:var(--gold-bright);border-bottom:1px solid var(--gold);padding-bottom:2px}

/* ===== butonlar ===== */
.btn-gold{display:inline-block;font-family:'Cinzel',serif;letter-spacing:1.5px;font-weight:700;color:#3a2410;background:linear-gradient(180deg,#f5c069,#dd9a34);border:none;border-radius:4px;cursor:pointer;box-shadow:0 2px 12px rgba(232,163,61,0.35);text-align:center}
.btn-gold:hover{color:#2a1a08;background:linear-gradient(180deg,#ffd088,#eaa93f);box-shadow:0 2px 24px rgba(232,163,61,0.65)}
.btn-outline{display:inline-block;font-family:'Cinzel',serif;letter-spacing:1.5px;font-weight:600;color:var(--cream);border:1px solid rgba(232,163,61,0.5);border-radius:4px;background:none;cursor:pointer;text-align:center;box-sizing:border-box}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-bright)}
.btn-ghost{display:inline-block;font-family:'Cinzel',serif;letter-spacing:1.5px;font-weight:600;color:#cbb49a;border:1px solid rgba(203,180,154,0.35);border-radius:4px;background:none;cursor:pointer;text-align:center}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-bright)}

/* ===== form ===== */
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-family:'Cinzel',serif;font-size:12px;letter-spacing:1.5px;color:var(--text-soft);font-weight:600}
.input{background:rgba(11,7,5,0.6);border:1px solid rgba(232,163,61,0.22);border-radius:4px;padding:13px 14px;color:var(--cream);font-family:'Alegreya Sans',sans-serif;font-size:14.5px;outline:none;width:100%;box-sizing:border-box}
.input:focus{border-color:var(--gold)}
select.input{appearance:auto}
.form-error{font-size:13px;color:#e07b5f;margin-top:2px}
.flash{border-radius:4px;padding:13px 16px;font-size:14px;line-height:1.5;margin-bottom:18px}
.flash--ok{background:rgba(127,184,119,0.08);border:1px solid rgba(127,184,119,0.35);color:#9ccf95}
.flash--err{background:rgba(176,86,60,0.10);border:1px solid rgba(176,86,60,0.4);color:#e07b5f}

/* ===== tablo/satır ===== */
.row-hover:hover{background:rgba(232,163,61,0.04)}
.link-muted{color:var(--text-soft)}
.link-muted:hover{color:var(--gold-bright)}

/* sayfa başlığı */
.page-title{text-align:center;padding:54px 0 38px;position:relative;z-index:2}
.page-title h1{margin:0;font-family:'Cinzel',serif;font-size:34px;letter-spacing:3px;color:var(--gold);font-weight:700}
.page-title p{margin:8px 0 0;font-size:15px;color:var(--text-dim);letter-spacing:1px}

/* footer */
.footer{position:relative;z-index:2;background:rgba(14,8,5,0.9);border-top:1px solid rgba(232,163,61,0.08);padding:34px 20px}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-links{display:flex;gap:28px;font-family:'Cinzel',serif;font-size:12px;letter-spacing:1.5px;font-weight:600}

/* sıralama sekmeleri */
.tab-btn{font-family:'Cinzel',serif;font-size:13px;letter-spacing:1.5px;font-weight:700;padding:13px 34px;border-radius:4px;cursor:pointer;border:1px solid rgba(203,180,154,0.3);background:var(--panel);color:var(--text-soft)}
.tab-btn.active{border-color:transparent;background:linear-gradient(180deg,#f5c069,#dd9a34);color:#3a2410}

/* bakiye paketleri */
.pack-card{position:relative;background:var(--panel);border:1px solid var(--panel-line);border-radius:6px;padding:30px 20px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;cursor:pointer}
.pack-card:hover{border-color:var(--gold)}
.pack-card.selected{border-color:var(--gold);box-shadow:0 0 24px rgba(232,163,61,0.25)}

/* ===== HESAP açılır menüsü ===== */
.acct-dropdown{position:absolute;top:calc(100% + 12px);right:0;display:none;gap:10px;min-width:280px;background:rgba(20,12,8,0.97);border:1px solid rgba(232,163,61,0.25);border-radius:6px;padding:16px;box-shadow:0 10px 34px rgba(0,0,0,0.55);z-index:60}
.acct-dropdown.open{display:flex}
.acct-dropdown::before{content:"";position:absolute;top:-6px;right:34px;width:10px;height:10px;background:rgba(20,12,8,0.97);border-left:1px solid rgba(232,163,61,0.25);border-top:1px solid rgba(232,163,61,0.25);transform:rotate(45deg)}
@media (max-width:900px){.acct-dropdown{right:-8px}}

/* ===== forum / BBCode ===== */
.bb-quote{border-left:2px solid rgba(232,163,61,0.4);background:rgba(11,7,5,0.4);padding:12px 18px;border-radius:0 4px 4px 0;font-size:13.5px;line-height:1.65;color:var(--text-dim);font-style:italic;margin:10px 0}
.bb-code{background:rgba(11,7,5,0.6);border:1px solid rgba(232,163,61,0.15);border-radius:4px;padding:12px 16px;font-size:13px;color:#c9b49c;overflow-x:auto;margin:10px 0}
.bb-img{max-width:100%;border-radius:4px;margin:8px 0}
.bb-list{margin:8px 0;padding-left:22px}
.bb-btn{background:none;border:none;color:var(--text-soft);font-size:13px;width:32px;height:30px;cursor:pointer;border-radius:3px}
.bb-btn:hover{background:rgba(232,163,61,0.12);color:var(--gold-bright)}
.post-body a{word-break:break-all}

/* ===== responsive (tasarımdaki kurallar) ===== */
@media (max-width:900px){
  .r-nav{flex-wrap:wrap !important;gap:12px 18px !important;padding:12px 16px !important}
  .r-navlinks{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:14px 22px !important}
  .r-navright{gap:14px !important;margin-left:auto !important}
  .r-col{grid-template-columns:1fr !important}
  .r-col2{grid-template-columns:1fr 1fr !important}
  .r-hide{display:none !important}
  .r-tablewrap{overflow-x:auto !important}
  .r-minw{min-width:640px}
  .r-fit{width:100% !important;max-width:440px}
  .r-postside{flex-direction:row !important;text-align:left !important;justify-content:flex-start !important;gap:16px !important;padding:16px 20px !important;border-right:none !important;border-bottom:1px solid rgba(232,163,61,0.06) !important}
}