/* =========================================================
   راه‌بلاگ — Design tokens
   پالت: کاغذیِ گرم + آبی مرکب تیره + خردلی (راه/جاده) + سبزِ کاجی
   امضای بصری: خط‌چین «مسیر» به‌عنوان جداکننده و نشانگر بخش‌ها
   فونت: وزیرمتن (متن فارسی) + جت‌براینز مونو (کد/قطعه‌های انگلیسی)
   رویکرد: موبایل-اول — استایل پایه برای موبایل، توسعه برای دسکتاپ با min-width
   ========================================================= */
:root{
	--rb-bg:        #FBF8F2;
	--rb-paper:     #FFFFFF;
	--rb-ink:       #1E2433;
	--rb-ink-soft:  #5B6270;
	--rb-ink-fixed: #1E2433; /* سطوح همیشه‌تیره (فوتر، دکمه‌ها و ...) که در تم شب هم تغییر نمی‌کنند */
	--rb-accent:    #C97A2B; /* خردلی/کهربایی - رنگ «راه» */
	--rb-accent-2:  #2F6F63; /* سبز کاجی */
	--rb-line:      #E7E1D3;
	--rb-line-2:    #DCD4C2;
	--rb-radius:    14px;
	--rb-radius-sm: 8px;
	--rb-shadow:    0 6px 24px rgba(30,36,51,0.06);
	--rb-max:       1180px;
	--rb-font:      'Vazirmatn', Tahoma, sans-serif;
	--rb-font-mono: 'JetBrains Mono', 'Courier New', monospace;
	--rb-tap:       44px; /* حداقل اندازه لمسی مناسب موبایل */
}

