/*
Theme Name: سرای‌تاریخ (SarayeTarikh) - مکتب‌بوک
Theme URI: https://www.maktabbook.ir/
Author: ابوالفضل فدائی
Author URI: https://www.maktabbook.ir/
Description: قالب اختصاصی و واکنش‌گرای وردپرس برای کتابخانه‌ی دیجیتال «مکتب‌بوک». این قالب بر پایه‌ی طراحی HTML اختصاصی سرای‌تاریخ (کد پروژه STMB-SARAYETARIKH-2026) به وردپرس استاندارد تبدیل شده و برای سئوی فنی (سازگار با Yoast SEO)، سرعت بارگذاری و مدیریت آسان محتوا بهینه شده است.
Version: 1.0.8
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
License: maktabbook General Public License v2 or later
License URI: https://www.maktabbook.sarayetarikh.ir
Text Domain: sarayetarikh
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, theme-options

این قالب اختصاصی برای «مکتب‌بوک» طراحی شده و کلیه‌ی کلاس‌های آن با پیشوند
sarayetarikh- نام‌گذاری شده تا در تداخل با پلاگین‌ها یا قالب‌های دیگر قرار نگیرد.
تمام استایل‌های اصلی سایت (طرح، رنگ‌بندی، چیدمان و ریسپانسیو) دقیقاً از نسخه‌ی
HTML اولیه‌ی قالب کپی شده و هیچ تغییری در آن‌ها اعمال نشده است.
*/



/* ==========================================================================
   مکتب‌بوک | MaktabBook — stylesheet اختصاصی
   کد اختصاصی پروژه: STMB-SARAYETARIKH-2026
   کلیه کلاس‌ها با پیشوند sarayetarikh- (سرای‌تاریخ) نام‌گذاری شده‌اند.
   ========================================================================== */

@font-face{
  font-family:'IRANSansX';
  src:url('assets/fonts/IRANSansX-Regular.woff2') format('woff2');
  font-weight:400; font-display:swap;
}
@font-face{
  font-family:'IRANSansX';
  src:url('assets/fonts/IRANSansX-Medium.woff2') format('woff2');
  font-weight:500; font-display:swap;
}
@font-face{
  font-family:'IRANSansX';
  src:url('assets/fonts/IRANSansX-Bold.woff2') format('woff2');
  font-weight:700; font-display:swap;
}
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root{
  /* ---- سامانه‌ی رنگی: مینیمال و مدرن — زمینه‌ی خاکستری ملایم، سطوح سفید، لهجه‌ی لاجورد/طلا ---- */
  --sarayetarikh-bg:            #F5F5F5;  /* پس‌زمینه‌ی کلی صفحه */
  --sarayetarikh-surface:       #FFFFFF;  /* سطح کارت‌ها و کانتینرهای اصلی */
  --sarayetarikh-surface-soft:  #F0F0F1;  /* تینت ملایم‌تر برای نوار‌ها/هاور/استرایپ */
  --sarayetarikh-ink:           #1D2333;  /* لاجوردی تیره — عنوان‌ها، هدر، متن پررنگ */
  --sarayetarikh-ink-2:         #2B3348;  /* لاجوردی روشن‌تر برای هاور/حالت‌ها */
  --sarayetarikh-gold:          #B08D3D;  /* طلای ورقی — لهجه‌ی تذهیب، کم‌رنگ و شیک */
  --sarayetarikh-gold-light:    #C9A653;
  --sarayetarikh-maroon:        #7A2331;  /* لاکی کمیاب — دکمه‌های کنش اصلی */
  --sarayetarikh-maroon-dark:   #5C1A25;
  --sarayetarikh-text:          #33363D;  /* متن اصلی بدنه */
  --sarayetarikh-text-muted:    #83868D;  /* متن کم‌رنگ/فرعی */
  --sarayetarikh-border:        #E6E6E7;  /* خطوط و حاشیه‌های ظریف */
  --sarayetarikh-shadow:        0 10px 26px -14px rgba(20,22,30,.16);
  --sarayetarikh-shadow-sm:     0 2px 10px rgba(20,22,30,.06);
  --sarayetarikh-radius:        12px;
  --sarayetarikh-radius-sm:     8px;
  --sarayetarikh-max:           1400px;
  --sarayetarikh-ease:          cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  direction:rtl;
  text-align:right;
  font-family:'IRANSansX','Vazirmatn',Tahoma,sans-serif;
  background:var(--sarayetarikh-bg);
  color:var(--sarayetarikh-text);
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
button{font-family:inherit;cursor:pointer;}
.sarayetarikh-container{max-width:var(--sarayetarikh-max);margin:0 auto;padding:0 4px;}

/* ---- پنهان‌سازی بصری با حفظ دسترس‌پذیری/سئو (برای مثال H1 اصلی صفحه) ---- */
.sarayetarikh-visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ==========================================================================
   نوار بالای سایت — تماس
   ========================================================================== */
.sarayetarikh-topbar{
  background:var(--sarayetarikh-ink);
  color:#EFE6CE;
  font-size:13px;
}
.sarayetarikh-topbar .sarayetarikh-container{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:8px;padding-bottom:8px;
  gap:12px;flex-wrap:wrap;
}
.sarayetarikh-topbar-contacts{display:flex;gap:22px;flex-wrap:wrap;}
.sarayetarikh-topbar-contacts a{display:flex;align-items:center;gap:6px;opacity:.92;transition:opacity .2s;}
.sarayetarikh-topbar-contacts a:hover{opacity:1;color:var(--sarayetarikh-gold-light);}
.sarayetarikh-topbar-note{color:var(--sarayetarikh-gold-light);font-weight:500;letter-spacing:.2px;}

/* ==========================================================================
   هدر اصلی
   ========================================================================== */
.sarayetarikh-header{
  background:var(--sarayetarikh-surface);
  border-bottom:2px solid var(--sarayetarikh-gold);
  position:sticky;top:0;z-index:50;
  box-shadow:var(--sarayetarikh-shadow);
}
.sarayetarikh-header-row{
  display:flex;align-items:center;gap:28px;
  padding:14px 0;
}
.sarayetarikh-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.sarayetarikh-logo-mark{width:46px;height:46px;flex-shrink:0;}
.sarayetarikh-logo-text{display:flex;flex-direction:column;line-height:1.25;}
.sarayetarikh-logo-text b{font-size:21px;color:var(--sarayetarikh-ink);letter-spacing:.2px;}
.sarayetarikh-logo-text span{font-size:11px;color:var(--sarayetarikh-gold);font-weight:500;}

.sarayetarikh-nav{flex:1;}
.sarayetarikh-nav > ul{display:flex;align-items:center;gap:2px;}
.sarayetarikh-nav > ul > li{position:relative;}
.sarayetarikh-nav > ul > li > a{
  display:flex;align-items:center;gap:5px;
  padding:10px 14px;border-radius:8px;
  font-size:15px;font-weight:500;color:var(--sarayetarikh-ink);
  transition:background .2s,color .2s;
}
.sarayetarikh-nav > ul > li > a:hover,
.sarayetarikh-nav > ul > li.sarayetarikh-active > a{background:var(--sarayetarikh-ink);color:var(--sarayetarikh-surface);}
.sarayetarikh-caret{width:9px;height:9px;transition:transform .2s;}
.sarayetarikh-nav li:hover .sarayetarikh-caret,
.sarayetarikh-nav li.sarayetarikh-open .sarayetarikh-caret,
.sarayetarikh-nav li:focus-within .sarayetarikh-caret{transform:rotate(180deg);}

.sarayetarikh-submenu{
  position:absolute;top:100%;right:0;min-width:240px;
  background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);
  border-top:3px solid var(--sarayetarikh-gold);
  border-radius:0 0 10px 10px;box-shadow:var(--sarayetarikh-shadow);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:60;
}
.sarayetarikh-nav li:hover .sarayetarikh-submenu,
.sarayetarikh-nav li.sarayetarikh-open .sarayetarikh-submenu,
.sarayetarikh-nav li:focus-within .sarayetarikh-submenu{opacity:1;visibility:visible;transform:translateY(0);}
/* پل بدون‌فاصله‌ی بین دکمه و زیرمنو، تا حرکت مورب موس بین آن‌دو باعث بسته شدن زودهنگام نشود */
.sarayetarikh-submenu::before{content:"";position:absolute;top:-8px;right:0;left:0;height:8px;}
.sarayetarikh-submenu a{
  display:flex;align-items:center;justify-content:space-between;
  padding:9px 12px;border-radius:6px;font-size:14px;color:var(--sarayetarikh-text);
}
.sarayetarikh-submenu a:hover{background:var(--sarayetarikh-surface-soft);color:var(--sarayetarikh-maroon);}
.sarayetarikh-submenu a small{color:var(--sarayetarikh-text-muted);font-weight:400;}

