/*
 * B2Wall Blog — استایل‌های برندینگ برای Jannah Child Theme
 * ─────────────────────────────────────────────────────────
 * این فایل فقط رنگ‌ها، فونت و ظاهر را تغییر می‌دهد.
 * ساختار هدر، فوتر و منوهای موجود دست نخورده می‌مانند.
 */

/* ══════════════════════════════════════════════
   متغیرهای رنگ B2Wall
══════════════════════════════════════════════ */
:root {
    --b2w-primary:  #3e55b7;
    --b2w-teal:     #2981a8;
    --b2w-dark:     #131b4b;
    --b2w-grad:     linear-gradient(135deg, #2b84ab 0%, #389cc4 100%);
    --b2w-bg:       #f9faff;
    --b2w-white:    #ffffff;
    --b2w-text:     #263238;
    --b2w-muted:    #6b7280;
    --b2w-border:   #dde3ef;
    --b2w-radius:   14px;
    --b2w-shadow:   0 2px 16px rgba(62,85,183,.09);
    --b2w-shadow-h: 0 6px 24px rgba(62,85,183,.17);
    --b2w-font:     "Yekan Bakh FaNum","IRANYekan","Vazirmatn",Tahoma,sans-serif;
}

/* ══════════════════════════════════════════════
   فونت فارسی — Vazirmatn به عنوان fallback
══════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;900&display=swap');

body,
body *:not(.fa):not([class*="fa-"]):not([class*="icon"]) {
    font-family: var(--b2w-font) !important;
}

/* ══════════════════════════════════════════════
   رنگ زمینه صفحه
══════════════════════════════════════════════ */
body { background-color: var(--b2w-bg) !important; }

/* ══════════════════════════════════════════════
   هدر Jannah — فقط رنگ و سایه
══════════════════════════════════════════════ */
#tg-header,
.tg-header,
#header,
.site-header {
    background: var(--b2w-white) !important;
    border-bottom: 1px solid var(--b2w-border) !important;
    box-shadow: 0 1px 8px rgba(62,85,183,.07) !important;
}

/* لوگوی موجود — تغییر نمی‌دهیم */

/* ══════════════════════════════════════════════
   ناوبری — هماهنگ با B2Wall
══════════════════════════════════════════════ */
#tg-main-nav ul li a,
.tg-nav ul li a,
nav ul li a {
    font-weight: 500 !important;
    color: var(--b2w-text) !important;
    transition: color .18s ease !important;
}
#tg-main-nav ul li a:hover,
.tg-nav ul li a:hover,
nav ul li a:hover,
#tg-main-nav ul li.current-menu-item > a,
#tg-main-nav ul li.current-menu-ancestor > a {
    color: var(--b2w-primary) !important;
}

/* ══════════════════════════════════════════════
   دکمه «خرید قسطی» — اضافه شده توسط child theme
══════════════════════════════════════════════ */
.b2w-cta-item {
    display: flex !important;
    align-items: center !important;
}
.b2w-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 8px 20px !important;
    background: var(--b2w-grad) !important;
    color: #fff !important;
    font-size: .85rem !important;
    font-weight: 700 !important;
    border-radius: 100px !important;
    white-space: nowrap !important;
    box-shadow: 0 3px 12px rgba(41,129,168,.32) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
    text-decoration: none !important;
}
.b2w-cta-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(41,129,168,.42) !important;
    color: #fff !important;
}
.b2w-cta-btn svg { flex-shrink: 0; }

/* موبایل — دکمه تمام عرض */
@media (max-width: 767px) {
    .b2w-cta-item { margin: 8px 16px !important; }
    .b2w-cta-btn { width: 100% !important; justify-content: center !important; padding: 12px 20px !important; }
}

/* ══════════════════════════════════════════════
   کارت مقالات (Jannah post cards)
══════════════════════════════════════════════ */
.jeg_post,
.jeg_post_content,
.jeg_block_content article {
    border-radius: var(--b2w-radius) !important;
    box-shadow: var(--b2w-shadow) !important;
    border: 1px solid var(--b2w-border) !important;
    background: var(--b2w-white) !important;
    transition: box-shadow .2s ease, transform .2s ease !important;
    overflow: hidden !important;
}
.jeg_post:hover,
.jeg_block_content article:hover {
    box-shadow: var(--b2w-shadow-h) !important;
    transform: translateY(-3px) !important;
}

/* تصویر کارت */
.jeg_thumb,
.jeg_thumb a { border-radius: var(--b2w-radius) var(--b2w-radius) 0 0 !important; overflow: hidden !important; }
.jeg_thumb img { transition: transform .4s ease !important; }
.jeg_post:hover .jeg_thumb img { transform: scale(1.04) !important; }