/* ---------- تم شب: خاکستری/مشکی تیره، همون نارنجی/سبز اصلی سایت ---------- */
html[data-theme="dark"]{
	color-scheme: dark;
	--rb-bg:        #14161c;
	--rb-paper:     #1b1e27;
	--rb-ink:       #ECEEF3;
	--rb-ink-soft:  #9BA1B0;
	--rb-line:      #2a2e3a;
	--rb-line-2:    #363c4b;
	--rb-shadow:    0 6px 24px rgba(0,0,0,.45);
}
html[data-theme="dark"] .rb-footer{ background:#0d0f14; }
html[data-theme="dark"] .rb-card-thumb-placeholder{ background: repeating-linear-gradient(135deg, var(--rb-line), var(--rb-line) 10px, var(--rb-line-2) 10px, var(--rb-line-2) 20px); }
html[data-theme="dark"] .raheblog-notice-success{ background:rgba(47,111,99,.18); color:#7fd3bd; }
html[data-theme="dark"] .raheblog-notice-error{ background:rgba(180,60,60,.18); color:#ff9d9d; }

/* روشن/تاریک نرم عوض بشه، نه یهویی */
html,
body, .rb-header, .rb-nav, .rb-search-panel, .rb-search-box, .rb-search-results,
.rb-card, .rb-news-card, .rb-community-card, .rb-author-box, .rb-box,
.rb-footer, .rb-single-content pre, .rb-single-content blockquote,
input, .rb-comments-wrap, .rb-pagination .page-numbers{
	transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
	margin:0;
	background: var(--rb-bg);
	color: var(--rb-ink);
	font-family: var(--rb-font);
	font-size:15px;
	line-height:1.85;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
img{ max-width:100%; display:block; }
body.rb-nav-locked{ overflow:hidden; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }

/* راست‌چین/چپ‌چین: کل سایت راست‌چین (فارسی) است، اما هر محتوای لاتین/کد
   باید مستقل جهت خودش را بگیرد تا شماره، لینک و کد به‌هم نریزد */
html{ direction: rtl; }
.rb-ltr,
pre, code, kbd, samp,
input[type="email"], input[type="url"], input[type="password"], input[type="text"].rb-input-ltr{
	direction: ltr;
	unicode-bidi: isolate;
}
.rb-single-content pre,
.rb-single-content code{
	font-family: var(--rb-font-mono);
	direction: ltr;
	text-align: left;
	unicode-bidi: plaintext;
}
.rb-single-content code{
	background: var(--rb-bg);
	border:1px solid var(--rb-line-2);
	padding:2px 6px;
	border-radius:5px;
	font-size:.9em;
}
.rb-single-content pre{
	background: var(--rb-ink-fixed);
	color:#EDEEF2;
	padding:18px 20px;
	border-radius: var(--rb-radius);
	overflow-x:auto;
	margin:22px 0;
	font-size:14px;
	line-height:1.7;
}
.rb-single-content pre code{ background:none; border:none; padding:0; color:inherit; }

:focus-visible{
	outline: 2px solid var(--rb-accent);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce){
	*{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

.rb-container{
	max-width: var(--rb-max);
	margin:0 auto;
	padding:0 16px;
}

/* ---------- هدر (موبایل پایه) ---------- */
.rb-header{
	background: var(--rb-paper);
	border-bottom:1px solid var(--rb-line);
	position: sticky;
	top:0;
	z-index:50;
}
.rb-header-inner{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 16px;
}
.rb-brand{ display:flex; align-items:center; gap:8px; min-width:0; }
.rb-brand-logo{ display:flex; flex:none; }
.rb-brand-mark{
	border-radius:10px;
	background: linear-gradient(135deg, var(--rb-accent), var(--rb-accent-2));
	color:#fff; display:flex; align-items:center; justify-content:center;
	font-weight:800; font-size:16px; flex:none;
}
.rb-brand-text{ display:flex; flex-direction:column; line-height:1.3; min-width:0; }
.rb-brand-name{ font-weight:800; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rb-brand-desc{ display:none; font-size:12px; color:var(--rb-ink-soft); }

/* ---------- ردیف اکشن‌های سمت دیگر هدر (سرچ / پروفایل / همبرگری) ---------- */
.rb-header-actions{ display:flex; align-items:center; gap:6px; margin-inline-start:auto; }
.rb-icon-btn{
	display:flex; align-items:center; justify-content:center;
	width:var(--rb-tap); height:var(--rb-tap); border-radius:50%;
	background:none; border:none; color:var(--rb-ink-soft);
}
.rb-icon-btn:hover{ background:var(--rb-bg); color:var(--rb-ink); }
.rb-icon-btn[aria-expanded="true"]{ background:var(--rb-bg); color:var(--rb-accent); }

/* ---------- دکمه تعویض تم روشن/تاریک (خورشید/ماه) ---------- */
.rb-theme-toggle{ position:relative; overflow:hidden; }
.rb-theme-toggle svg{
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%) rotate(0deg) scale(1);
	transition: transform .35s cubic-bezier(.34,1.56,.64,1), opacity .2s ease;
}
.rb-theme-toggle .rb-icon-sun{ opacity:0; transform:translate(-50%,-50%) rotate(-80deg) scale(.4); }
.rb-theme-toggle .rb-icon-moon{ opacity:1; }
html[data-theme="dark"] .rb-theme-toggle .rb-icon-sun{ opacity:1; transform:translate(-50%,-50%) rotate(0deg) scale(1); color:var(--rb-accent); }
html[data-theme="dark"] .rb-theme-toggle .rb-icon-moon{ opacity:0; transform:translate(-50%,-50%) rotate(80deg) scale(.4); }

/* ---------- دکمه همبرگری (سه‌خط) ---------- */
.rb-nav-toggle{
	position:relative; z-index:70;
	display:flex; flex-direction:column; gap:5px; background:none; border:none;
	padding:10px; width:var(--rb-tap); height:var(--rb-tap); align-items:center; justify-content:center;
}
.rb-nav-toggle span{
	width:20px; height:2px; background:var(--rb-ink); display:block;
	transition: transform .25s ease, opacity .2s ease;
}
.rb-nav-toggle[aria-expanded="true"] span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.rb-nav-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.rb-nav-toggle[aria-expanded="true"] span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

/* ---------- منوی موبایل: پنل کشویی از راست + پس‌زمینه تیره ---------- */
.rb-nav-backdrop{
	position:fixed; inset:0; background:rgba(20,22,30,.45);
	opacity:0; pointer-events:none; transition: opacity .25s ease; z-index:60;
}
.rb-nav-backdrop.is-open{ opacity:1; pointer-events:auto; }

.rb-nav{
	position:fixed; top:0; bottom:0; right:0;
	width:min(82vw, 320px);
	background:var(--rb-paper);
	box-shadow:-8px 0 28px rgba(20,22,30,.18);
	transform: translateX(100%);
	transition: transform .3s ease;
	z-index:65;
	display:flex; flex-direction:column;
	padding: 10px 18px 24px;
	overflow-y:auto;
}
.rb-nav.is-open{ transform: translateX(0); }
.rb-nav-panel-head{
	display:flex; align-items:center; justify-content:space-between;
	padding:10px 0 16px; border-bottom:1px solid var(--rb-line); margin-bottom:8px;
}
.rb-nav-panel-title{ font-weight:800; font-size:16px; }
.rb-nav-close{
	background:none; border:none; font-size:26px; line-height:1; color:var(--rb-ink-soft);
	width:36px; height:36px; display:flex; align-items:center; justify-content:center;
}
.rb-nav-list{ display:flex; flex-direction:column; gap:2px; padding:6px 0; }
.rb-nav-list a{
	display:flex; align-items:center; min-height:var(--rb-tap);
	font-weight:600; font-size:15px; color:var(--rb-ink-soft);
	border-bottom:1px solid var(--rb-line);
}
.rb-nav-list a:hover, .rb-nav-list a:active{ color: var(--rb-ink); }
.rb-nav-auth{ display:flex; gap:10px; padding:16px 20px 22px; margin-top:auto; border-top:1px solid var(--rb-line); }
.rb-nav-auth .rb-btn{ flex:1; }

/* ---------- پروفایل/ورود — تنها یک نمونه در کل هدر ---------- */
.rb-header-user{ display:flex; align-items:center; gap:6px; font-weight:600; font-size:13px; padding:4px 6px 4px 4px; border-radius:999px; }
.rb-header-user:hover{ background:var(--rb-bg); }
.rb-header-user-name{ display:none; }
.rb-btn-auth{ padding:0 14px; }

.rb-btn{
	display:inline-flex; align-items:center; justify-content:center;
	min-height:40px; padding:0 16px; border-radius:999px; font-weight:700; font-size:13.5px;
	background: var(--rb-ink-fixed); color:#fff; border:1px solid var(--rb-ink-fixed);
	transition: transform .15s ease, opacity .15s ease;
}
.rb-btn:hover{ opacity:.88; }
.rb-btn-ghost{ background:transparent; color:var(--rb-ink); border:1px solid var(--rb-line-2); }
.rb-btn-ghost:hover{ background: var(--rb-bg); }

/* ---------- کادر جست‌وجوی هدر ---------- */
.rb-search-panel{
	max-height:0; overflow:hidden; background:var(--rb-bg); border-top:1px solid transparent;
	transition: max-height .25s ease;
}
.rb-search-panel.is-open{ max-height:420px; border-top-color:var(--rb-line); }
.rb-search-panel-inner{ padding:14px 16px; position:relative; }
.rb-search-box{
	display:flex; align-items:center; gap:10px; background:var(--rb-paper);
	border:1px solid var(--rb-line-2); border-radius:999px; padding:0 16px; height:46px;
	color:var(--rb-ink-soft);
}
.rb-search-input{
	flex:1; border:none; background:none; outline:none; font-family:inherit;
	font-size:15px; color:var(--rb-ink); direction:rtl;
}
.rb-search-input::placeholder{ color:var(--rb-ink-soft); }
.rb-search-results{
	margin-top:8px; background:var(--rb-paper); border:1px solid var(--rb-line);
	border-radius:var(--rb-radius); overflow:hidden; max-height:340px; overflow-y:auto;
}
.rb-search-result{
	display:flex; align-items:center; gap:10px; padding:10px 14px;
	border-bottom:1px solid var(--rb-line); font-size:14px;
}
.rb-search-result:last-child{ border-bottom:none; }
.rb-search-result:hover{ background:var(--rb-bg); }
.rb-search-result img{ width:36px; height:36px; border-radius:8px; object-fit:cover; flex:none; background:var(--rb-line); }
.rb-search-result-title{ font-weight:700; }
.rb-search-result-author{ font-size:12px; color:var(--rb-ink-soft); }
.rb-search-empty, .rb-search-loading{ padding:14px; text-align:center; color:var(--rb-ink-soft); font-size:13.5px; }

/* ---------- هیرو ---------- */
.rb-hero{ padding:34px 0 22px; text-align:center; position:relative; }
.rb-hero-sm{ padding:26px 0 14px; }
.rb-hero-title{ font-size:clamp(24px, 6vw, 42px); font-weight:800; margin:0 0 8px; }
.rb-hero-desc{ color: var(--rb-ink-soft); max-width:560px; margin:0 auto; font-size:15px; }
.rb-hero::after{
	content:""; display:block; margin:18px auto 0; width:160px; height:8px;
	background-image: radial-gradient(circle, var(--rb-accent) 2px, transparent 2.4px);
	background-size: 14px 8px; background-repeat: repeat-x; opacity:.7;
}

/* ---------- اسلایدر صفحه اصلی (مینیمال و کوچک) ---------- */
.rb-slider-wrap{ padding:6px 0 26px; }
.rb-slider{
	position:relative; overflow:hidden; background:var(--rb-line); direction:ltr;
	border-radius: var(--rb-radius); max-width:640px; margin:0 auto;
	box-shadow: var(--rb-shadow);
}
.rb-slider-track{ display:flex; transition: transform .5s ease; direction:ltr; }
.rb-slide{ position:relative; flex:0 0 100%; aspect-ratio: 21/8; direction:rtl; }
.rb-slide img{ width:100%; height:100%; object-fit:cover; }
.rb-slide-link{ display:block; position:absolute; inset:0; }
.rb-slide-caption{
	position:absolute; inset-inline-start:10px; bottom:10px;
	background: rgba(20,22,30,.7); color:#fff; border-radius:999px;
	padding:4px 12px; font-size:11.5px; font-weight:700;
}
.rb-slider-arrow{
	position:absolute; top:50%; transform:translateY(-50%);
	width:26px; height:26px; border-radius:50%; border:none;
	background:rgba(20,22,30,.4); color:#fff; font-size:16px; line-height:1;
	display:flex; align-items:center; justify-content:center; z-index:2;
}
.rb-slider-prev{ right:8px; }
.rb-slider-next{ left:8px; }
.rb-slider-dots{ position:absolute; bottom:8px; inset-inline:0; display:flex; justify-content:center; gap:5px; z-index:2; }
.rb-slider-dot{ width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.55); border:none; padding:0; }
.rb-slider-dot.is-active{ background:#fff; width:14px; border-radius:5px; transition: width .2s ease; }

/* ---------- بخش اخبار ---------- */
.rb-news-grid{ display:grid; grid-template-columns:1fr; gap:14px; }
.rb-news-card{
	display:flex; gap:14px; background:var(--rb-paper); border:1px solid var(--rb-line);
	border-radius: var(--rb-radius); overflow:hidden; align-items:stretch;
}
.rb-news-card:hover{ border-color: var(--rb-accent); }
.rb-news-thumb{ position:relative; flex:none; width:120px; background:var(--rb-line); }
.rb-news-thumb img{ width:100%; height:100%; object-fit:cover; }
.rb-news-badge{
	position:absolute; top:8px; inset-inline-start:8px; background: var(--rb-accent);
	color:#fff; font-size:10.5px; font-weight:800; padding:2px 9px; border-radius:999px;
}
.rb-news-body{ padding:12px 14px 12px 4px; display:flex; flex-direction:column; justify-content:center; gap:6px; }
.rb-news-body h3{ margin:0; font-size:15px; font-weight:800; line-height:1.5; }
.rb-news-body time{ font-size:12px; color:var(--rb-ink-soft); }
.rb-news-more{ text-align:center; margin-top:16px; }

/* ---------- فیلتر دسته‌ها ---------- */
.rb-cat-filters{
	display:flex; gap:8px; margin: 4px 0 24px;
	overflow-x:auto; padding-bottom:4px; -webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}
.rb-cat-filters::-webkit-scrollbar{ display:none; }
.rb-cat-pill{
	flex:none; min-height:38px; display:inline-flex; align-items:center; gap:6px;
	padding:0 16px; border-radius:999px; border:1px solid var(--rb-line-2);
	font-size:13px; font-weight:700; color:var(--rb-ink-soft); background:var(--rb-paper);
}
.rb-cat-pill:hover{ border-color: var(--rb-accent); color:var(--rb-ink); }
.rb-cat-pill.is-active{ background: var(--rb-ink-fixed); border-color:var(--rb-ink-fixed); color:#fff; }
.rb-cat-count{
	font-size:11px; font-weight:800; color:inherit; opacity:.65;
	background: rgba(0,0,0,.06); border-radius:999px; padding:1px 7px; line-height:1.6;
}
.rb-cat-pill.is-active .rb-cat-count{ background: rgba(255,255,255,.22); opacity:.9; }

/* ---------- گرید کارت‌ها (موبایل: تک‌ستونه) ---------- */
.rb-grid{ display:grid; grid-template-columns: 1fr; gap:18px; padding-bottom:40px; }
.rb-card{
	background: var(--rb-paper); border-radius: var(--rb-radius); overflow:hidden;
	box-shadow: var(--rb-shadow); border:1px solid var(--rb-line);
	display:flex; flex-direction:column;
	transition: transform .18s ease, box-shadow .18s ease;
}
.rb-card:hover{ transform: translateY(-3px); box-shadow: 0 14px 30px rgba(30,36,51,0.1); }
.rb-card-thumb{ position:relative; display:block; aspect-ratio: 16/10; background: var(--rb-line); overflow:hidden; }
.rb-card-thumb img{ width:100%; height:100%; object-fit:cover; }
.rb-card-thumb-placeholder{ display:block; width:100%; height:100%; background: repeating-linear-gradient(135deg, var(--rb-line), var(--rb-line) 10px, var(--rb-line-2) 10px, var(--rb-line-2) 20px); }
.rb-badge{
	position:absolute; top:10px; inset-inline-start:10px;
	background: rgba(30,36,51,.82); color:#fff; font-size:11.5px; font-weight:700;
	padding:5px 12px; border-radius:999px; backdrop-filter: blur(2px);
}
.rb-badge-static{ position:static; display:inline-block; background:var(--rb-accent); margin-bottom:12px; }
.rb-card-body{ padding:16px; display:flex; flex-direction:column; gap:9px; flex:1; }
.rb-card-title{ font-size:17px; font-weight:800; margin:0; line-height:1.5; }
.rb-card-title a:hover{ color: var(--rb-accent); }
.rb-card-excerpt{ margin:0; color:var(--rb-ink-soft); font-size:13.5px; flex:1; }
.rb-card-meta{ display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:10px; border-top:1px dashed var(--rb-line-2); font-size:12px; color:var(--rb-ink-soft); flex-wrap:wrap; gap:6px; }
.rb-card-author{ display:flex; align-items:center; gap:7px; font-weight:700; color:var(--rb-ink); }

.rb-avatar-sm{ width:26px; height:26px; border-radius:50%; object-fit:cover; flex:none; border:2px solid var(--rb-paper); box-shadow:0 0 0 1px var(--rb-line-2); }

.rb-empty{ text-align:center; padding:50px 0; color:var(--rb-ink-soft); }

/* ---------- تک‌نوشته ---------- */

/* نوار پیشرفت مطالعه — بالای صفحه، سبک سایت‌های تکنولوژی */
.rb-progress{ position:fixed; top:0; inset-inline:0; height:3px; background:transparent; z-index:80; pointer-events:none; }
.rb-progress-bar{ display:block; height:100%; width:0%; background: linear-gradient(90deg, var(--rb-accent), var(--rb-accent-2)); transition: width .08s linear; }
body:not(.single-post) .rb-progress{ display:none; }

.rb-single-hero{ position:relative; aspect-ratio: 4/3; overflow:hidden; background:var(--rb-line); }
.rb-single-hero img{ width:100%; height:100%; object-fit:cover; }
.rb-single-hero-overlay{
	position:absolute; inset:0; pointer-events:none;
	background: linear-gradient(180deg, rgba(20,22,30,0) 45%, rgba(20,22,30,.5) 100%);
}
.rb-single-container{ padding-top:24px; position:relative; }
.rb-single-title{ font-size:clamp(22px,6vw,38px); font-weight:800; line-height:1.4; margin:0 0 16px; }

/* ---------- اطلاعات مقاله: نویسنده، تاریخ، زمان مطالعه ---------- */
.rb-single-meta{
	display:flex; align-items:center; gap:16px; color:var(--rb-ink-soft); font-size:13px;
	margin-bottom:20px; flex-wrap:wrap; padding-bottom:18px; border-bottom:1px dashed var(--rb-line-2);
}
.rb-single-meta-author{ display:flex; align-items:center; gap:8px; font-weight:700; color:var(--rb-ink); }
.rb-single-meta-author:hover{ color:var(--rb-accent); }
.rb-single-meta-item{ display:inline-flex; align-items:center; gap:6px; }
.rb-single-meta-item svg{ flex:none; color:var(--rb-accent-2); }

/* ---------- خلاصه/مقدمه کوتاه مقاله ---------- */
.rb-single-lead{
	font-size:17.5px; line-height:1.9; color:var(--rb-ink-soft); font-weight:500;
	margin:0 0 30px; padding-inline-start:16px; border-inline-start:3px solid var(--rb-accent-2);
}

.rb-single-content{ font-size:16px; }
.rb-single-content p{ margin:0 0 20px; }
.rb-single-content img{ border-radius: var(--rb-radius); margin:22px 0; }
.rb-single-content > figure{ margin:22px 0; }
.rb-single-content figcaption{ font-size:12.5px; color:var(--rb-ink-soft); text-align:center; margin-top:8px; }

/* ---------- تیترهای H2/H3 داخل محتوا — استایل اختصاصی، حس مستندات فنی ---------- */
.rb-single-content{ counter-reset: rb-h2; }
.rb-single-content h2{
	counter-increment: rb-h2;
	position:relative; display:flex; align-items:center; gap:14px;
	font-size:clamp(19px,4vw,23px); font-weight:800; line-height:1.5;
	margin:46px 0 18px; scroll-margin-top:90px;
}
.rb-single-content h2::before{
	content: counter(rb-h2, decimal-leading-zero);
	flex:none; display:flex; align-items:center; justify-content:center;
	width:36px; height:36px; border-radius:10px;
	background: linear-gradient(135deg, var(--rb-accent), var(--rb-accent-2));
	color:#fff; font-family:var(--rb-font-mono); font-weight:700; font-size:12.5px;
	direction:ltr;
}
.rb-single-content h3{
	position:relative; display:flex; align-items:center; gap:8px;
	font-size:clamp(16.5px,3.4vw,18.5px); font-weight:800;
	margin:32px 0 12px; scroll-margin-top:90px;
}
.rb-single-content h3::before{
	content:"#"; flex:none; color:var(--rb-accent-2); font-family:var(--rb-font-mono);
	font-weight:800; font-size:16px; direction:ltr;
}

/* دکمه کپی‌لینک کنار تیترها که با جاوااسکریپت اضافه می‌شود */
.rb-heading-anchor{
	display:inline-flex; align-items:center; justify-content:center;
	flex:none; width:22px; height:22px; border-radius:6px; border:none;
	background:var(--rb-bg); color:var(--rb-ink-soft); opacity:0; font-size:12px;
	transition: opacity .15s ease, color .15s ease, background .15s ease;
}
.rb-single-content h2:hover .rb-heading-anchor,
.rb-single-content h3:hover .rb-heading-anchor,
.rb-heading-anchor:focus-visible{ opacity:1; }
.rb-heading-anchor:hover{ background:var(--rb-accent); color:#fff; }
.rb-heading-anchor.is-copied{ opacity:1; background:var(--rb-accent-2); color:#fff; }

/* ---------- نقل‌قول ---------- */
.rb-single-content blockquote{
	position:relative; margin:28px 0; padding:22px 26px 22px 24px;
	background:var(--rb-paper); border:1px solid var(--rb-line);
	border-inline-start:4px solid var(--rb-accent); border-radius: 0 var(--rb-radius) var(--rb-radius) 0;
	font-size:16.5px; font-style:italic; color:var(--rb-ink); box-shadow: var(--rb-shadow);
}
.rb-single-content blockquote::before{
	content:"”"; position:absolute; top:-8px; inset-inline-start:16px;
	font-family: Georgia, 'Times New Roman', serif; font-size:54px; line-height:1;
	color:var(--rb-accent); opacity:.3;
}
.rb-single-content blockquote p{ margin:0; position:relative; z-index:1; }
.rb-single-content blockquote p + p{ margin-top:10px; }
.rb-single-content blockquote cite{ display:block; margin-top:10px; font-style:normal; font-size:13px; font-weight:700; color:var(--rb-ink-soft); }

/* ---------- کد و ترمینال ---------- */
.rb-single-content pre{
	position:relative; padding:44px 20px 20px;
}
.rb-single-content pre::before{
	content:""; position:absolute; top:16px; inset-inline-start:18px;
	width:10px; height:10px; border-radius:50%; background:#FF5F57;
	box-shadow: 18px 0 0 #FEBC2E, 36px 0 0 #28C840;
}
.rb-single-content pre::after{
	content:"terminal"; position:absolute; top:14px; inset-inline-end:18px;
	font-family: var(--rb-font-mono); font-size:10.5px; letter-spacing:.08em;
	text-transform:uppercase; color:#8b93a7;
}

/* ---------- جدول ---------- */
.rb-single-content .wp-block-table{ overflow-x:auto; margin:26px 0; border-radius: var(--rb-radius); box-shadow: var(--rb-shadow); }
.rb-single-content table{
	width:100%; border-collapse:collapse; font-size:14.5px; overflow:hidden;
	border-radius: var(--rb-radius); min-width:420px;
}
.rb-single-content .wp-block-table table{ margin:0; box-shadow:none; }
.rb-single-content thead{ background: var(--rb-ink-fixed); color:#fff; }
.rb-single-content th{ padding:12px 14px; text-align:start; font-weight:700; font-size:13px; white-space:nowrap; }
.rb-single-content td{ padding:12px 14px; border-bottom:1px solid var(--rb-line); }
.rb-single-content tbody tr:nth-child(even){ background: var(--rb-bg); }
.rb-single-content tbody tr:hover{ background: rgba(201,122,43,.07); }
.rb-single-content tbody tr:last-child td{ border-bottom:none; }

/* ---------- باکس‌های اختصاصی محتوا: نکته مهم / خلاصه مقاله / جمع‌بندی / منابع / لینک‌های مرتبط ---------- */
.rb-single-content .rb-box{
	position:relative; margin:30px 0; padding:22px; border-radius: var(--rb-radius);
	border:1px solid var(--rb-line-2); background:var(--rb-paper);
}
.rb-single-content .rb-box::before{
	display:inline-block; font-family: var(--rb-font-mono); font-weight:800; font-size:11.5px;
	letter-spacing:.03em; padding:4px 11px; border-radius:999px; margin-bottom:14px; direction:rtl;
}
.rb-single-content .rb-box > *:last-child{ margin-bottom:0 !important; }
.rb-single-content .rb-box ul,
.rb-single-content .rb-box ol{ display:flex; flex-direction:column; gap:8px; padding-inline-start:20px; margin:0; }
.rb-single-content .rb-box ul{ list-style:disc; }
.rb-single-content .rb-box ol{ list-style:decimal; }

.rb-box-note{ background: rgba(201,122,43,.06); border-color: rgba(201,122,43,.3); border-inline-start:4px solid var(--rb-accent); }
.rb-box-note::before{ content:"⚠ نکته مهم"; background: rgba(201,122,43,.15); color:var(--rb-accent); }

.rb-box-summary{ background: rgba(47,111,99,.06); border-color: rgba(47,111,99,.28); border-inline-start:4px solid var(--rb-accent-2); }
.rb-box-summary::before{ content:"◆ خلاصه مقاله"; background: rgba(47,111,99,.15); color:var(--rb-accent-2); }

.rb-box-conclusion{ background: var(--rb-ink-fixed); color:#EDEEF2; border:none; }
.rb-box-conclusion::before{ content:"» جمع‌بندی"; background: rgba(255,255,255,.12); color:#fff; }
.rb-box-conclusion a{ color: var(--rb-accent); font-weight:700; }

.rb-box-sources{ background: var(--rb-bg); }
.rb-box-sources::before{ content:"# منابع"; background: var(--rb-line-2); color:var(--rb-ink-soft); }
.rb-box-sources ol{ font-size:14px; }
.rb-box-sources a{ color: var(--rb-accent-2); font-weight:700; word-break:break-word; }

.rb-box-links{ background: var(--rb-paper); }
.rb-box-links::before{ content:"↗ لینک‌های مرتبط"; background: var(--rb-line-2); color:var(--rb-ink-soft); }
.rb-box-links ul{ list-style:none; padding:0; gap:10px; }
.rb-box-links a{ display:inline-flex; align-items:center; gap:7px; font-weight:700; color:var(--rb-ink); }
.rb-box-links a::before{ content:"↗"; color:var(--rb-accent); font-weight:800; }
.rb-box-links a:hover{ color:var(--rb-accent); }

/* ---------- مقالات پیشنهادی ---------- */
.rb-suggested{ margin:44px 0 8px; padding-top:34px; border-top:1px solid var(--rb-line); }
.rb-suggested-heading{ margin-bottom:18px; }
.rb-suggested-kicker{ display:block; font-family: var(--rb-font-mono); font-size:12px; font-weight:700; color:var(--rb-accent); margin-bottom:6px; direction:ltr; text-align:right; }
.rb-suggested-heading h2{ margin:0; font-size:19px; font-weight:800; }
.rb-suggested-grid{ display:grid; grid-template-columns:1fr; gap:16px; }

.rb-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 34px; }
.rb-tag{ min-height:34px; display:inline-flex; align-items:center; font-size:12.5px; background:var(--rb-bg); border:1px solid var(--rb-line-2); padding:0 12px; border-radius:999px; color:var(--rb-ink-soft); }
.rb-tag:hover{ color:var(--rb-accent); border-color:var(--rb-accent); }

/* ---------- باکس نویسنده ---------- */
.rb-author-box{
	display:flex; flex-direction:column; gap:14px;
	background: var(--rb-paper); border:1px solid var(--rb-line); border-radius: var(--rb-radius);
	padding:18px; margin:18px 0 34px; text-align:center; align-items:center;
}
.rb-author-box-avatar img{ width:64px; height:64px; border-radius:50%; object-fit:cover; }
.rb-author-box-label{ font-size:11.5px; color:var(--rb-accent); font-weight:800; letter-spacing:.02em; }
.rb-author-box-name{ display:block; font-size:17px; font-weight:800; margin:2px 0 4px; }
.rb-author-box-motto{ margin:0 0 8px; color:var(--rb-ink-soft); font-style:italic; font-size:13.5px; }
.rb-author-box-bio{ margin:0 0 10px; font-size:13.5px; color:var(--rb-ink-soft); }
.rb-author-box-link{ display:inline-flex; min-height:38px; align-items:center; font-size:13px; font-weight:700; color:var(--rb-accent-2); }

/* ---------- پروفایل نویسنده (آرشیو) ---------- */
.rb-author-hero{ background:var(--rb-paper); border-bottom:1px solid var(--rb-line); padding:30px 0; }
.rb-author-hero-inner{ display:flex; flex-direction:column; gap:16px; align-items:center; text-align:center; }
.rb-author-hero-avatar{ width:96px; height:96px; border-radius:50%; object-fit:cover; flex:none; box-shadow: var(--rb-shadow); }
.rb-author-hero-name{ margin:0 0 6px; font-size:23px; font-weight:800; }
.rb-author-hero-motto{ margin:0 0 8px; color:var(--rb-accent); font-weight:700; font-size:14px; }
.rb-author-hero-bio{ margin:0 0 8px; color:var(--rb-ink-soft); }
.rb-author-hero-count{ margin:0; font-size:12.5px; color:var(--rb-ink-soft); }

/* ---------- فرم ثبت‌نام ---------- */
.raheblog-register-form{ max-width:420px; margin:16px 0; }
.raheblog-form p{ margin:0 0 14px; }
.raheblog-form label{ display:block; font-weight:700; font-size:14px; margin-bottom:6px; }
.raheblog-form input{
	width:100%; min-height:var(--rb-tap); padding:0 14px; border-radius: var(--rb-radius-sm);
	border:1px solid var(--rb-line-2); background:var(--rb-paper); font-family:inherit; font-size:16px;
}
.raheblog-form input:focus{ border-color:var(--rb-accent); }
.raheblog-btn{
	min-height:var(--rb-tap); background: var(--rb-ink-fixed); color:#fff; border:none; padding:0 26px;
	border-radius:999px; font-weight:700; font-size:14.5px; width:100%;
}
.raheblog-form-note{ font-size:12px; color:var(--rb-ink-soft); }
.raheblog-notice{ padding:12px 16px; border-radius:var(--rb-radius-sm); font-size:14px; margin-bottom:16px; }
.raheblog-notice-success{ background:#EAF3EF; color:#1F5B4C; }
.raheblog-notice-error{ background:#FBEAEA; color:#8A2A2A; }

/* ---------- فوتر ---------- */
.rb-footer{ background: var(--rb-ink-fixed); color:#EDEEF2; margin-top:30px; }
.rb-footer-inner{ display:flex; flex-direction:column; gap:26px; padding:36px 16px 24px; }
.rb-footer .rb-brand-name{ color:#fff; }
.rb-footer .rb-brand-desc{ display:none; }
.rb-footer-desc{ color:#AEB2BE; max-width:360px; font-size:13.5px; margin-top:10px; }
.rb-footer-socials{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.rb-social-link{
	display:inline-flex; align-items:center; min-height:34px; padding:0 14px;
	border:1px solid rgba(255,255,255,.18); border-radius:999px; font-size:12.5px; color:#EDEEF2;
}
.rb-social-link:hover{ border-color: var(--rb-accent); color: var(--rb-accent); }
.rb-footer-nav-list{ display:flex; flex-direction:column; gap:10px; }
.rb-footer-nav-list a{ display:flex; min-height:38px; align-items:center; color:#C7CAD4; font-size:14px; }
.rb-footer-nav-list a:hover{ color:#fff; }
.rb-footer-bottom{ border-top:1px solid rgba(255,255,255,.1); padding:14px 0; font-size:12.5px; color:#9095A3; }
.rb-footer-bottom .rb-container{ display:flex; flex-direction:column; gap:6px; align-items:center; text-align:center; }
.rb-footer-path{ letter-spacing:4px; color: var(--rb-accent); opacity:.7; }

/* ---------- بخش‌های صفحه اصلی (جدیدترین مقالات / نویسندگان ارشد) ---------- */
.rb-home-section{ padding:30px 0 6px; }
.rb-section-heading{
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	margin-bottom:16px;
}
.rb-section-heading h2{ margin:0; font-size:19px; font-weight:800; position:relative; padding-inline-start:14px; }
.rb-section-heading h2::before{
	content:""; position:absolute; inset-inline-start:0; top:2px; bottom:2px; width:4px;
	border-radius:4px; background: var(--rb-accent);
}
.rb-section-link{ font-size:12.5px; font-weight:700; color:var(--rb-accent-2); flex:none; }

/* ---------- کامیونیتی ---------- */
#rb-social{ scroll-margin-top:90px; }
.rb-community-hero{ background: linear-gradient(160deg, var(--rb-ink-fixed), #2c3448); color:#fff; }
.rb-community-hero .rb-hero-desc{ color:rgba(255,255,255,.75); }
.rb-community-hero::after{ background-image: radial-gradient(circle, var(--rb-accent) 2px, transparent 2.4px); opacity:.9; }
.rb-community-kicker{
	display:inline-block; font-size:12px; font-weight:800; letter-spacing:.04em;
	color: var(--rb-accent); background:rgba(201,122,43,.15); padding:5px 14px; border-radius:999px; margin-bottom:12px;
}
.rb-community-intro{ padding:24px 0 4px; }
.rb-community-grid{
	display:grid; grid-template-columns: repeat(2, 1fr); gap:16px; padding:24px 0 50px;
}
.rb-community-card{
	background:var(--rb-paper); border:1px solid var(--rb-line); border-radius: var(--rb-radius);
	padding:22px 16px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.rb-community-card:hover{ transform: translateY(-4px); box-shadow: var(--rb-shadow); border-color: var(--rb-accent); }
.rb-community-avatar{ width:76px; height:76px; border-radius:50%; object-fit:cover; margin-bottom:6px; box-shadow:0 0 0 4px var(--rb-bg); }
.rb-community-name{ font-weight:800; font-size:15px; }
.rb-community-motto{ font-size:12.5px; color:var(--rb-ink-soft); font-style:italic; }
.rb-community-badge{
	margin-top:8px; font-size:11.5px; font-weight:700; color:var(--rb-ink-soft);
	background:var(--rb-bg); border:1px solid var(--rb-line-2); padding:4px 12px; border-radius:999px;
}
.rb-community-badge.is-author{ color:#fff; background: var(--rb-accent-2); border-color:var(--rb-accent-2); }

/* نشان نویسنده برتر: حلقه نارنجی دور عکس + تیک کنار اسم */
.rb-community-card--top{ border-color: var(--rb-accent); }
.rb-avatar-ring{
	box-shadow: 0 0 0 3px var(--rb-paper), 0 0 0 5px var(--rb-accent);
}
.rb-verified-badge{
	display:inline-flex; align-items:center; justify-content:center;
	width:16px; height:16px; border-radius:50%; background: var(--rb-accent);
	color:#fff; font-size:10px; line-height:1; vertical-align:middle; margin-inline-start:3px;
}

/* ---------- صفحه عمومی ---------- */
.rb-page-container{ padding:24px 0 44px; }
.rb-page-thumb{ border-radius: var(--rb-radius); overflow:hidden; margin-bottom:20px; }

/* ---------- دیدگاه‌ها ---------- */
.rb-comments-wrap{ margin-top:16px; padding-top:24px; border-top:1px solid var(--rb-line); }
.rb-comment-list{ margin:16px 0; }
.rb-comments-title{ font-size:18px; font-weight:800; }

.rb-pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding-bottom:44px; }
.rb-pagination .page-numbers{ min-height:40px; display:inline-flex; align-items:center; padding:0 14px; border-radius:8px; border:1px solid var(--rb-line-2); font-size:13.5px; font-weight:700; }
.rb-pagination .page-numbers.current{ background:var(--rb-ink-fixed); color:#fff; border-color:var(--rb-ink-fixed); }

/* =========================================================
   دسکتاپ و تبلت — از این نقطه به بعد فقط بهبود/گسترش می‌دهیم
   ========================================================= */
@media (min-width: 641px){
	.rb-container{ padding:0 24px; }
	.rb-grid{ grid-template-columns: repeat(2, 1fr); gap:22px; }
	.rb-community-grid{ grid-template-columns: repeat(3, 1fr); }
	.rb-author-box{ flex-direction:row; text-align:start; align-items:flex-start; }
	.rb-author-hero-inner{ flex-direction:row; text-align:start; }
	.raheblog-btn{ width:auto; }
}

@media (min-width: 860px){
	.rb-header-inner{ padding:14px 24px; }
	.rb-brand-desc{ display:block; }
	.rb-brand-name{ font-size:18px; }

	.rb-nav-toggle{ display:none; }
	.rb-nav-backdrop{ display:none; }
	.rb-nav-panel-head{ display:none; }

	.rb-nav{
		position:static; width:auto; flex:1; margin:0 24px;
		background:transparent; box-shadow:none; transform:none;
		padding:0; overflow:visible;
	}
	.rb-nav-list{ flex-direction:row; gap:26px; padding:0; }
	.rb-nav-list a{ min-height:auto; border-bottom:none; padding:6px 0; position:relative; }
	.rb-nav-list a::after{
		content:""; position:absolute; right:0; bottom:-2px; width:0; height:2px;
		background: var(--rb-accent); transition: width .2s ease;
	}
	.rb-nav-list a:hover::after{ width:100%; }

	.rb-header-user-name{ display:inline; }

	.rb-nav-auth{ display:none; }

	.rb-search-panel-inner{ max-width:560px; margin:0 auto; padding:16px; }

	.rb-hero{ padding:56px 0 30px; }
	.rb-hero-sm{ padding:40px 0 20px; }
	.rb-hero::after{ width:220px; height:10px; background-size:16px 10px; margin-top:26px; }

	.rb-grid{ grid-template-columns: repeat(3, 1fr); gap:26px; }
	.rb-community-grid{ grid-template-columns: repeat(4, 1fr); }
	.rb-single-hero{ aspect-ratio: 16/7; }
	.rb-single-container{ max-width:760px; padding-top:34px; }
	.rb-page-container{ max-width:760px; padding-top:34px; }
	.rb-news-grid{ grid-template-columns: repeat(2, 1fr); }
	.rb-suggested-grid{ grid-template-columns: repeat(2, 1fr); gap:18px; }
	.rb-single-content h2{ margin:52px 0 20px; }

	.rb-footer-inner{ flex-direction:row; justify-content:space-between; padding:46px 24px 30px; flex-wrap:wrap; }
	.rb-footer-bottom .rb-container{ flex-direction:row; justify-content:space-between; text-align:start; }

	body{ font-size:16px; }
}

/* =========================================================
   ویجت شناور «دستیار جست‌وجو» — گرافیکی، مینیمال، با رنگ‌های خود سایت
   ========================================================= */
.rb-finder{ position:fixed; z-index:75; inset-inline-start:20px; bottom:20px; }

/* دکمه دایره‌ای شناور با گرادیان نارنجی/سبز سایت + حلقه نبض‌دار */
.rb-finder-fab{
	position:relative; width:58px; height:58px; border-radius:50%; border:none; cursor:pointer;
	background: linear-gradient(135deg, var(--rb-accent), var(--rb-accent-2));
	box-shadow: 0 10px 28px rgba(201,122,43,.35);
	display:flex; align-items:center; justify-content:center; color:#fff;
	transition: transform .25s ease, box-shadow .25s ease;
}
.rb-finder-fab:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(201,122,43,.45); }
.rb-finder-fab:active{ transform:scale(.95); }

.rb-finder-ring{
	position:absolute; inset:-9px; border-radius:50%;
	border:1.5px solid var(--rb-accent);
	animation: rb-finder-pulse 2.8s ease-out infinite;
	pointer-events:none;
}
@keyframes rb-finder-pulse{
	0%{ transform:scale(.82); opacity:.55; }
	75%{ transform:scale(1.4); opacity:0; }
	100%{ opacity:0; }
}

.rb-finder-icon{ position:absolute; transition: opacity .25s ease, transform .25s ease; }
.rb-finder-icon-close{ opacity:0; transform:rotate(-90deg) scale(.5); }
.rb-finder-fab[aria-expanded="true"] .rb-finder-icon-ask{ opacity:0; transform:rotate(90deg) scale(.5); }
.rb-finder-fab[aria-expanded="true"] .rb-finder-icon-close{ opacity:1; transform:rotate(0deg) scale(1); }
.rb-finder-fab[aria-expanded="true"] .rb-finder-ring{ animation-play-state:paused; opacity:0; }

.rb-finder-dot{
	position:absolute; top:3px; inset-inline-end:3px; width:11px; height:11px; border-radius:50%;
	background: var(--rb-accent-2); border:2px solid var(--rb-paper);
	animation: rb-finder-dot-blink 1.8s ease-in-out infinite;
}
@keyframes rb-finder-dot-blink{
	0%, 100%{ opacity:1; transform:scale(1); }
	50%{ opacity:.3; transform:scale(.8); }
}
.rb-finder-fab[aria-expanded="true"] .rb-finder-dot{ animation:none; opacity:0; }

/* پنل — تمیز، مینیمال، با بافت نقطه‌ای خیلی ملایم و لهجه مونواسپیس تکنولوژی */
.rb-finder-panel{
	position:absolute; bottom:70px; inset-inline-start:0;
	width:min(348px, calc(100vw - 36px)); max-height:min(500px, calc(100vh - 120px));
	overflow:auto; background:var(--rb-paper);
	background-image: radial-gradient(var(--rb-line) 1px, transparent 1px);
	background-size: 14px 14px;
	border:1px solid var(--rb-line); border-radius: var(--rb-radius);
	box-shadow: 0 20px 44px rgba(30,36,51,.2);
	padding:18px; display:flex; flex-direction:column; gap:4px;
}
/* مهم: چون بالاتر display:flex تعیین شده، باید صراحتاً بگوییم وقتی ویژگی hidden
   هست، واقعاً مخفی بماند — وگرنه دکمه‌ی بستن ظاهراً کار نمی‌کند */
.rb-finder-panel[hidden]{ display:none; }

.rb-finder-head{ display:flex; align-items:flex-start; gap:10px; margin-bottom:2px; }
.rb-finder-head-icon{
	flex:none; width:32px; height:32px; border-radius:9px; margin-top:1px;
	background: linear-gradient(135deg, var(--rb-accent), var(--rb-accent-2));
	color:#fff; display:flex; align-items:center; justify-content:center;
}
.rb-finder-head-texts{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.rb-finder-kicker{ font-family:var(--rb-font-mono); font-size:10.5px; font-weight:700; color:var(--rb-accent); direction:ltr; text-align:right; }
.rb-finder-head-title{ font-weight:800; font-size:14.5px; line-height:1.4; }
.rb-finder-close{
	flex:none; width:26px; height:26px; border-radius:8px; border:none; background:var(--rb-bg);
	color:var(--rb-ink-soft); font-size:18px; line-height:1; cursor:pointer;
	display:flex; align-items:center; justify-content:center; transition: background-color .15s ease, color .15s ease;
}
.rb-finder-close:hover{ background:var(--rb-line); color:var(--rb-ink); }
.rb-finder-sub{ font-size:12.5px; color:var(--rb-ink-soft); line-height:1.8; margin:0 0 14px; }

.rb-finder-form{ display:flex; gap:8px; margin-bottom:6px; }
.rb-finder-input-wrap{ position:relative; flex:1; min-width:0; }
.rb-finder-input-icon{ position:absolute; top:50%; inset-inline-start:11px; transform:translateY(-50%); color:var(--rb-ink-soft); pointer-events:none; }
.rb-finder-input{
	width:100%; height:42px; padding-inline-start:34px; padding-inline-end:12px;
	border-radius: var(--rb-radius-sm); border:1px solid var(--rb-line-2); background:var(--rb-bg);
	color:var(--rb-ink); font-family:var(--rb-font); font-size:13.5px;
}
.rb-finder-input:focus{ outline:none; border-color:var(--rb-accent); }
.rb-finder-input::placeholder{ color:var(--rb-ink-soft); }
.rb-finder-submit{
	flex:none; width:42px; height:42px; border-radius: var(--rb-radius-sm); border:none;
	background: linear-gradient(135deg, var(--rb-accent), var(--rb-accent-2)); color:#fff; cursor:pointer;
	display:flex; align-items:center; justify-content:center; transition: opacity .15s ease, transform .15s ease;
}
.rb-finder-submit:hover{ opacity:.92; }
.rb-finder-submit:active{ transform:scale(.94); }

.rb-finder-results{ display:flex; flex-direction:column; gap:4px; }
.rb-finder-result{
	display:flex; align-items:center; gap:10px; padding:9px 6px; border-radius: var(--rb-radius-sm);
	color:var(--rb-ink); transition: background-color .15s ease;
}
.rb-finder-result:hover{ background:var(--rb-bg); }
.rb-finder-result img{ width:44px; height:44px; border-radius:9px; object-fit:cover; flex:none; background:var(--rb-line); }
.rb-finder-result-title{ display:block; font-weight:700; font-size:13.5px; line-height:1.5; }
.rb-finder-result-excerpt{ display:block; font-size:11.5px; color:var(--rb-ink-soft); line-height:1.7; margin-top:2px; }
.rb-finder-empty, .rb-finder-loading{ padding:16px 6px; text-align:center; color:var(--rb-ink-soft); font-size:13px; }

@media (max-width: 640px){
	.rb-finder{ inset-inline-start:14px; bottom:14px; }
	.rb-finder-panel{ bottom:72px; }
}

/* روی موبایل، برای جلوگیری از شلوغی نوار بالا، فقط دکمه‌ی «ورود» می‌ماند؛
   ثبت‌نام از همان صفحه‌ی ورود یا از منوی همبرگری در دسترس است */
@media (max-width: 480px){
	.rb-header-actions > a.rb-btn-auth:not(.rb-btn-ghost){ display:none; }
	/* روی موبایل، «پنل نویسندگی» و «خروج» از همان منوی همبرگری در دسترسند */
	.rb-header-actions > a.rb-btn-auth-panel,
	.rb-header-actions > a.rb-btn-auth-logout{ display:none; }
}

/* فرم ورود/ثبت‌نام */
.raheblog-form-row{ display:flex; gap:12px; }
.raheblog-form-row p{ flex:1; min-width:0; }
.raheblog-form-remember{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; flex-wrap:wrap; }
.raheblog-form-remember a{ color:var(--rb-ink-soft); }
.raheblog-form-remember a:hover{ color:var(--rb-accent); }
.raheblog-checkbox-label{ display:flex !important; align-items:center; gap:6px; font-weight:400 !important; margin:0 !important; cursor:pointer; }
.raheblog-checkbox-label input{ width:auto !important; }
@media (max-width: 480px){
	.raheblog-form-row{ flex-direction:column; gap:0; }
}

/* فیلدهای بیشتر برای فرم‌های سایت (textarea / select) هم مثل input استایل بگیرند */
.raheblog-form textarea, .raheblog-form select{
	width:100%; padding:10px 14px; border-radius: var(--rb-radius-sm);
	border:1px solid var(--rb-line-2); background:var(--rb-paper); color:var(--rb-ink);
	font-family:inherit; font-size:15px; resize:vertical;
}
.raheblog-form textarea:focus, .raheblog-form select:focus{ outline:none; border-color:var(--rb-accent); }
.raheblog-btn{ display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.raheblog-btn:hover{ color:#fff; }

/* =========================================================
   پنل نویسندگی — صفحه‌ی نوشتن/ویرایش مقاله و مدیریت نظرها
   (همه از متغیرهای رنگی قالب استفاده می‌کنند، پس با تم تاریک/روشن هماهنگ است)
   ========================================================= */
.rb-panel{ padding:34px 0 60px; }
.rb-panel-denied{ padding:60px 0; text-align:center; }

.rb-panel-head{ margin-bottom:22px; }
.rb-panel-kicker{ display:block; font-family:var(--rb-font-mono); font-size:12px; font-weight:700; color:var(--rb-accent); direction:ltr; text-align:right; margin-bottom:8px; }
.rb-panel-head h1{ font-size:clamp(22px,4vw,28px); font-weight:800; margin:0 0 6px; }
.rb-panel-head p{ color:var(--rb-ink-soft); font-size:14.5px; margin:0; }

.rb-panel-tabs{ display:flex; gap:6px; border-bottom:1px solid var(--rb-line); margin-bottom:22px; overflow-x:auto; }
.rb-panel-tab{
	flex:none; padding:10px 16px; font-weight:700; font-size:14px; color:var(--rb-ink-soft);
	border-bottom:2px solid transparent; margin-bottom:-1px; white-space:nowrap;
}
.rb-panel-tab:hover{ color:var(--rb-ink); }
.rb-panel-tab.is-active{ color:var(--rb-accent); border-bottom-color:var(--rb-accent); }

.rb-panel-body{ max-width:780px; }
.rb-panel-empty{
	text-align:center; padding:50px 20px; background:var(--rb-paper); border:1px solid var(--rb-line);
	border-radius:var(--rb-radius); color:var(--rb-ink-soft);
}
.rb-panel-empty p{ margin:0 0 16px; }
.rb-panel-empty .raheblog-btn{ width:auto; padding:0 24px; }

/* فهرست نوشته‌ها */
.rb-panel-list{ display:flex; flex-direction:column; gap:10px; }
.rb-panel-row{
	display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
	padding:14px 16px; background:var(--rb-paper); border:1px solid var(--rb-line); border-radius:var(--rb-radius-sm);
}
.rb-panel-row-thumb{
	flex:none; width:52px; height:52px; border-radius:var(--rb-radius-sm); overflow:hidden;
	background:var(--rb-bg); display:block;
}
.rb-panel-row-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.rb-panel-row-thumb-empty{ border:1px dashed var(--rb-line-2); }
.rb-panel-row-main{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0; flex:1; }
.rb-panel-row-title{ font-weight:700; font-size:14.5px; color:var(--rb-ink); }
.rb-panel-row-title:hover{ color:var(--rb-accent); }
.rb-panel-row-meta{ font-size:12px; color:var(--rb-ink-soft); white-space:nowrap; }
.rb-panel-row-actions{ display:flex; align-items:center; gap:14px; font-size:13px; font-weight:700; flex:none; }
.rb-panel-row-actions a{ color:var(--rb-ink-soft); }
.rb-panel-row-actions a:hover{ color:var(--rb-accent); }
.rb-panel-link-danger{ color:#B23A3A !important; }
.rb-panel-link-danger:hover{ color:#8A2A2A !important; }

.rb-panel-status{
	flex:none; font-size:11px; font-weight:700; padding:3px 10px; border-radius:999px;
	font-family:var(--rb-font-mono);
}
.rb-panel-status.is-publish{ background:rgba(47,111,99,.12); color:var(--rb-accent-2); }
.rb-panel-status.is-draft{ background:var(--rb-line); color:var(--rb-ink-soft); }
.rb-panel-status.is-pending{ background:rgba(201,122,43,.12); color:var(--rb-accent); }
.rb-panel-status.is-future{ background:rgba(201,122,43,.12); color:var(--rb-accent); }

/* فرم نوشته جدید/ویرایش */
.rb-panel-form{ background:var(--rb-paper); border:1px solid var(--rb-line); border-radius:var(--rb-radius); padding:22px; }
.rb-panel-editor-field{ margin:0 0 16px; }
.rb-panel-editor-field label{ display:block; font-weight:700; font-size:14px; margin-bottom:6px; }
.rb-panel-form .wp-editor-wrap{ border-radius: var(--rb-radius-sm); overflow:hidden; border:1px solid var(--rb-line-2); }
.rb-panel-form-row{ display:flex; gap:20px; margin-bottom:16px; flex-wrap:wrap; }
.rb-panel-form-row > div{ flex:1; min-width:200px; }
.rb-panel-form-row > div > label{ display:block; font-weight:700; font-size:14px; margin-bottom:8px; }
.rb-panel-cats{ display:flex; flex-wrap:wrap; gap:8px; max-height:140px; overflow-y:auto; padding:10px; border:1px solid var(--rb-line-2); border-radius:var(--rb-radius-sm); background:var(--rb-bg); }
.rb-panel-cat-item{ display:flex !important; align-items:center; gap:6px; font-weight:400 !important; margin:0 !important; font-size:13px; cursor:pointer; }
.rb-panel-cat-item input{ width:auto !important; min-height:auto !important; }
.rb-panel-thumb-preview{ display:block; width:90px; height:90px; object-fit:cover; border-radius:var(--rb-radius-sm); margin-bottom:10px; }
.rb-panel-form select{ min-height:var(--rb-tap); }
.rb-panel-new-cat{ margin-top:8px; }

/* پروفایل من */
.rb-panel-avatar-field{ display:flex; flex-direction:column; align-items:center; gap:12px; margin-bottom:24px; padding-bottom:22px; border-bottom:1px dashed var(--rb-line-2); text-align:center; }
.rb-panel-avatar-preview{ width:104px; height:104px; border-radius:50%; overflow:hidden; background:var(--rb-bg); border:3px solid var(--rb-paper); box-shadow:0 0 0 1px var(--rb-line); }
.rb-panel-avatar-preview img{ width:100%; height:100%; object-fit:cover; display:block; }
.rb-panel-avatar-actions{ display:flex; gap:10px; }
.rb-panel-avatar-field .raheblog-form-note{ margin:0; }
.rb-panel-remove-thumb{ margin:8px 0 !important; }

/* باکس سئو — همون حس برچسب مونواسپیس تکنولوژی بقیه‌ی سایت */
.rb-panel-seo-box{
	margin:0 0 16px; padding:16px; border-radius:var(--rb-radius-sm);
	border:1px dashed var(--rb-line-2); background:var(--rb-bg);
}
.rb-panel-seo-kicker{ display:block; font-family:var(--rb-font-mono); font-size:11px; font-weight:700; color:var(--rb-accent); direction:ltr; text-align:right; margin-bottom:10px; }
.rb-panel-seo-box .rb-panel-form-row{ margin-bottom:0; }
.rb-panel-seo-box p:last-child{ margin-bottom:0; }

/* نظرها */
.rb-panel-comments{ display:flex; flex-direction:column; gap:14px; }
.rb-panel-comment{ background:var(--rb-paper); border:1px solid var(--rb-line); border-radius:var(--rb-radius); padding:16px; }
.rb-panel-comment-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.rb-panel-comment-head img{ flex:none; }
.rb-panel-comment-head > div{ flex:1; min-width:0; display:flex; flex-direction:column; }
.rb-panel-comment-author{ font-weight:700; font-size:13.5px; }
.rb-panel-comment-on{ font-size:12px; color:var(--rb-ink-soft); }
.rb-panel-comment-status{ flex:none; font-size:11px; font-weight:700; color:var(--rb-ink-soft); font-family:var(--rb-font-mono); }
.rb-panel-comment-text{ font-size:14px; line-height:1.9; color:var(--rb-ink); margin:0 0 12px; }
.rb-panel-comment-actions{ display:flex; gap:16px; font-size:13px; font-weight:700; }
.rb-panel-comment-actions a, .rb-panel-reply-toggle{
	color:var(--rb-ink-soft); background:none; border:none; padding:0; font-weight:700; font-size:13px; cursor:pointer; font-family:inherit;
}
.rb-panel-comment-actions a:hover, .rb-panel-reply-toggle:hover{ color:var(--rb-accent); }
.rb-panel-reply-form{ display:flex; gap:8px; margin-top:12px; }
.rb-panel-reply-form[hidden]{ display:none; }
.rb-panel-reply-form textarea{
	flex:1; min-height:40px; padding:10px 12px; border-radius:var(--rb-radius-sm); border:1px solid var(--rb-line-2);
	background:var(--rb-bg); color:var(--rb-ink); font-family:inherit; font-size:13.5px; resize:vertical;
}
.rb-panel-reply-form .raheblog-btn{ width:auto; padding:0 18px; flex:none; align-self:flex-start; }

@media (max-width: 640px){
	.rb-panel-row{ flex-direction:column; align-items:stretch; }
	.rb-panel-row-thumb{ position:absolute; }
	.rb-panel-row{ position:relative; padding-inline-start:78px; min-height:52px; }
	.rb-panel-row-actions{ justify-content:flex-start; margin-top:4px; }
	.rb-panel-reply-form{ flex-direction:column; }

	/* ویرایشگر وردپرس روی موبایل سرریز نشود */
	.rb-panel-form .wp-editor-wrap,
	.rb-panel-form .mce-tinymce,
	.rb-panel-form .wp-editor-tools,
	.rb-panel-form .mce-toolbar-grp{ max-width:100%; }
	.rb-panel-form table.mce-btn-group-stretch-layout{ width:100%; }
	.rb-panel-seo-box .rb-panel-form-row{ gap:14px; }
}