.sarayetarikh-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.sarayetarikh-icon-btn{
  display:flex;align-items:center;gap:7px;
  padding:9px 14px;border-radius:24px;border:1.5px solid var(--sarayetarikh-ink);
  font-size:13.5px;font-weight:500;color:var(--sarayetarikh-ink);background:transparent;
  transition:.2s;
}
.sarayetarikh-icon-btn svg{width:17px;height:17px;flex-shrink:0;}
.sarayetarikh-icon-btn:hover{background:var(--sarayetarikh-ink);color:var(--sarayetarikh-surface);}
.sarayetarikh-icon-btn.sarayetarikh-fill{background:var(--sarayetarikh-maroon);border-color:var(--sarayetarikh-maroon);color:#F7EFDD;}
.sarayetarikh-icon-btn.sarayetarikh-fill:hover{background:var(--sarayetarikh-maroon-dark);}

.sarayetarikh-burger{display:none;background:none;border:none;padding:8px;}
.sarayetarikh-burger svg{width:26px;height:26px;color:var(--sarayetarikh-ink);}

/* ---- جستجو ---- */
.sarayetarikh-search-row{padding:0 0 14px;}
.sarayetarikh-search{
  position:relative;display:flex;align-items:center;
  background:var(--sarayetarikh-bg);border:1.5px solid var(--sarayetarikh-border);
  border-radius:30px;overflow:hidden;
  max-width:640px;margin:0 auto;
}
.sarayetarikh-search input{
  flex:1;border:none;background:transparent;padding:12px 16px;
  font-family:inherit;font-size:14.5px;color:var(--sarayetarikh-text);outline:none;
}
.sarayetarikh-search input::placeholder{color:var(--sarayetarikh-text-muted);}
.sarayetarikh-search button{
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;background:var(--sarayetarikh-ink);color:var(--sarayetarikh-bg);
  border:none;flex-shrink:0;transition:background .2s;
}
.sarayetarikh-search button:hover{background:var(--sarayetarikh-gold);}
.sarayetarikh-search button svg{width:19px;height:19px;}

/* ==========================================================================
   جعبه‌های شاخص زیر هدر (تیزر دانلود + نقل‌قول)
   ========================================================================== */
.sarayetarikh-strip{
  max-width:100%;height:80px;display:flex;align-items:center;justify-content:center;
  margin:18px auto;border-radius:var(--sarayetarikh-radius);
  padding:0 22px;position:relative;overflow:hidden;
}
.sarayetarikh-strip-frame::before,.sarayetarikh-strip-frame::after{
  content:"";position:absolute;top:6px;bottom:6px;width:26px;
  background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 120'%3E%3Cpath d='M20 2 L38 20 L38 100 L20 118 L2 100 L2 20 Z' fill='none' stroke='%23C9A653' stroke-width='2'/%3E%3Cpath d='M20 14 L20 106 M8 30 L32 30 M8 90 L32 90' stroke='%23C9A653' stroke-width='1.4'/%3E%3C/svg%3E");
  opacity:.55;
}
.sarayetarikh-strip-frame::before{right:8px;}
.sarayetarikh-strip-frame::after{left:8px;transform:scaleX(-1);}

.sarayetarikh-teaser{
  background:linear-gradient(90deg,var(--sarayetarikh-maroon),var(--sarayetarikh-maroon-dark));
  color:#F7EEDA;
}
.sarayetarikh-teaser a{
  display:flex;align-items:center;gap:14px;justify-content:center;
  width:100%;height:100%;font-size:16px;font-weight:500;flex-wrap:wrap;text-align:center;
}
.sarayetarikh-teaser a b{color:var(--sarayetarikh-gold-light);font-size:18px;}
.sarayetarikh-teaser a span.sarayetarikh-pipe{opacity:.5;padding:0 4px;}
.sarayetarikh-teaser a .sarayetarikh-cta{
  background:var(--sarayetarikh-gold);color:var(--sarayetarikh-ink);
  padding:6px 16px;border-radius:20px;font-weight:700;font-size:13.5px;
  transition:background .2s;
}
.sarayetarikh-teaser:hover .sarayetarikh-cta{background:var(--sarayetarikh-gold-light);}

.sarayetarikh-quote{
  background:var(--sarayetarikh-surface);border:1.5px solid var(--sarayetarikh-border);
}
.sarayetarikh-quote p{
  margin:0;font-size:14.5px;color:var(--sarayetarikh-ink);line-height:1.75;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  text-align:center;
}
.sarayetarikh-quote p b{color:var(--sarayetarikh-maroon);}

/* ==========================================================================
   اسلایدر کتاب‌ها
   ========================================================================== */
.sarayetarikh-section{padding:34px 0;position:relative;}
.sarayetarikh-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px;}
.sarayetarikh-section-head h2{
  font-size:20px;margin:0;color:var(--sarayetarikh-ink);position:relative;padding-inline-start:14px;
  border-inline-start:4px solid var(--sarayetarikh-gold);
  flex:1 1 auto;min-width:0;white-space:normal;word-break:break-word;
}
.sarayetarikh-section-head a{font-size:13px;color:var(--sarayetarikh-maroon);font-weight:500;}
.sarayetarikh-section-head a:hover{text-decoration:underline;}
.sarayetarikh-slider-head{margin-bottom:14px;}
.sarayetarikh-slider-head h2{display:flex;align-items:center;gap:8px;}
.sarayetarikh-slider-head h2 svg{width:20px;height:20px;flex-shrink:0;color:var(--sarayetarikh-maroon);}
.sarayetarikh-slider-head h2 img.sarayetarikh-box-icon{width:20px;height:20px;flex-shrink:0;border-radius:4px;object-fit:cover;}

