
/*
Theme Name: Vadibahis Theme
Theme URI: https://example.com/vadibahis-theme
Author: ChatGPT
Description: Koyu arayüzlü, bonus kart sistemli, AMP/SEO dostu WordPress teması. Bağlantı yönetimi paneli ile Giriş/Kayıt ve sosyal linkler yönetilebilir.
Version: 1.0.2
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vadibahis
*/
:root{
  --bg:#0f0f10;
  --card:#151517;
  --text:#ffffff;
  --muted:#c8c8c8;
  --gold:#d4af37;
  --accent:#e61b3c;
  --accent-hover:#ff2a4f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif}
a{color:var(--text);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:18px}
.header{position:sticky;top:0;z-index:20;background:rgba(15,15,16,.9);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #212127}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:34px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:10px 14px;border-radius:999px;border:1px solid #2a2a32;background:#1b1b1f;transition:.2s;font-weight:600}
.btn:hover{transform:translateY(-1px);border-color:#3a3a44}
.btn-accent{background:var(--accent);border-color:transparent}
.btn-accent:hover{background:var(--accent-hover)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid #202027;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.card img{width:100%;height:auto;object-fit:contain;background:#000;display:block}
.card-body{padding:14px 14px 18px}
.card-title{font-size:18px;font-weight:700;margin:2px 0 6px 0}
.card-sub{font-size:13px;color:var(--muted);margin-bottom:10px}
.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7e07b,#d4af37);color:#2b1e06;border-radius:10px;padding:6px 10px;font-weight:800;font-size:13px}
.btn-details{padding:9px 12px;border-radius:10px;background:#22222a;border:1px solid #30303a}
.btn-details:hover{border-color:#3a3a46}
.footer{margin-top:40px;padding:28px 0;border-top:1px solid #212127}
.socials{display:flex;gap:12px;flex-wrap:wrap}
.social{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7e07b,#d4af37);box-shadow:0 6px 16px rgba(212,175,55,0.25)}
.social svg{width:22px;height:22px;fill:#2b1e06}
.notice{background:#151517;border:1px dashed #2a2a34;border-radius:12px;padding:12px 14px;margin-top:18px;color:#bdbdbd;font-size:14px}
@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}.actions .btn{padding:8px 12px}}