/* دسته‌بندی روی کارت */
.jeg_post_category a,
.jeg_meta_category a {
    background: var(--b2w-primary) !important;
    color: #fff !important;
    border-radius: 100px !important;
    padding: 2px 11px !important;
    font-size: .76rem !important;
    font-weight: 600 !important;
}

/* عنوان مقاله */
.jeg_post_title a,
.jeg_post_title h1,
.jeg_post_title h2,
.jeg_post_title h3 {
    color: var(--b2w-dark) !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    transition: color .18s ease !important;
}
.jeg_post_title a:hover { color: var(--b2w-primary) !important; }

/* خلاصه مقاله */
.jeg_post_excerpt p {
    color: var(--b2w-muted) !important;
    font-size: .9rem !important;
    line-height: 1.75 !important;
}

/* لینک «ادامه مطلب» */
.jeg_readmore {
    color: var(--b2w-teal) !important;
    font-weight: 600 !important;
}
.jeg_readmore:hover { color: var(--b2w-primary) !important; }

/* ══════════════════════════════════════════════
   صفحه مقاله (single post)
══════════════════════════════════════════════ */
.single .content-inner,
.single .entry-content {
    font-size: 1.02rem !important;
    line-height: 1.9 !important;
    color: var(--b2w-text) !important;
}
.single .entry-content h2,
.single .entry-content h3 {
    color: var(--b2w-dark) !important;
    font-weight: 700 !important;
    margin-top: 2rem !important;
}
.single .entry-content a { color: var(--b2w-teal) !important; }
.single .entry-content a:hover { color: var(--b2w-primary) !important; }
.single .entry-content blockquote {
    border-right: 4px solid var(--b2w-primary) !important;
    border-left: none !important;
    background: rgba(62,85,183,.05) !important;
    border-radius: 0 var(--b2w-radius) var(--b2w-radius) 0 !important;
    padding: 16px 20px !important;
    font-style: normal !important;
    color: var(--b2w-dark) !important;
}

/* ══════════════════════════════════════════════
   ویجت‌های سایدبار
══════════════════════════════════════════════ */
.jeg_widget,
.widget {
    background: var(--b2w-white) !important;
    border: 1px solid var(--b2w-border) !important;
    border-radius: var(--b2w-radius) !important;
    padding: 20px !important;
    box-shadow: var(--b2w-shadow) !important;
    margin-bottom: 24px !important;
}
.jeg_widget_title,
.widget-title,
.widgettitle {
    color: var(--b2w-dark) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid var(--b2w-primary) !important;
    margin-bottom: 14px !important;
}

/* ══════════════════════════════════════════════
   دکمه‌ها و پیجینیشن
══════════════════════════════════════════════ */
.jeg_button,
a.jeg_button,
button.jeg_button {
    background: var(--b2w-grad) !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
.jeg_button:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--b2w-shadow-h) !important;
}

.jeg_pagination .page-numbers {
    border-radius: 8px !important;
}
.jeg_pagination .page-numbers.current,
.jeg_pagination .page-numbers:hover {
    background: var(--b2w-primary) !important;
    color: #fff !important;
}

/* ══════════════════════════════════════════════
   فوتر Jannah — هماهنگ با B2Wall (رنگ زمینه)
══════════════════════════════════════════════ */
#tg-footer,
.tg-footer,
#footer,
.site-footer {
    background: var(--b2w-dark) !important;
    color: rgba(255,255,255,.8) !important;
}
#tg-footer a,
.tg-footer a,
#footer a,
.site-footer a {
    color: rgba(255,255,255,.7) !important;
    transition: color .18s ease !important;
}
#tg-footer a:hover,
.tg-footer a:hover,
#footer a:hover,
.site-footer a:hover {
    color: #fff !important;
}
#tg-footer .widget-title,
#tg-footer .widgettitle,
.site-footer .widget-title {
    color: #fff !important;
    border-bottom-color: rgba(62,85,183,.5) !important;
    background: transparent !important;
    box-shadow: none !important;
}
#tg-footer .jeg_widget,
#tg-footer .widget,
.site-footer .widget {
    background: transparent !important;
    border-color: rgba(255,255,255,.08) !important;
    box-shadow: none !important;
}

/* نوار کپی‌رایت */
#tg-copyright,
.copyright-area,
.tg-copyright {
    background: rgba(0,0,0,.2) !important;
    color: rgba(255,255,255,.45) !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
}
#tg-copyright a,
.copyright-area a {
    color: rgba(255,255,255,.55) !important;
}

/* ══════════════════════════════════════════════
   تگ‌ها
══════════════════════════════════════════════ */
.jeg_tagcloud a,
.tag-links a {
    border-radius: 100px !important;
    border: 1px solid var(--b2w-primary) !important;
    color: var(--b2w-primary) !important;
    transition: all .18s ease !important;
}
.jeg_tagcloud a:hover,
.tag-links a:hover {
    background: var(--b2w-primary) !important;
    color: #fff !important;
}