/* ---- دکمه‌ی آیکونی «مشاهده‌ی همه‌ی دسته‌بندی‌ها» (جایگزین دکمه‌ی متنی) ---- */
.sarayetarikh-icon-link-btn{
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  width:38px;height:38px;border-radius:10px;
  background:var(--sarayetarikh-surface);border:1.5px solid var(--sarayetarikh-border);
  color:var(--sarayetarikh-ink);
  transition:background .2s var(--sarayetarikh-ease),border-color .2s var(--sarayetarikh-ease),
             color .2s var(--sarayetarikh-ease),transform .2s var(--sarayetarikh-ease);
}
.sarayetarikh-icon-link-btn svg{width:18px;height:18px;}
.sarayetarikh-icon-link-btn:hover{
  background:var(--sarayetarikh-ink);border-color:var(--sarayetarikh-ink);
  color:#fff;transform:rotate(90deg);
}

/* ==========================================================================
   استوری‌های کتاب — پیمایش افقی دایره‌ای (بالای بخش تاریخ ایران باستان)
   ========================================================================== */
.sarayetarikh-stories-box{
  display:flex;align-items:center;gap:8px;margin:0 0 26px;
  background:var(--sarayetarikh-surface);border:1.5px solid var(--sarayetarikh-border);
  border-radius:var(--sarayetarikh-radius);box-shadow:var(--sarayetarikh-shadow);
  padding:16px 12px;
}
.sarayetarikh-stories{position:relative;margin:0;flex:1 1 auto;min-width:0;}
.sarayetarikh-stories-track{
  display:flex;gap:30px;overflow-x:auto;padding:6px 2px 10px;scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:none;-ms-overflow-style:none;
}
.sarayetarikh-stories-track::-webkit-scrollbar{display:none;height:0;}

.sarayetarikh-stories-nav{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  background:var(--sarayetarikh-surface);border:1.5px solid var(--sarayetarikh-border);
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--sarayetarikh-shadow-sm);transition:background .2s;color:var(--sarayetarikh-ink);
}
.sarayetarikh-stories-nav:hover{background:var(--sarayetarikh-gold);}
.sarayetarikh-stories-nav svg{width:16px;height:16px;}
@media (max-width:480px){
  .sarayetarikh-stories-nav{width:28px;height:28px;}
  .sarayetarikh-stories-nav svg{width:13px;height:13px;}
  .sarayetarikh-stories-box{padding:12px 8px;gap:4px;}
}

.sarayetarikh-story{
  scroll-snap-align:start;flex:0 0 auto;width:84px;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  background:none;border:none;padding:2px 0 0;
}
.sarayetarikh-story-ring{
  width:100px;height:100px;border-radius:50%;padding:3px;flex-shrink:0;
  background: conic-gradient(from 220deg, #af2206, #b72205 45%, #a20606 90%);
  display:flex;align-items:center;justify-content:center;
  transition:transform .22s var(--sarayetarikh-ease),filter .22s var(--sarayetarikh-ease);
}
.sarayetarikh-story-ring span{
  display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;
  background:var(--sarayetarikh-surface);border:2.5px solid var(--sarayetarikh-surface);
}
.sarayetarikh-story-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.sarayetarikh-story:hover .sarayetarikh-story-ring,
.sarayetarikh-story:focus-visible .sarayetarikh-story-ring,
.sarayetarikh-story[aria-expanded="true"] .sarayetarikh-story-ring{
  transform:scale(1.07);filter:saturate(1.15);
}
.sarayetarikh-story-name{
  font-size:11.5px;font-weight:500;color:var(--sarayetarikh-text);text-align:center;
  max-width:84px;overflow:hidden;text-overflow:ellipsis;
  
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}

/* ---- پاپ‌آور نمایش خلاصه‌ی کتاب هنگام کلیک روی استوری ---- */
.sarayetarikh-story-popover{
  position:fixed;z-index:120;width:250px;max-width:calc(100vw - 32px);
  background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);
  border-radius:var(--sarayetarikh-radius);box-shadow:var(--sarayetarikh-shadow);
  padding:16px 18px;
  opacity:0;visibility:hidden;transform:translateY(6px) scale(.97);
  transition:opacity .16s var(--sarayetarikh-ease),transform .16s var(--sarayetarikh-ease),visibility .16s;
}
.sarayetarikh-story-popover.sarayetarikh-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.sarayetarikh-story-popover-arrow{
  position:absolute;top:-7px;width:14px;height:14px;
  background:var(--sarayetarikh-surface);border-inline-start:1px solid var(--sarayetarikh-border);
  border-block-start:1px solid var(--sarayetarikh-border);transform:rotate(45deg);
}
.sarayetarikh-story-popover-close{
  position:absolute;top:10px;left:10px;width:24px;height:24px;border-radius:50%;
  background:var(--sarayetarikh-surface-soft);border:none;color:var(--sarayetarikh-text-muted);
  display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s;
}
.sarayetarikh-story-popover-close svg{width:12px;height:12px;}
.sarayetarikh-story-popover-close:hover{background:var(--sarayetarikh-maroon);color:#fff;}
.sarayetarikh-story-popover-title{
  margin:0 26px 6px 0;font-size:14.5px;color:var(--sarayetarikh-ink);line-height:1.6;
}
.sarayetarikh-story-popover-desc{
  margin:0 0 14px;font-size:12.5px;color:var(--sarayetarikh-text-muted);line-height:1.8;
}
.sarayetarikh-story-popover-link{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--sarayetarikh-maroon);color:#F7EFDD;
  font-size:12.5px;font-weight:500;padding:8px 14px;border-radius:8px;
  transition:background .18s var(--sarayetarikh-ease);
}
.sarayetarikh-story-popover-link svg{width:14px;height:14px;}
.sarayetarikh-story-popover-link:hover{background:var(--sarayetarikh-maroon-dark);}

