/*
Theme Name: Nikzadnet
Description: قالب فارسی و RTL برای معرفی مسیر مهدی نیک‌زاد: از تجربه ۱۰ ساله کسب‌وکار تا آموزش ساخت ابزار با هوش مصنوعی (وایب‌کدینگ) و هوشمندسازی کسب‌وکار.
Version: 1.1.0
Author: Nikzadnet
Requires at least: 5.9
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nikzadnet
*/
:root{--bg:#0b1020;--panel:#17223a;--accent:#55d6be;--blue:#6ea8ff}
*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f5f7fb;color:#182238;line-height:2}
a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;height:auto}

.site-shell{display:flex;min-height:100vh}
.sidebar{position:fixed;right:0;top:0;width:270px;height:100vh;overflow-y:auto;background:var(--bg);color:#fff;padding:26px 20px;z-index:5}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:35px}
.brand-mark{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--blue));color:#07111d;font-weight:bold;font-size:22px}
.brand strong{display:block;font-size:19px}
.brand small{font-size:10px;color:#9eacc7;direction:ltr;display:block}

.nav-title{font-size:11px;color:#71809c;margin:10px}
.nav-menu{display:flex;flex-direction:column;gap:6px}
.nav-menu a{display:block;padding:10px 13px;border-radius:12px;color:#b8c4da}
.nav-menu a:hover,.nav-menu a.current-menu-item{background:var(--panel);color:#fff}

.sidebar-social{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.sidebar-social a{flex:1;text-align:center;padding:8px 6px;border-radius:10px;background:var(--panel);color:#fff;font-size:12px;border:1px solid #26334d}
.sidebar-social a:hover{border-color:var(--accent);color:var(--accent)}

.sidebar-note{position:sticky;bottom:0;margin-top:15px;background:#121a2d;border:1px solid #26334d;border-radius:14px;padding:12px;color:#9eacc7;font-size:12px}

.main{width:calc(100% - 270px);margin-right:270px}
.topbar{padding:18px 7%;background:#fff;border-bottom:1px solid #e5eaf2;color:#65748e;font-size:13px}

.hero{padding:80px 8%;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;background:linear-gradient(135deg,#0b1020,#172a4b);color:#fff}
.eyebrow{color:var(--accent);font-size:12px;font-weight:bold}
.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.4;margin:12px 0}
.hero p{color:#bac7dc;max-width:650px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.btn{display:inline-block;padding:9px 18px;border-radius:11px;background:var(--accent);color:#07111d;font-weight:bold}
.btn.alt{background:transparent;border:1px solid #52627f;color:#fff}
.hero-card,.card{background:#fff;border:1px solid #e3e9f2;border-radius:20px;padding:22px;box-shadow:0 10px 30px #1822380b}
.hero-card{background:#ffffff0d;border-color:#ffffff22}
.hero-card .number{font-size:55px;color:var(--accent);font-weight:bold}

.section{padding:60px 8%}
.section h2{margin:0;font-size:28px}
.intro{color:#6b7890}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.card h3{margin-top:0}
.card p{color:#6b7890;font-size:14px}
.meta{display:inline-block;margin-top:6px;font-size:12px;padding:3px 10px;border-radius:20px;background:#eef2f9;color:#54637d}
.meta.live{background:#e2f8f2;color:#0f8a6c}

.video-thumb{height:145px;margin:-22px -22px 18px;background:linear-gradient(135deg,#172a4b,#55d6be);display:grid;place-items:center;color:white;font-size:40px}
.about{background:#edf2f8}
.footer{padding:25px 8%;background:#0b1020;color:#9eacc7;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}
.footer a:hover{color:#fff}

.single-post-content,.page-content{font-size:15px}
.single-post-content img,.page-content img{border-radius:14px}

@media(max-width:950px){
 .sidebar{width:220px}
 .main{width:calc(100% - 220px);margin-right:220px}
 .hero{grid-template-columns:1fr}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .sidebar{position:relative;width:100%;height:auto;padding:15px;overflow:visible}
 .sidebar-note{display:none}
 .main{width:100%;margin:0}
 .nav-menu{flex-direction:row;flex-wrap:wrap}
 .nav-menu a{padding:6px 9px}
 .sidebar-social{margin:10px 0 0}
 .hero,.section{padding:42px 6%}
 .cards{grid-template-columns:1fr}
 .footer{display:block}
}