/*
Theme Name: اقتصادیار نیوز
Theme URI: https://example.com
Author: طراحی اختصاصی
Author URI: https://example.com
Description: قالب خبری اقتصادی فارسی، سبک، سریع و بهینه برای سئو و کسب درآمد از تبلیغات. مناسب انتشار اخبار روزانه اقتصادی، بورس، ارز، طلا و رمزارز.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eqtesadyar
Tags: news, rtl, persian, right-to-left
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --green:#0a7c52;
  --green-light:#e8f5ee;
  --green-mid:#1a9e6a;
  --red:#c0392b;
  --red-light:#fdf0ef;
  --gold:#c8942a;
  --gold-light:#fdf6e3;
  --navy:#0d1b2a;
  --navy-mid:#1a2d42;
  --text:#1a1a1a;
  --text2:#555;
  --text3:#888;
  --border:#e5e5e5;
  --bg:#f8f8f7;
  --white:#fff;
  --radius:6px;
  --font:'Vazirmatn',sans-serif;
}
html{direction:rtl}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
input,button,textarea{font-family:var(--font)}

/* TOPBAR */
.topbar{background:var(--navy);color:#fff;font-size:12px;padding:6px 0;border-bottom:2px solid var(--green)}
.topbar .inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.topbar-right{display:flex;align-items:center;gap:16px}
.topbar-right span,.topbar-right a{color:#aaa}
.topbar-ticker{overflow:hidden;flex:1;max-width:680px}
.ticker-wrap{display:flex;gap:24px;animation:ticker 30s linear infinite;white-space:nowrap;width:max-content}
.ticker-item{display:flex;align-items:center;gap:6px;font-size:12px}
.ticker-item .name{color:#ccc}
.ticker-item .val{font-weight:600}
.up{color:#4cde9a}
.down{color:#ff7070}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.topbar-left{display:flex;gap:12px;align-items:center}
.topbar-link{color:#bbb;font-size:11px;transition:color .2s}
.topbar-link:hover{color:#fff}

/* HEADER */
header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.header-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;height:64px}
.logo{font-size:26px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:8px;white-space:nowrap}
.logo a{display:flex;align-items:center;gap:8px;color:var(--navy)}
.logo-dot{width:10px;height:10px;background:var(--green);border-radius:50%;display:inline-block}
.logo span{color:var(--green)}
.custom-logo{max-height:40px;width:auto}
nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
nav ul{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:center}
nav li{list-style:none}
nav a{padding:6px 10px;font-size:13px;font-weight:500;color:var(--text2);border-radius:var(--radius);transition:all .2s;white-space:nowrap;display:inline-block}
nav a:hover,nav .current-menu-item>a,nav .current-menu-ancestor>a{background:var(--green-light);color:var(--green)}
.header-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}
.btn{padding:7px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);border:none;transition:all .2s}
.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text2)}
.btn-outline:hover{border-color:var(--green);color:var(--green)}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-mid)}
.search-box-form{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:2px 12px}
.search-box-form:focus-within{border-color:var(--green)}
.search-box-form input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text);padding:8px 0;width:140px}

/* BREAKING NEWS */
.breaking{background:linear-gradient(90deg,#c0392b 0%,#e74c3c 100%);color:#fff;padding:8px 0}
.breaking .inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:12px}
.breaking-tag{background:rgba(0,0,0,.2);padding:3px 10px;border-radius:3px;font-size:12px;font-weight:700;white-space:nowrap}
.breaking-text{font-size:13px;font-weight:500}
.breaking-text a{text-decoration:underline}

/* LAYOUT */
.main{max-width:1280px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:1fr 320px;gap:24px}
.content{min-width:0}
.sidebar{min-width:0}

/* SECTION HEADERS */
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--navy)}
.sec-title{font-size:17px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}
.sec-title::before{content:'';display:inline-block;width:4px;height:18px;background:var(--green);border-radius:2px}
.sec-more{font-size:12px;color:var(--green);font-weight:500}
.sec-more:hover{text-decoration:underline}