@media (max-width:600px){
  .sarayetarikh-story{width:110px;}
  .sarayetarikh-story-ring{width:112px;height:112px;}
}

.sarayetarikh-slider{
  position:relative;
  background:var(--sarayetarikh-surface);border:1.5px solid var(--sarayetarikh-border);
  border-radius:var(--sarayetarikh-radius);box-shadow:var(--sarayetarikh-shadow);
  padding:22px 46px;
}
.sarayetarikh-slider-viewport{overflow:hidden;}
.sarayetarikh-slider-track{
  display:flex;gap:16px;transition:transform .55s cubic-bezier(.65,0,.35,1);
  will-change:transform;
}
.sarayetarikh-slider-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;
  background:var(--sarayetarikh-surface);border:1.5px solid var(--sarayetarikh-border);
  display:flex;align-items:center;justify-content:center;z-index:5;
  box-shadow:var(--sarayetarikh-shadow);transition:background .2s;
}
.sarayetarikh-slider-nav:hover{background:var(--sarayetarikh-gold);}
.sarayetarikh-slider-nav svg{width:16px;height:16px;color:var(--sarayetarikh-ink);}
.sarayetarikh-slider-prev{right:10px;}
.sarayetarikh-slider-next{left:10px;}
@media (max-width:600px){
  .sarayetarikh-slider{padding:18px 38px;}
}

