:root{
  --bg:#f7f7f8; --bg-elevated:#fff; --text:#1d2327; --text-muted:#646970;
  --border:#e2e2e4; --primary:#2271b1; --primary-hover:#135e96;
  --success-bg:#edfaef; --success-text:#005a1a; --success-border:#00a32a;
  --error-bg:#fcf0f1; --error-text:#7d1a1d; --error-border:#d63638;
}
html[data-theme="dark"]{
  --bg:#16181c; --bg-elevated:#1f2229; --text:#e4e6eb; --text-muted:#9aa0a8;
  --border:#33373f; --primary:#4c9be8; --primary-hover:#6cb0ef;
  --success-bg:#0f2b17; --success-text:#7fd996; --success-border:#1e6b34;
  --error-bg:#2b1414; --error-text:#f29b9b; --error-border:#8a2f2f;
}

*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,sans-serif;background:var(--bg);color:var(--text);direction:rtl;transition:background .2s,color .2s}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}

.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:15px;color:var(--text)}

.auth-body{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:20px}
.auth-wrap{width:100%;max-width:380px;text-align:center}
.auth-logo{display:inline-block;font-size:28px;font-weight:bold;color:var(--primary);margin-bottom:18px}
.auth-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:28px 26px;text-align:right;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.auth-box h2{margin-top:0;font-size:18px}
.muted-sm{color:var(--text-muted);font-size:13px;margin-top:-8px}
.auth-box label{display:block;font-size:13px;margin:14px 0 4px}
.auth-box input{width:100%;padding:10px;border:1px solid var(--border);border-radius:5px;font-size:14px;background:var(--bg-elevated);color:var(--text)}
.auth-box button{width:100%;margin-top:20px;background:var(--primary);color:#fff;border:0;padding:11px;border-radius:5px;font-size:14px;cursor:pointer}
.auth-box button:hover{background:var(--primary-hover)}
.auth-switch{font-size:13px;margin-top:16px}
.alert{padding:10px 14px;border-radius:5px;font-size:13px;margin:14px 0;text-align:right}
.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}
.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}
.otp-resend{width:auto;background:none;color:var(--primary);border:0;padding:0;margin:0;font-size:13px;cursor:pointer}
.otp-resend:hover{background:none;text-decoration:underline}
.otp-resend:disabled{color:var(--text-muted);cursor:default;text-decoration:none}

/* homepage */
.site-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.site-header .logo{font-size:22px;font-weight:bold;color:var(--primary)}
.site-header nav{display:flex;align-items:center;gap:14px}
.site-header nav a{font-size:14px;color:var(--text)}
.site-hero{text-align:center;padding:70px 20px}
.site-hero h1{font-size:30px;margin-bottom:8px}
.site-hero p{color:var(--text-muted)}
.btn-browse{display:inline-block;margin-top:18px;background:var(--primary);color:#fff;padding:12px 28px;border-radius:6px;font-size:15px}
.btn-browse:hover{background:var(--primary-hover);text-decoration:none}

/* برگه‌های CMS (page.php) */
.page-wrap{max-width:1320px;margin:0 auto;padding:24px 20px 60px}
.page-title{font-size:26px;margin:0 0 20px}
.page-canvas{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:20px}

/* چیدمان دوستونه با سایدبار (برگه/نوشته) */
.page-columns{display:grid;grid-template-columns:2.2fr 1fr;gap:32px;align-items:start}
.page-columns-sidebar-left .page-columns-sidebar{order:-1}
.page-columns-sidebar{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;position:sticky;top:16px}
@media(max-width:900px){
  .page-columns{grid-template-columns:1fr}
  .page-columns-sidebar-left .page-columns-sidebar{order:0}
  .page-columns-sidebar{position:static}
}

/* دسته‌بندی نوشته‌ها در صفحه‌ی عمومی نوشته */
.post-breadcrumbs{margin:6px 0 20px;display:flex;flex-direction:column;gap:4px}
.post-breadcrumb-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}
.post-breadcrumb-link{color:var(--primary,#2271b1);font-weight:bold;text-decoration:none}
.post-breadcrumb-link:hover{text-decoration:underline}
.post-breadcrumb-sep{color:var(--text-muted,#8c8f94);font-size:12px}

/* نوار پیش‌نمایش (برای builder-preview / page-preview / post-preview) */
.bw-preview-banner{background:#1d2327;color:#fff;text-align:center;padding:8px;font-size:13px}

/* دیدگاه‌های نوشته (post.php) */
.comments-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}
.comments-title{font-size:20px;margin-bottom:16px}
.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.comment-item{border:1px solid var(--border);border-radius:8px;padding:14px 16px;background:var(--bg-elevated)}
.comment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.comment-author{font-weight:bold;font-size:14px}
.comment-author-admin{color:var(--primary,#2271b1)}
.comment-date{font-size:12px;color:var(--text-muted)}
.comment-body{font-size:14px;line-height:1.8}
.comment-reply{margin-top:12px;margin-right:24px;padding:12px 14px;border-right:3px solid var(--primary,#2271b1);background:var(--bg);border-radius:6px}
.comment-form-wrap{border-top:1px solid var(--border);padding-top:20px}
.comment-form{display:flex;flex-direction:column;gap:10px;max-width:600px}
.comment-form-row{display:flex;gap:10px;flex-wrap:wrap}
.comment-form-row input{flex:1;min-width:180px}
.comment-form input,.comment-form textarea{padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px;background:var(--bg-elevated);color:var(--text)}
.comment-form button{align-self:flex-start;background:var(--primary,#2271b1);color:#fff;border:0;padding:10px 22px;border-radius:6px;cursor:pointer;font-size:14px}
.comment-form button:hover{filter:brightness(1.08)}