/* HERO */
.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:28px}
.hero-main{position:relative;border-radius:10px;overflow:hidden;background:var(--navy);min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer}
.hero-img{position:absolute;inset:0;background:linear-gradient(135deg,#0d1b2a 0%,#1a3a52 50%,#0a5c3a 100%);opacity:.9;background-size:cover;background-position:center}
.hero-grid-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 40px)}
.hero-content{position:relative;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.hero-cat{background:var(--green);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:3px;display:inline-block;margin-bottom:8px}
.hero-title{color:#fff;font-size:20px;font-weight:700;line-height:1.5;margin-bottom:8px}
.hero-title a{color:#fff}
.hero-meta{color:rgba(255,255,255,.6);font-size:12px;display:flex;gap:12px;flex-wrap:wrap}
.hero-subs{display:flex;flex-direction:column;gap:12px}
.hero-sub{background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .2s}
.hero-sub:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}
.hero-sub-img{height:110px;background:linear-gradient(135deg,#1a2d42,#0a5c3a);position:relative;overflow:hidden;background-size:cover;background-position:center}
.hero-sub-img-2{background:linear-gradient(135deg,#2d1a42,#5c0a3a)}
.hero-sub-body{padding:10px}
.hero-sub-cat{font-size:10px;font-weight:700;color:var(--green);margin-bottom:4px}
.hero-sub-title{font-size:13px;font-weight:600;line-height:1.5;color:var(--navy)}
.hero-sub-meta{font-size:11px;color:var(--text3);margin-top:4px}

/* MARKETS BAR */
.markets-bar{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:24px}
.markets-title{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.markets-title span{color:var(--green)}
.markets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.market-card{background:var(--bg);border-radius:var(--radius);padding:10px 12px;text-align:center;cursor:pointer;transition:background .2s}
.market-card:hover{background:var(--green-light)}
.market-name{font-size:11px;color:var(--text3);margin-bottom:2px}
.market-val{font-size:15px;font-weight:700;color:var(--navy)}
.market-chg{font-size:11px;font-weight:600;margin-top:2px}
.market-chg.up{color:var(--green)}
.market-chg.down{color:var(--red)}

/* NEWS CARDS */
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}
.news-card{background:var(--white);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .2s;display:flex;flex-direction:column}
.news-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.news-card-img{height:130px;background:linear-gradient(135deg,#e8f5ee,#d0ece0);position:relative;background-size:cover;background-position:center}
.nc-img-1{background:linear-gradient(135deg,#1a2d42,#0a5c3a)}
.nc-img-2{background:linear-gradient(135deg,#2a1a42,#5c0a42)}
.nc-img-3{background:linear-gradient(135deg,#42321a,#c8942a)}
.nc-img-4{background:linear-gradient(135deg,#1a3042,#0a4c7c)}
.news-card-body{padding:12px;flex:1}
.news-card-cat{font-size:10px;font-weight:700;color:var(--green);margin-bottom:5px}
.news-card-title{font-size:14px;font-weight:600;line-height:1.6;color:var(--navy);margin-bottom:6px}
.news-card-title a{color:var(--navy)}
.news-card-meta{font-size:11px;color:var(--text3);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.news-card-summary{font-size:12px;color:var(--text2);line-height:1.6;margin-bottom:6px}

/* LIST NEWS */
.news-list{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.news-row{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;gap:12px;cursor:pointer;transition:box-shadow .2s}
.news-row:hover{box-shadow:0 3px 12px rgba(0,0,0,.07)}
.news-row-img{width:90px;height:70px;background:linear-gradient(135deg,#1a2d42,#1a9e6a);border-radius:6px;flex-shrink:0;background-size:cover;background-position:center}
.nr-img-2{background:linear-gradient(135deg,#2a1a3a,#9e1a6a)}
.nr-img-3{background:linear-gradient(135deg,#3a2a1a,#c8942a)}
.nr-img-4{background:linear-gradient(135deg,#1a1a3a,#3a1a9e)}
.nr-img-5{background:linear-gradient(135deg,#1a2d42,#0a7c52)}
.news-row-body{flex:1;min-width:0}
.news-row-cat{font-size:10px;font-weight:700;color:var(--green);margin-bottom:3px}
.news-row-title{font-size:14px;font-weight:600;line-height:1.5;color:var(--navy);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-row-title a{color:var(--navy)}
.news-row-meta{font-size:11px;color:var(--text3);display:flex;gap:10px;flex-wrap:wrap}
.news-row-actions{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.news-tag{background:var(--bg);border:1px solid var(--border);border-radius:3px;font-size:10px;padding:2px 6px;color:var(--text3)}

/* AI SECTION */
.ai-section{background:linear-gradient(135deg,var(--navy) 0%,#0a3d26 100%);border-radius:12px;padding:20px;margin-bottom:28px;color:#fff}
.ai-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.ai-badge{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}
.ai-title{font-size:18px;font-weight:700}
.ai-subtitle{color:rgba(255,255,255,.7);font-size:12px}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ai-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px}
.ai-card-icon{font-size:20px;margin-bottom:6px}
.ai-card-title{font-size:13px;font-weight:600;margin-bottom:4px}
.ai-card-desc{font-size:11px;color:rgba(255,255,255,.6);line-height:1.5}
.ai-chat-box{margin-top:14px;display:flex;gap:8px}
.ai-input{flex:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:10px 14px;font-size:13px;color:#fff;font-family:var(--font)}
.ai-input::placeholder{color:rgba(255,255,255,.4)}
.ai-input:focus{outline:none;border-color:var(--green-mid)}
.ai-submit{background:var(--green);border:none;border-radius:var(--radius);padding:10px 18px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font)}

/* TOOLS */
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}
.tool-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:14px;text-align:center;cursor:pointer;transition:all .2s}
.tool-card:hover{border-color:var(--green);background:var(--green-light)}
.tool-icon{width:40px;height:40px;background:var(--green-light);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:20px}
.tool-card:hover .tool-icon{background:var(--green);color:#fff}
.tool-name{font-size:12px;font-weight:600;color:var(--navy)}

/* CALCULATOR */
.calc-box{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:24px}
.calc-tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--bg);padding:4px;border-radius:var(--radius)}
.calc-tab{flex:1;padding:7px;text-align:center;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;color:var(--text2);transition:all .2s;border:none;background:transparent;font-family:var(--font)}
.calc-tab.active{background:var(--white);color:var(--navy);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.calc-form{display:flex;flex-direction:column;gap:10px}
.calc-row{display:flex;flex-direction:column;gap:4px}
.calc-label{font-size:12px;color:var(--text2);font-weight:500}
.calc-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:var(--font);color:var(--text);background:var(--bg)}
.calc-input:focus{outline:none;border-color:var(--green)}
.calc-btn{background:var(--green);color:#fff;border:none;border-radius:var(--radius);padding:11px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font)}
.calc-result{background:var(--green-light);border:1px solid rgba(10,124,82,.2);border-radius:var(--radius);padding:12px;margin-top:8px;text-align:center}
.calc-result-val{font-size:22px;font-weight:700;color:var(--green)}
.calc-result-label{font-size:12px;color:var(--text2);margin-top:2px}

/* CALENDAR */
.calendar-box{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:24px}
.calendar-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.calendar-item:last-child{border-bottom:none}
.cal-date{background:var(--navy);color:#fff;border-radius:6px;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.cal-day{font-size:16px;font-weight:700;line-height:1}
.cal-month{font-size:9px;opacity:.7;margin-top:1px}
.cal-body{flex:1;min-width:0}
.cal-event{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:2px}
.cal-desc{font-size:11px;color:var(--text3)}
.cal-impact{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;display:inline-block;margin-top:3px}
.cal-impact.high{background:#fdf0ef;color:var(--red)}
.cal-impact.med{background:var(--gold-light);color:var(--gold)}

/* SIDEBAR WIDGETS */
.widget{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:20px}
.widget ul{list-style:none}
.widget select,.widget input[type="text"],.widget input[type="email"]{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font)}

/* PRICE TABLE */
.price-table{width:100%;border-collapse:collapse}
.price-table tr{border-bottom:1px solid var(--border)}
.price-table tr:last-child{border-bottom:none}
.price-table td{padding:9px 4px;font-size:13px;vertical-align:middle}
.price-name{color:var(--text2);font-weight:500}
.price-val{font-weight:700;color:var(--navy);text-align:left}
.price-chg{text-align:left;font-size:11px;font-weight:600}
.price-chg.up{color:var(--green)}
.price-chg.down{color:var(--red)}
.price-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.price-icon.gold{background:var(--gold-light);color:var(--gold)}
.price-icon.dollar{background:#e8f4fd;color:#2980b9}
.price-icon.btc{background:#fff5e6;color:#f7931a}
.price-icon.bourse{background:var(--green-light);color:var(--green)}

/* POPULAR NEWS */
.popular-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer}
.popular-item:last-child{border-bottom:none}
.popular-num{font-size:22px;font-weight:800;color:var(--border);min-width:28px;line-height:1}
.popular-title{font-size:13px;font-weight:600;line-height:1.5;color:var(--navy)}
.popular-item:hover .popular-title{color:var(--green)}
.popular-meta{font-size:11px;color:var(--text3);margin-top:3px}

/* VIP BANNER */
.vip-box{background:linear-gradient(135deg,var(--navy),#1a4d6e);border-radius:10px;padding:20px;color:#fff;margin-bottom:20px;text-align:center}
.vip-tag{background:var(--gold);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:3px;display:inline-block;margin-bottom:12px}
.vip-title{font-size:16px;font-weight:700;margin-bottom:8px}
.vip-desc{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:14px}
.vip-btn{display:block;background:var(--gold);color:#fff;border-radius:var(--radius);padding:10px;font-size:13px;font-weight:700;text-align:center;cursor:pointer}
.vip-price{margin-top:8px;font-size:11px;color:rgba(255,255,255,.6)}

/* NEWSLETTER */
.newsletter-box{background:var(--green-light);border:1px solid rgba(10,124,82,.2);border-radius:10px;padding:16px;margin-bottom:20px}
.nl-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px}
.nl-desc{font-size:12px;color:var(--text2);margin-bottom:12px;line-height:1.5}
.nl-form{display:flex;flex-direction:column;gap:8px}
.nl-input{padding:9px 12px;border:1px solid rgba(10,124,82,.3);border-radius:var(--radius);font-size:13px;font-family:var(--font);background:#fff;color:var(--text)}
.nl-input:focus{outline:none;border-color:var(--green)}
.nl-btn{background:var(--green);color:#fff;border:none;border-radius:var(--radius);padding:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font)}

/* TAGS CLOUD */
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:5px 10px;font-size:12px;color:var(--text2);cursor:pointer;transition:all .2s;display:inline-block}
.tag:hover{background:var(--green-light);border-color:var(--green);color:var(--green)}

/* CATEGORIES BAR */
.cats-bar{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:64px;z-index:50}
.cats-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.cats-inner::-webkit-scrollbar{display:none}
.cat-link{padding:10px 14px;font-size:13px;font-weight:500;color:var(--text2);white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s;cursor:pointer;display:inline-block}
.cat-link:hover,.cat-link.active{color:var(--green);border-bottom-color:var(--green)}

/* FOOTER */
footer{background:var(--navy);color:#ccc;padding:40px 0 20px;margin-top:40px}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.footer-logo{font-size:22px;font-weight:800;color:#fff;margin-bottom:10px}
.footer-logo span{color:var(--green)}
.footer-desc{font-size:12px;line-height:1.8;color:#888;margin-bottom:16px}
.footer-socials{display:flex;gap:8px}
.social-btn{width:34px;height:34px;background:rgba(255,255,255,.08);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background .2s}
.social-btn:hover{background:var(--green)}
.footer-col-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:12px}
.footer-link{display:block;font-size:12px;color:#888;margin-bottom:7px;transition:color .2s;cursor:pointer}
.footer-link:hover{color:var(--green)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;flex-wrap:wrap;gap:8px}

/* MEDIA SECTION */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.media-card{border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s}
.media-card:hover{transform:translateY(-2px)}
.media-thumb{height:120px;position:relative;display:flex;align-items:center;justify-content:center}
.media-thumb.vid{background:linear-gradient(135deg,#0d1b2a,#0a5c3a)}
.media-thumb.pod{background:linear-gradient(135deg,#2d0d2d,#5c0a5c)}
.media-thumb.inf{background:linear-gradient(135deg,#0d2d0d,#0a5c0a)}
.play-btn{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;border:2px solid rgba(255,255,255,.5)}
.media-body{background:var(--white);border:1px solid var(--border);border-top:none;padding:10px}
.media-type{font-size:10px;font-weight:700;color:var(--green);margin-bottom:3px}
.media-title{font-size:12px;font-weight:600;color:var(--navy);line-height:1.5}

/* CRYPTO TABLE */
.crypto-table{width:100%;border-collapse:collapse;font-size:13px}
.crypto-table th{text-align:right;padding:8px 6px;font-size:11px;font-weight:600;color:var(--text3);border-bottom:2px solid var(--border)}
.crypto-table td{padding:9px 6px;border-bottom:1px solid var(--border);vertical-align:middle}
.crypto-table tr:last-child td{border-bottom:none}
.crypto-name-cell{display:flex;align-items:center;gap:8px}
.crypto-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}
.mini-chart{width:60px;height:28px}

/* MINI CHART SVG */
.chart-line{fill:none;stroke-width:1.5}

/* NOTIFICATION */
.notif-btn{position:relative;width:36px;height:36px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}
.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--red);border-radius:50%;border:2px solid #fff}

/* WATERMARK ON IMGS */
.img-watermark{position:absolute;bottom:6px;right:8px;background:rgba(0,0,0,.5);color:#fff;font-size:9px;padding:2px 5px;border-radius:3px}

/* SINGLE POST */
.single-post-wrap{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:24px;margin-bottom:24px}
.single-post-cat{background:var(--green);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:3px;display:inline-block;margin-bottom:12px}
.single-post-title{font-size:26px;font-weight:800;color:var(--navy);line-height:1.6;margin-bottom:12px}
.single-post-meta{display:flex;gap:14px;color:var(--text3);font-size:12px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:16px}
.single-post-thumb{border-radius:8px;overflow:hidden;margin-bottom:20px}
.single-post-content{font-size:16px;line-height:2;color:var(--text)}
.single-post-content p{margin-bottom:16px}
.single-post-content h2,.single-post-content h3{color:var(--navy);margin:24px 0 12px}
.single-post-content img{border-radius:8px;margin:16px 0}
.single-post-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}
.share-box{display:flex;gap:8px;align-items:center;margin-top:20px}
.pagination{display:flex;gap:8px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.pagination a,.pagination span{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text2)}
.pagination .current{background:var(--green);color:#fff;border-color:var(--green)}
.no-results{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:40px;text-align:center;margin-bottom:24px}
.page-title-bar{margin-bottom:20px}
.page-title-bar h1{font-size:22px;font-weight:800;color:var(--navy)}
.page-title-bar p{color:var(--text3);font-size:13px;margin-top:4px}

@media(max-width:900px){
  .main{grid-template-columns:1fr}
  .sidebar{display:none}
  .hero-grid{grid-template-columns:1fr}
  .hero-subs{display:none}
  .markets-grid{grid-template-columns:repeat(3,1fr)}
  .news-grid{grid-template-columns:1fr}
  .tools-grid{grid-template-columns:repeat(2,1fr)}
  .media-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  nav{display:none}
  .ai-grid{grid-template-columns:1fr}
}