.sarayetarikh-book{
  flex:0 0 230px;width:230px;height:335px;
  background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);border-radius:8px;
  overflow:hidden;position:relative;box-shadow:var(--sarayetarikh-shadow);
  display:flex;flex-direction:column;transition:transform .25s;
}
.sarayetarikh-book:hover{transform:translateY(-5px);}
.sarayetarikh-book-cover{width:100%;height:198px;position:relative;overflow:hidden;background:var(--sarayetarikh-ink);}
.sarayetarikh-book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.sarayetarikh-book:hover .sarayetarikh-book-cover img{transform:scale(1.06);}
.sarayetarikh-book-badge{
  position:absolute;top:6px;left:6px;background:var(--sarayetarikh-maroon);color:#F7EFDD;
  font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500;
}
.sarayetarikh-cat-icon-badges{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;gap:4px;z-index:2;}
.sarayetarikh-cat-icon{
  width:22px;height:22px;border-radius:50%;background:var(--sarayetarikh-maroon);color:#F7EFDD;
  display:flex;align-items:center;justify-content:center;box-shadow:var(--sarayetarikh-shadow-sm);
}
.sarayetarikh-cat-icon svg{width:13px;height:13px;}
.sarayetarikh-book-body{flex:1;display:flex;flex-direction:column;padding:8px 9px;gap:6px;}
.sarayetarikh-book-title{
  font-size:12.5px;font-weight:500;color:var(--sarayetarikh-ink);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  min-height:2.6em;
}
.sarayetarikh-book-actions{display:flex;gap:5px;margin-top:auto;}
.sarayetarikh-book-actions a{
  flex:1;text-align:center;font-size:10.5px;padding:5px 2px;border-radius:5px;font-weight:500;
}
.sarayetarikh-book-actions .sarayetarikh-view{background:var(--sarayetarikh-surface-soft);color:var(--sarayetarikh-ink);}
.sarayetarikh-book-actions .sarayetarikh-dl{text-align:center;background:var(--sarayetarikh-maroon);color:#F7EFDD;}
.sarayetarikh-book-actions a:hover{filter:brightness(1.08);}

/* ==========================================================================
   فوتر
   ========================================================================== */
.sarayetarikh-footer{background:var(--sarayetarikh-ink);color:#DED3B6;margin-top:40px;}
.sarayetarikh-footer-top{padding:38px 0 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:28px;}
.sarayetarikh-footer-col h3{color:var(--sarayetarikh-gold-light);font-size:15px;margin:0 0 14px;}
.sarayetarikh-footer-col p{font-size:13px;color:#B8AC8C;line-height:1.9;}
.sarayetarikh-footer-col ul li{margin-bottom:8px;font-size:13.5px;}
.sarayetarikh-footer-col ul a:hover{color:var(--sarayetarikh-gold-light);}
.sarayetarikh-social{display:flex;gap:8px;margin-top:12px;}
.sarayetarikh-social a{
  width:34px;height:34px;border-radius:50%;border:1px solid #3C4C6E;
  display:flex;align-items:center;justify-content:center;transition:.2s;
}
.sarayetarikh-social a:hover{background:var(--sarayetarikh-gold);border-color:var(--sarayetarikh-gold);color:var(--sarayetarikh-ink);}
.sarayetarikh-social svg{width:16px;height:16px;}

.sarayetarikh-badges{
  border-top:1px solid #2B3B5C;border-bottom:1px solid #2B3B5C;padding:18px 0;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center;
}
.sarayetarikh-badges img{height:42px;width:auto;opacity:.85;filter:grayscale(15%);transition:opacity .2s;}
.sarayetarikh-badges img:hover{opacity:1;}

.sarayetarikh-footer-bottom{padding:16px 0;text-align:center;font-size:12.5px;color:#9AA4C4;}
.sarayetarikh-footer-bottom b{color:var(--sarayetarikh-gold-light);}

/* ==========================================================================
   صفحه‌ی تک (سینگل کتاب)
   ========================================================================== */
.sarayetarikh-breadcrumb{font-size:12.5px;color:var(--sarayetarikh-text-muted);margin:16px 0;display:flex;gap:6px;flex-wrap:wrap;}
.sarayetarikh-breadcrumb a:hover{color:var(--sarayetarikh-maroon);}
/* ستون اول (راست) محتوای اصلی، ستون دوم (چپ) سایدبار — هم‌راستا با درخواست سایدبار سمت چپ در RTL */
.sarayetarikh-single-layout{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:start;}

.sarayetarikh-single-main{min-width:0;background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);border-radius:var(--sarayetarikh-radius);padding:26px;box-shadow:var(--sarayetarikh-shadow);}
.sarayetarikh-single-main::after{content:"";display:table;clear:both;}
.sarayetarikh-single-title{font-size:26px;color:var(--sarayetarikh-ink);margin:0 0 14px;line-height:1.5;}
.sarayetarikh-single-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--sarayetarikh-text-muted);margin-bottom:20px;border-bottom:1px dashed var(--sarayetarikh-border);padding-bottom:18px;}
.sarayetarikh-single-meta span{display:flex;align-items:center;gap:5px;}
.sarayetarikh-single-meta a{color:var(--sarayetarikh-maroon);font-weight:500;}
.sarayetarikh-single-cover{
  float:right;width:230px;aspect-ratio:230/310;object-fit:cover;margin:0 0 16px 20px;border:6px solid var(--sarayetarikh-bg);
  outline:1px solid var(--sarayetarikh-border);box-shadow:var(--sarayetarikh-shadow);border-radius:4px;
}
.sarayetarikh-single-body{overflow-wrap:break-word;word-break:break-word;}
.sarayetarikh-single-body p{margin:0 0 16px;font-size:15px;color:var(--sarayetarikh-text);text-align:justify;}
.sarayetarikh-single-body table{max-width:100%;display:block;overflow-x:auto;}

/* ---- جلوگیری از ذخیره‌ی راحت تصاویر پست (کاور + تصاویر داخل متن) ----
   فقط تصاویر هدف قرار می‌گیرند؛ متن پست همچنان کامل قابل‌انتخاب/کپی می‌ماند.
   این روش صرفاً بازدارنده است (جلوی راست‌کلیک/درگ/نگه‌داشتن لمسی را می‌گیرد)
   و تضمین فنیِ صددرصدی در برابر ذخیره‌سازی تصویر نیست. */
.sarayetarikh-single-cover,
.sarayetarikh-single-body img,
.sarayetarikh-book-cover img,
.sarayetarikh-story-ring img{
  -webkit-user-drag:none;user-drag:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
  pointer-events:auto;
}

/* --- رفع باگ افتادن سایدبار در صفحات سینگل به دلیل محتوای عریض داخل پست (تصویر/جدول/iframe/pre) ---
   بدون تغییر ظاهر عمومی قالب: فقط از سرریز افقیِ محتوای داخلی پست جلوگیری می‌شود تا
   ستون سایدبار (280px) در گرید سینگل هیچ‌گاه توسط محتوای پست به بیرون رانده یا شکسته نشود. */
.sarayetarikh-single-body iframe,
.sarayetarikh-single-body video,
.sarayetarikh-single-body embed,
.sarayetarikh-single-body object{max-width:100%;}
.sarayetarikh-single-body pre,
.sarayetarikh-single-body code{max-width:100%;overflow-x:auto;}
.sarayetarikh-single-body > *{max-width:100%;}
.sarayetarikh-single-main{overflow-x:hidden;overflow-y:visible;}
.sarayetarikh-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;clear:both;}
.sarayetarikh-tags a{background:var(--sarayetarikh-surface-soft);color:var(--sarayetarikh-ink);font-size:12px;padding:6px 13px;border-radius:16px;}
.sarayetarikh-tags a:hover{background:var(--sarayetarikh-gold);color:#fff;}

.sarayetarikh-download-box{
  margin:26px 0;padding:22px;border-radius:var(--sarayetarikh-radius);max-width:100%;
  background:linear-gradient(135deg,var(--sarayetarikh-ink),var(--sarayetarikh-ink-2));color:#F2E9CE;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
}
.sarayetarikh-download-box .sarayetarikh-dl-info h4{margin:0 0 6px;font-size:16px;color:var(--sarayetarikh-gold-light);}
.sarayetarikh-download-box .sarayetarikh-dl-info p{margin:0;font-size:12.5px;color:#C9C0A2;}
.sarayetarikh-dl-links{display:flex;gap:10px;flex-wrap:wrap;}
.sarayetarikh-dl-links a{
  display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:8px;
  font-size:13.5px;font-weight:500;background:var(--sarayetarikh-gold);color:var(--sarayetarikh-ink);transition:.2s;
}
.sarayetarikh-dl-links a:hover{background:var(--sarayetarikh-gold-light);}
.sarayetarikh-dl-links a.sarayetarikh-word{background:var(--sarayetarikh-maroon);color:#F7EFDD;}
.sarayetarikh-dl-links a.sarayetarikh-word:hover{background:var(--sarayetarikh-maroon-dark);}
.sarayetarikh-dl-links a svg{width:17px;height:17px;}

.sarayetarikh-comments h3,.sarayetarikh-related h2{font-size:18px;color:var(--sarayetarikh-ink);border-inline-start:4px solid var(--sarayetarikh-gold);padding-inline-start:12px;margin:34px 0 16px;}
.sarayetarikh-comment-form{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px;}
.sarayetarikh-comment-form textarea{grid-column:1/-1;}
.sarayetarikh-comment-form input,.sarayetarikh-comment-form textarea{
  border:1px solid var(--sarayetarikh-border);background:var(--sarayetarikh-bg);border-radius:7px;
  padding:11px 13px;font-family:inherit;font-size:13.5px;color:var(--sarayetarikh-text);
}
.sarayetarikh-comment-form button{
  grid-column:1/-1;justify-self:start;background:var(--sarayetarikh-maroon);color:#F7EFDD;
  border:none;padding:11px 26px;border-radius:7px;font-weight:500;font-size:13.5px;
}
.sarayetarikh-comment-form button:hover{background:var(--sarayetarikh-maroon-dark);}
.sarayetarikh-comment-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--sarayetarikh-border);}
.sarayetarikh-comment-children{margin-inline-start:38px;padding-inline-start:14px;border-inline-start:2px solid var(--sarayetarikh-border);}
.sarayetarikh-comment-item.sarayetarikh-comment-is-reply{padding-top:12px;}
.sarayetarikh-comment-item.sarayetarikh-comment-is-admin{background:var(--sarayetarikh-surface-soft,#f2f0ea);border-radius:var(--sarayetarikh-radius-sm,10px);padding-inline:12px;margin-inline-end:-12px;}
.sarayetarikh-comment-admin-badge{display:inline-block;font-size:10.5px;font-weight:700;color:#fff;background:var(--sarayetarikh-maroon);border-radius:20px;padding:1px 9px;margin-inline-start:6px;vertical-align:middle;}
.sarayetarikh-comment-reply-tag{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--sarayetarikh-gold-dark,var(--sarayetarikh-maroon));margin:4px 0 2px;}
.sarayetarikh-comment-reply-tag b{color:var(--sarayetarikh-ink);}
.sarayetarikh-comment-avatar{width:42px;height:42px;border-radius:50%;background:var(--sarayetarikh-ink);color:var(--sarayetarikh-gold-light);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.sarayetarikh-comment-item b{font-size:13.5px;color:var(--sarayetarikh-ink);}
.sarayetarikh-comment-item time{font-size:11.5px;color:var(--sarayetarikh-text-muted);margin-inline-start:8px;font-weight:400;}
.sarayetarikh-comment-item p{margin:6px 0 0;font-size:13.5px;color:var(--sarayetarikh-text);}

.sarayetarikh-related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.sarayetarikh-related-item{display:flex;flex-direction:column;gap:6px;}
.sarayetarikh-related-item img{width:100%;aspect-ratio:230/310;object-fit:cover;border-radius:6px;display:block;height: 280px;}
.sarayetarikh-related-title{
  font-size:12.5px;font-weight:500;color:var(--sarayetarikh-ink);margin:0;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;
}
.sarayetarikh-related-dl{
  display:block;text-align:center;font-size:11px;font-weight:500;padding:7px 4px;border-radius:5px;
  background:var(--sarayetarikh-maroon);color:#F7EFDD;margin-top:auto;
}
.sarayetarikh-related-dl:hover{filter:brightness(1.08);}

/* ---- سایدبار سمت چپ ---- */
.sarayetarikh-sidebar{display:flex;flex-direction:column;gap:22px;}
.sarayetarikh-widget{background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);border-radius:var(--sarayetarikh-radius);padding:16px;box-shadow:var(--sarayetarikh-shadow);}
.sarayetarikh-widget h3{margin:0 0 12px;font-size:14.5px;color:var(--sarayetarikh-ink);padding-bottom:10px;border-bottom:2px solid var(--sarayetarikh-gold);}
.sarayetarikh-widget-list li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--sarayetarikh-border);}
.sarayetarikh-widget-list li:last-child{border-bottom:none;}
.sarayetarikh-widget-list img{width:46px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0;}
.sarayetarikh-widget-list .sarayetarikh-wl-title{font-size:12.5px;color:var(--sarayetarikh-text);line-height:1.6;}
.sarayetarikh-widget-list .sarayetarikh-wl-title span{display:block;font-size:11px;color:var(--sarayetarikh-text-muted);margin-top:3px;}
.sarayetarikh-ad-banner img{border-radius:8px;border:1px solid var(--sarayetarikh-border);}
.sarayetarikh-ad-banner{margin-bottom:0;}

/* ==========================================================================
   واکنش‌گرا
   ========================================================================== */
@media (max-width:1080px){
  .sarayetarikh-footer-top{grid-template-columns:1fr 1fr;}
  .sarayetarikh-related-grid{grid-template-columns:repeat(3,1fr);}
}
/* سایدبار سمت چپ فقط در صفحه‌نمایش‌های واقعاً کوچک (تبلت/موبایل) به زیر محتوا منتقل
   می‌شود؛ نقطه‌ی شکست قبلی (۱۰۸۰px) خیلی زود فعال می‌شد و باعث می‌شد سایدبار حتی روی
   بسیاری از لپ‌تاپ‌های معمولی هم به‌طور غیرمنتظره به پایین صفحه منتقل شود. */
@media (max-width:900px){
  .sarayetarikh-single-layout{grid-template-columns:1fr;}
  .sarayetarikh-sidebar{order:2;}
}
@media (max-width:860px){
  .sarayetarikh-nav{display:none;}
  .sarayetarikh-burger{display:block;flex-shrink:0;}
  .sarayetarikh-topbar-note{display:none;}
  .sarayetarikh-footer-top{grid-template-columns:1fr 1fr;}
  .sarayetarikh-teaser a{font-size:14px;}
  .sarayetarikh-single-cover{float:none;width:100%;margin:0 0 16px;}

  /* ---- رفع سرریز افقی هدر در موبایل: دکمه‌های اشتراک/ورود و همبرگر
         به‌جای هم‌ردیف شدن با لوگو (که باعث فشرده شدن و خروج از کادر
         صفحه می‌شد)، در ردیف دوم و کاملاً داخل کادر نمایش داده می‌شوند،
         و متن کنار آیکون‌ها مانند دسکتاپ حفظ می‌گردد. ---- */
  body{overflow-x:hidden;}
  .sarayetarikh-header-row{flex-wrap:wrap;row-gap:10px;column-gap:10px;}
  .sarayetarikh-header-actions{
    flex:1 1 100%;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
    max-width:100%;
  }
  .sarayetarikh-header-actions .sarayetarikh-icon-btn{
    padding:8px 12px;
    gap:6px;
    border-radius:20px;
  }
  .sarayetarikh-header-actions .sarayetarikh-icon-btn span{
    display:inline;
    font-size:12px;
    white-space:nowrap;
  }
  .sarayetarikh-header-actions .sarayetarikh-icon-btn svg{width:15px;height:15px;}
}
@media (max-width:600px){
  .sarayetarikh-footer-top{grid-template-columns:1fr;text-align:center;}
  .sarayetarikh-social{justify-content:center;}
  .sarayetarikh-badges img{height:32px;}
  .sarayetarikh-strip{height:auto;min-height:80px;padding:14px 16px;}
  .sarayetarikh-related-grid{grid-template-columns:repeat(2,1fr);}
  .sarayetarikh-book{flex:0 0 193px;width:164px;height:310px;}
  .sarayetarikh-book-cover{height:166px;}
  .sarayetarikh-comment-form{grid-template-columns:1fr;}
  .sarayetarikh-download-box{flex-direction:column;align-items:flex-start;}
}
@media (max-width:480px){
  /* ---- در عرض‌های بسیار کوچک، اندازه‌ی دکمه‌ها کمی جمع‌تر می‌شود
         تا با وجود متن، همچنان کاملاً داخل کادر صفحه بمانند. ---- */
  .sarayetarikh-header-actions{gap:6px;}
  .sarayetarikh-header-actions .sarayetarikh-icon-btn{padding:7px 10px;}
  .sarayetarikh-header-actions .sarayetarikh-icon-btn span{font-size:11px;}
  .sarayetarikh-header-actions .sarayetarikh-icon-btn svg{width:14px;height:14px;}
}

/* ---- نمایش موبایل منو ---- */
.sarayetarikh-mobile-nav{
  position:fixed;inset:0 0 0 auto;width:82%;max-width:340px;background:var(--sarayetarikh-surface);
  z-index:200;transform:translateX(100%);transition:transform .3s;box-shadow:-10px 0 30px rgba(0,0,0,.25);
  padding:20px;overflow-y:auto;
}
.sarayetarikh-mobile-nav.sarayetarikh-open{transform:translateX(0);}
.sarayetarikh-mobile-nav a{display:block;padding:12px 6px;border-bottom:1px solid var(--sarayetarikh-border);font-size:14.5px;}
.sarayetarikh-mobile-nav .sarayetarikh-sub-label{color:var(--sarayetarikh-gold);font-size:12px;margin:14px 0 4px;}

/* ---- زیرمنوی موبایل (آکاردئون): آیتم‌های دارای فرزند ---- */
.sarayetarikh-mobile-item{border-bottom:1px solid var(--sarayetarikh-border);}
.sarayetarikh-mobile-item .sarayetarikh-has-caret{
  border-bottom:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;
}
.sarayetarikh-mobile-item .sarayetarikh-caret{width:13px;height:13px;transition:transform .2s;flex-shrink:0;}
.sarayetarikh-mobile-item.sarayetarikh-open > .sarayetarikh-has-caret .sarayetarikh-caret{transform:rotate(180deg);}
/* در حالت موبایل، زیرمنو دیگر position:absolute نیست؛ به‌صورت آکاردئون زیر آیتم باز می‌شود */
.sarayetarikh-mobile-nav .sarayetarikh-submenu{
  position:static;opacity:1;visibility:visible;transform:none;
  background:transparent;border:none;box-shadow:none;padding:0;
  max-height:0;overflow:hidden;transition:max-height .25s ease;
}
.sarayetarikh-mobile-item.sarayetarikh-open > .sarayetarikh-submenu{max-height:1000px;}
.sarayetarikh-mobile-nav .sarayetarikh-submenu a{
  padding:10px 8px 10px 20px;font-size:13.5px;color:var(--sarayetarikh-text-muted);border-bottom:1px solid var(--sarayetarikh-border);
}
.sarayetarikh-mobile-nav .sarayetarikh-submenu a:last-child{border-bottom:none;}
.sarayetarikh-mobile-overlay{position:fixed;inset:0;background:rgba(22,35,60,.5);z-index:199;opacity:0;visibility:hidden;transition:.3s;}
.sarayetarikh-mobile-overlay.sarayetarikh-open{opacity:1;visibility:visible;}
.sarayetarikh-mobile-close{background:none;border:none;font-size:22px;color:var(--sarayetarikh-ink);float:left;}

/* ---- کمکی: تصاویر lazy در حال بارگذاری ---- */
img[data-src]{background:linear-gradient(110deg,var(--sarayetarikh-surface-soft) 8%,var(--sarayetarikh-bg) 18%,var(--sarayetarikh-surface-soft) 33%);background-size:200% 100%;animation:sarayetarikh-shimmer 1.4s linear infinite;}
@keyframes sarayetarikh-shimmer{to{background-position:-200% 0;}}

/* ---- دسترس‌پذیری فوکوس ---- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--sarayetarikh-maroon);outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}

/* ==========================================================================
   ***** افزوده‌ی جدید — صفحات: جست‌وجو / ۴۰۴ / آرشیو دسته‌بندی / برگه *****
   کد اختصاصی پروژه: STMB-SARAYETARIKH-2026
   نکته: این بخش کاملاً «افزودنی» است و هیچ Selector قبلی را بازنویسی
   نمی‌کند؛ صرفاً کلاس‌های تازه برای ۶ صفحه‌ی جدید اضافه شده تا بدون
   تداخل، به‌انتهای فایل style.css موجود شما اضافه شود.
   ========================================================================== */

/* ---- دکمه‌های عمومی «مشاهده» و «دانلود» (برای صفحات جست‌وجو و آرشیو) ---- */
.sarayetarikh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 18px;border-radius:7px;font-size:13px;font-weight:500;transition:.2s;
  white-space:nowrap;
}
.sarayetarikh-btn-view{background:var(--sarayetarikh-surface-soft);color:var(--sarayetarikh-ink);border:1px solid var(--sarayetarikh-border);}
.sarayetarikh-btn-view:hover{background:var(--sarayetarikh-border);}
.sarayetarikh-btn-dl{background:var(--sarayetarikh-maroon);color:#F7EFDD;border:1px solid var(--sarayetarikh-maroon);}
.sarayetarikh-btn-dl:hover{background:var(--sarayetarikh-maroon-dark);border-color:var(--sarayetarikh-maroon-dark);}

/* ==========================================================================
   ۱) صفحه‌ی نتایج جست‌وجو
   ========================================================================== */
.sarayetarikh-search-heading{margin:24px 0 4px;font-size:21px;color:var(--sarayetarikh-ink);
  border-inline-start:4px solid var(--sarayetarikh-gold);padding-inline-start:14px;}
.sarayetarikh-search-heading b{color:var(--sarayetarikh-maroon);}
.sarayetarikh-search-count{color:var(--sarayetarikh-text-muted);font-size:13px;margin:6px 0 20px;padding-inline-start:18px;}

.sarayetarikh-search-results-list{display:flex;flex-direction:column;gap:16px;margin:0 0 30px;}
.sarayetarikh-search-result-item{
  display:flex;gap:18px;background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);
  border-radius:var(--sarayetarikh-radius);padding:16px;box-shadow:var(--sarayetarikh-shadow);
}
.sarayetarikh-sr-thumb{flex:0 0 350px;width:110px;height:280px;border-radius:6px;overflow:hidden;
  border:1px solid var(--sarayetarikh-border);background:var(--sarayetarikh-ink);}
