/*
Theme Name: Crypto Currency News Theme
Theme URI: https://crypto-currency-news.xyz/
Author: CryptoNewsTeam
Author URI: https://crypto-currency-news.xyz/
Description: Professional dark theme for cryptocurrency news with live price ticker, market data widgets, and responsive design.
Version: 2.0
License: GNU General Public License v2 or later
Text Domain: cryptonews
*/
:root {
    --bg-primary: #0a0e17; --bg-secondary: #111827; --bg-card: #1a2035;
    --accent-gold: #f7931a; --accent-green: #00d395; --accent-red: #ff4757;
    --text-primary: #f0f4f8; --text-secondary: #94a3b8; --text-muted: #64748b;
    --border-color: #1e293b; --gradient-gold: linear-gradient(135deg, #f7931a, #ff6b00);
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color:var(--bg-primary); color:var(--text-primary); line-height:1.7; overflow-x:hidden; }
a { color:var(--accent-gold); text-decoration:none; transition:color 0.3s; }
a:hover { color:var(--accent-green); }
img { max-width:100%; height:auto; }
.ticker-bar { background:#060910; border-bottom:1px solid var(--border-color); overflow:hidden; padding:8px 0; }
.ticker-track { display:flex; gap:40px; animation:tickerScroll 30s linear infinite; white-space:nowrap; width:max-content; }
@keyframes tickerScroll { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
.ticker-item { display:inline-flex; align-items:center; gap:8px; font-size:0.85rem; font-weight:600; color:var(--text-secondary); }
.ticker-item img { width:18px; height:18px; border-radius:50%; }
.ticker-item .change-up { color:var(--accent-green); } .ticker-item .change-down { color:var(--accent-red); }
.top-header { background:var(--bg-secondary); border-bottom:1px solid var(--border-color); padding:10px 0; font-size:0.85rem; }
.top-header .container { display:flex; justify-content:space-between; align-items:center; max-width:1280px; margin:0 auto; padding:0 20px; }
.main-header { background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%); padding:20px 0; position:sticky; top:0; z-index:1000; border-bottom:1px solid var(--border-color); }
.main-header .container { display:flex; justify-content:space-between; align-items:center; max-width:1280px; margin:0 auto; padding:0 20px; }
.site-logo { display:flex; align-items:center; gap:12px; }
.site-logo .logo-icon { width:40px; height:40px; background:var(--gradient-gold); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; font-weight:bold; color:#000; }
.site-logo h1 { font-size:1.5rem; font-weight:800; }
.site-logo h1 a { color:#fff; } .site-logo h1 span { color:var(--accent-gold); }
.main-nav ul { display:flex; list-style:none; gap:5px; }
.main-nav ul li a { padding:8px 14px; color:var(--text-secondary); font-weight:600; font-size:0.92rem; border-radius:8px; transition:0.3s; }
.main-nav ul li a:hover { color:var(--accent-gold); background:rgba(247,147,26,0.1); }
.market-overview { background:var(--bg-secondary); border-bottom:1px solid var(--border-color); padding:20px 0; }
.market-cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:15px; max-width:1280px; margin:0 auto; padding:0 20px; }
.market-card { background:var(--bg-card); border:1px solid var(--border-color); border-radius:12px; padding:16px; }
.market-card .coin-header { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.market-card .coin-icon { width:28px; height:28px; border-radius:50%; }
.market-card .coin-price { font-size:1.2rem; font-weight:800; color:#fff; }
.price-up { color:var(--accent-green); } .price-down { color:var(--accent-red); }
.content-layout { display:grid; grid-template-columns:1fr 340px; gap:30px; margin:30px auto; max-width:1280px; padding:0 20px; }
.news-card { background:var(--bg-card); border:1px solid var(--border-color); border-radius:14px; overflow:hidden; margin-bottom:22px; transition:0.3s; }
.news-card:hover { border-color:var(--accent-gold); transform:translateY(-3px); }
.news-card .card-image { width:100%; height:220px; object-fit:cover; }
.news-card .card-content { padding:20px; }
.news-card .card-category { color:var(--accent-gold); font-size:0.75rem; font-weight:700; text-transform:uppercase; margin-bottom:8px; }
.news-card .card-title { font-size:1.25rem; font-weight:700; margin-bottom:10px; }
.news-card .card-title a { color:#fff; }
.news-card .card-meta { font-size:0.8rem; color:var(--text-muted); margin-top:10px; }
.sidebar .widget { background:var(--bg-card); border:1px solid var(--border-color); border-radius:14px; padding:20px; margin-bottom:20px; }
.sidebar .widget-title { color:var(--accent-gold); margin-bottom:15px; font-size:1.1rem; border-bottom:2px solid var(--border-color); padding-bottom:10px; }
.price-table { width:100%; border-collapse:collapse; }
.price-table td, .price-table th { padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.05); font-size:0.88rem; }
.site-footer { background:var(--bg-secondary); border-top:1px solid var(--border-color); padding:40px 20px 20px; text-align:center; color:var(--text-muted); margin-top:40px; }
@media(max-width:992px){ .content-layout { grid-template-columns:1fr; } }