.sarayetarikh-sr-thumb img{width:100%;height:100%;object-fit:cover;}
.sarayetarikh-sr-body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;}
.sarayetarikh-sr-title{font-size:16px;color:var(--sarayetarikh-ink);margin:0;}
.sarayetarikh-sr-title a:hover{color:var(--sarayetarikh-maroon);}
.sarayetarikh-sr-meta{font-size:12px;color:var(--sarayetarikh-text-muted);display:flex;gap:12px;flex-wrap:wrap;}
.sarayetarikh-sr-excerpt{font-size:13.5px;color:var(--sarayetarikh-text);line-height:1.8;margin:0;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sarayetarikh-sr-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap;}

@media (max-width:600px){
  .sarayetarikh-search-result-item{flex-direction:column;}
  .sarayetarikh-sr-thumb{width:100%;height:190px;}
}

/* ==========================================================================
   ۲) صفحه‌ی ۴۰۴ (یافت نشد)
   ========================================================================== */
.sarayetarikh-404{text-align:center;padding:70px 20px 90px;max-width:640px;margin:0 auto;}
.sarayetarikh-404-illustration{width:150px;margin:0 auto 18px;opacity:.9;}
.sarayetarikh-404-code{font-size:96px;font-weight:700;color:var(--sarayetarikh-gold);line-height:1;
  margin:0;letter-spacing:6px;}
.sarayetarikh-404-code span{color:var(--sarayetarikh-maroon);}
.sarayetarikh-404 h1{font-size:22px;color:var(--sarayetarikh-ink);margin:18px 0 10px;}
.sarayetarikh-404 p{color:var(--sarayetarikh-text-muted);font-size:14px;margin:0 0 28px;line-height:1.9;}
.sarayetarikh-404-actions{display:flex;justify-content:center;margin-bottom:34px;}
.sarayetarikh-404-actions .sarayetarikh-search{max-width:480px;}
.sarayetarikh-404-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.sarayetarikh-404-links a{background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);
  color:var(--sarayetarikh-ink);padding:9px 18px;border-radius:20px;font-size:12.5px;transition:.2s;}
.sarayetarikh-404-links a:hover{background:var(--sarayetarikh-gold);color:#fff;border-color:var(--sarayetarikh-gold);}

/* ==========================================================================
   ۳) صفحه‌ی آرشیو یک دسته‌بندی (مثلاً «تاریخ اسلام»)
   ========================================================================== */
.sarayetarikh-cat-hero{margin:24px 0 10px;}
.sarayetarikh-cat-hero h1{font-size:24px;color:var(--sarayetarikh-ink);margin:0 0 8px;
  border-inline-start:4px solid var(--sarayetarikh-gold);padding-inline-start:14px;}
.sarayetarikh-cat-hero p{color:var(--sarayetarikh-text-muted);font-size:13.5px;padding-inline-start:18px;margin:0;}

.sarayetarikh-cat-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:18px;margin:26px 0 10px;
}
.sarayetarikh-cat-card{
  background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);border-radius:8px;
  overflow:hidden;box-shadow:var(--sarayetarikh-shadow);display:flex;flex-direction:column;
  transition:transform .22s;
}
.sarayetarikh-cat-card:hover{transform:translateY(-4px);}
.sarayetarikh-cat-card-cover{width:100%;height:230px;overflow:hidden;position:relative;background:var(--sarayetarikh-ink);}
.sarayetarikh-cat-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.sarayetarikh-cat-card:hover .sarayetarikh-cat-card-cover img{transform:scale(1.06);}
.sarayetarikh-cat-card-badge{position:absolute;top:8px;left:8px;background:var(--sarayetarikh-maroon);
  color:#F7EFDD;font-size:10px;padding:2px 9px;border-radius:10px;font-weight:500;}
.sarayetarikh-cat-card-body{padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px;flex:1;}
.sarayetarikh-cat-card-title{font-size:13px;font-weight:500;color:var(--sarayetarikh-ink);margin:0;
  min-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sarayetarikh-cat-card-actions{display:flex;gap:6px;margin-top:auto;}
.sarayetarikh-cat-card-actions a{flex:1;text-align:center;font-size:11px;padding:7px 4px;border-radius:5px;font-weight:500;}
.sarayetarikh-cat-card-actions .sarayetarikh-view{background:var(--sarayetarikh-surface-soft);color:var(--sarayetarikh-ink);}
.sarayetarikh-cat-card-actions .sarayetarikh-dl{background:var(--sarayetarikh-maroon);color:#F7EFDD;}
.sarayetarikh-cat-card-actions a:hover{filter:brightness(1.08);}

@media (max-width:600px){
  .sarayetarikh-cat-grid{grid-template-columns:repeat(2,1fr);}
}

/* ---- صفحه‌بندی (Pagination) — استفاده در انتهای صفحه‌ی آرشیو دسته‌بندی ---- */
.sarayetarikh-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:38px 0 10px;flex-wrap:wrap;}
.sarayetarikh-pagination a,.sarayetarikh-pagination span{
  display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;
  border-radius:8px;border:1px solid var(--sarayetarikh-border);color:var(--sarayetarikh-ink);font-size:13.5px;
  padding:0 10px;background:var(--sarayetarikh-surface);transition:.2s;
}
.sarayetarikh-pagination a:hover{background:var(--sarayetarikh-gold);color:#fff;border-color:var(--sarayetarikh-gold);}
.sarayetarikh-pagination .sarayetarikh-current{background:var(--sarayetarikh-ink);color:#fff;border-color:var(--sarayetarikh-ink);}
.sarayetarikh-pagination .sarayetarikh-dots{border:none;background:transparent;}
.sarayetarikh-pagination .sarayetarikh-pg-arrow svg{width:15px;height:15px;}

/* ==========================================================================
   ۴/۵/۶) قالب‌های عمومی «برگه» (Page) — با سایدبار، تمام‌عرض، و با دیدگاه
   ========================================================================== */
.sarayetarikh-page-main{
  min-width:0;background:var(--sarayetarikh-surface);border:1px solid var(--sarayetarikh-border);border-radius:var(--sarayetarikh-radius);
  padding:30px;box-shadow:var(--sarayetarikh-shadow);
}
.sarayetarikh-page-main::after{content:"";display:table;clear:both;}
.sarayetarikh-page-body{overflow-wrap:break-word;word-break:break-word;}
.sarayetarikh-page-body table{max-width:100%;display:block;overflow-x:auto;}
.sarayetarikh-page-title{font-size:26px;color:var(--sarayetarikh-ink);margin:0 0 22px;
  border-inline-start:4px solid var(--sarayetarikh-gold);padding-inline-start:14px;}
.sarayetarikh-page-body p{margin:0 0 16px;font-size:15px;color:var(--sarayetarikh-text);text-align:justify;line-height:1.9;}
.sarayetarikh-page-body h2{font-size:19px;color:var(--sarayetarikh-ink);margin:28px 0 12px;}
.sarayetarikh-page-body ul{margin:0 0 16px;padding-inline-start:22px;list-style:disc;}
.sarayetarikh-page-body li{font-size:14.5px;color:var(--sarayetarikh-text);margin-bottom:8px;line-height:1.8;}
.sarayetarikh-page-body blockquote{
  margin:22px 0;padding:16px 20px;background:var(--sarayetarikh-surface-soft);
  border-inline-start:4px solid var(--sarayetarikh-gold);border-radius:6px;color:var(--sarayetarikh-ink);font-size:14.5px;
}

/* صفحه‌ی تمام‌عرض بدون سایدبار (شماره‌ی ۵) — عرض کامل کانتینر اصلی سایت */
.sarayetarikh-page-fullwidth{width:100%;}
.sarayetarikh-page-fullwidth .sarayetarikh-page-body{max-width:980px;margin:0 auto;}

/* ==========================================================================
   ۷) مدیریت بنرها (پیشخوان ← مکتب بوک) — بنر مستقل بین باکس‌ها + دو بنر ۴۸۰×۴۵
      پایین هر باکس. صرفاً افزودنی است و روی ظاهر/استایل فعلی قالب اثری ندارد.
   ========================================================================== */
.sarayetarikh-home-banner{ text-align:center; padding:10px 0 24px; }
.sarayetarikh-home-banner img{
  max-width:100%; height:auto; border-radius:var(--sarayetarikh-radius); display:inline-block;
}
.sarayetarikh-box-underbanners{
  display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap;
  margin:0 0 30px; padding-top:6px;
}
.sarayetarikh-box-underbanner img{
  display:block; width:480px; max-width:100%; height:45px; object-fit:contain;
  border-radius:6px;
}
@media (max-width:560px){
  .sarayetarikh-box-underbanner img{ width:100%; height:auto; }
}

/* رفع مشکل زوم خودکار صفحه در موبایل (iOS Safari) هنگام فوکوس روی فیلدهای فرم؛
   علت: اندازه فونت کمتر از 16px در input/select/textarea باعث زوم خودکار مرورگر می‌شود.
   این قانون فقط اندازه فونت را در حالت موبایل اصلاح می‌کند و به هیچ استایل یا ساختار دیگری دست نمی‌زند. */
@media (max-width:768px){
  input,select,textarea{ font-size:16px !important; }
}