/* =====================================================================
 * بنا پلیمر — استایل صفحات محتوایی (اخبار/مقالات) و تک‌نوشته
 * رنگ‌ها از متغیرهای --bana-* (تعریف‌شده در bana-content :root پایین).
 * ===================================================================== */
:root{
  --bana-bg:    var(--e-global-color-fd28aa9, #0E1116);
  --bana-card:  var(--e-global-color-e4067a1, #161A21);
  --bana-elev:  var(--e-global-color-3d02e89, #1E2530);
  --bana-sep:   var(--e-global-color-sep0001, #2A323D);
  --bana-volt:  var(--e-global-color-primary, #C6FF3D);
  --bana-text:  var(--e-global-color-text, #F2F4F7);
  --bana-text2: var(--e-global-color-8bbe986, #9AA3AF);
}

.bana-news{ max-width:1280px; margin:0 auto; }

/* کاشی‌های موضوع (هاب راهنمای مقالات) */
.bana-topics{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:40px; }
.bana-topic{ display:flex; align-items:center; gap:14px; padding:18px; background:var(--bana-card);
  border:1px solid var(--bana-sep); border-radius:16px; transition:transform .25s,border-color .25s; }
.bana-topic:hover{ transform:translateY(-4px); border-color:var(--bana-volt); }
.bana-topic__ic{ flex:none; width:48px; height:48px; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:var(--bana-elev); border:1px solid var(--bana-sep); color:var(--bana-volt); font-size:20px; }
.bana-topic__ic svg{ width:23px; height:23px; }
.bana-news-meta svg{ width:14px; height:14px; color:var(--bana-volt); vertical-align:-2px; margin-left:3px; }
.bana-news-empty svg{ width:44px; height:44px; color:var(--bana-volt); }
.bana-topic__t{ display:flex; flex-direction:column; gap:3px; }
.bana-topic__t strong{ color:var(--bana-text); font-size:14px; font-weight:700; }
.bana-topic__t small{ color:var(--bana-text2); font-size:11px; line-height:1.6; }
@media (max-width:1024px){ .bana-topics{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .bana-topics{ grid-template-columns:1fr; } }

.bana-news-top{ display:grid; grid-template-columns:2fr 1fr; gap:24px; margin-bottom:44px; }

/* خبر شاخص */
.bana-news-feat{ display:flex; flex-direction:column; background:var(--bana-card);
  border:1px solid var(--bana-sep); border-radius:18px; overflow:hidden; transition:transform .25s,border-color .25s; }
.bana-news-feat:hover{ border-color:var(--bana-volt); transform:translateY(-4px); }
.bana-news-feat__img{ position:relative; height:360px; background:var(--bana-elev) center/cover no-repeat; }
.bana-news-badge{ position:absolute; top:14px; right:14px; background:var(--bana-volt); color:var(--bana-bg);
  font-weight:700; font-size:12px; padding:5px 13px; border-radius:99px; }
.bana-news-feat__body{ padding:24px 26px; }
.bana-news-cat{ display:inline-block; color:var(--bana-volt); font-size:12px; font-weight:700; margin-bottom:9px; }
.bana-news-feat__body h2{ color:var(--bana-text); font-size:23px; margin:0 0 12px; line-height:1.5; }
.bana-news-feat__body p{ color:var(--bana-text2); font-size:14px; line-height:1.95; margin:0 0 16px; }
.bana-news-meta{ color:var(--bana-text2); font-size:12px; display:flex; gap:16px; align-items:center; }
.bana-news-meta i{ color:var(--bana-volt); margin-left:5px; }

/* لیست تازه‌ترین */
.bana-news-side{ background:var(--bana-card); border:1px solid var(--bana-sep); border-radius:18px; padding:18px 20px; }
.bana-news-side__title{ color:var(--bana-text); font-size:16px; margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid var(--bana-sep); }
.bana-news-side__item{ display:flex; gap:12px; padding:11px 0; border-bottom:1px solid var(--bana-sep); }
.bana-news-side__item:last-child{ border-bottom:none; }
.bana-news-side__img{ flex:none; width:66px; height:66px; border-radius:10px; background:var(--bana-elev) center/cover no-repeat; }
.bana-news-side__txt{ display:flex; flex-direction:column; justify-content:center; gap:5px; }
.bana-news-side__txt strong{ color:var(--bana-text); font-size:13px; line-height:1.7; font-weight:600; transition:color .2s; }
.bana-news-side__txt small{ color:var(--bana-text2); font-size:11px; }
.bana-news-side__item:hover strong{ color:var(--bana-volt); }

/* گرید اخبار */
.bana-news-gridtitle{ color:var(--bana-text); font-size:20px; font-weight:700; margin:0 0 20px; padding-right:14px; border-right:4px solid var(--bana-volt); }
.bana-news-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.bana-news-card{ display:flex; flex-direction:column; background:var(--bana-card); border:1px solid var(--bana-sep);
  border-radius:16px; overflow:hidden; transition:transform .25s,border-color .25s; }
.bana-news-card:hover{ border-color:var(--bana-volt); transform:translateY(-4px); }
.bana-news-card__img{ height:185px; background:var(--bana-elev) center/cover no-repeat; }
.bana-news-card__body{ padding:16px 18px; display:flex; flex-direction:column; gap:8px; }
.bana-news-card__body strong{ color:var(--bana-text); font-size:15px; line-height:1.65; }
.bana-news-card__ex{ color:var(--bana-text2); font-size:12px; line-height:1.85; }

/* حالت خالی */
.bana-news-empty{ text-align:center; padding:64px 20px; background:var(--bana-card); border:1px dashed var(--bana-sep); border-radius:18px; max-width:680px; margin:0 auto; }
.bana-news-empty i{ font-size:42px; color:var(--bana-volt); opacity:.85; }
.bana-news-empty p{ color:var(--bana-text2); margin-top:16px; font-size:15px; }

/* تک‌نوشته: مطالعه‌ی راحت روی تم تیره */
body.single-post .post-content,
body.single-post .entry-content{ color:var(--bana-text) !important; font-size:17px; line-height:2.05; }
body.single-post .post-content p,
body.single-post .entry-content p{ margin-bottom:1.4em; color:var(--bana-text) !important; }
body.single-post .post-content h2,
body.single-post .post-content h3,
body.single-post .entry-content h2,
body.single-post .entry-content h3{ color:var(--bana-text) !important; margin-top:1.6em; }
body.single-post .entry-title,
body.single-post .post-title,
body.single-post h1.title{ color:var(--bana-text) !important; }

/* ---------- چیدمان تک‌نوشته‌ی سفارشی (single.php): مطالعه + ستون کناری ---------- */
.bana-single{ padding:36px 0 64px; }
.bana-single-grid{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:38px; align-items:start; }
.bana-single-main{ min-width:0; }
/* نوار بالای تک‌نوشته: دکمه‌ی بازگشت (پیل) + چیپ دسته */
.bana-single-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; flex-wrap:wrap; }
.bana-single-back{ display:inline-flex; align-items:center; gap:8px; color:var(--bana-text2); font-size:13px; font-weight:600;
  background:var(--bana-card); border:1px solid var(--bana-sep); border-radius:99px; padding:8px 16px; transition:.2s; }
.bana-single-back:hover{ color:var(--bana-text); border-color:var(--bana-volt); }
.bana-single-back svg{ width:16px; height:16px; color:var(--bana-volt); }
.bana-single-cat{ display:inline-block; color:var(--bana-bg); background:var(--bana-volt); font-weight:700; font-size:12px;
  padding:6px 14px; border-radius:99px; }
.bana-single-title{ color:var(--bana-text); font-size:30px; line-height:1.5; margin:6px 0 14px; font-weight:700; }
.bana-single-meta{ display:flex; gap:20px; color:var(--bana-text2); font-size:13px; margin-bottom:24px; }
.bana-single-meta svg{ width:14px; height:14px; color:var(--bana-volt); vertical-align:-2px; margin-left:3px; }
.bana-single-thumb img{ width:100%; height:auto; border-radius:16px; margin-bottom:26px; display:block; }
.bana-single-content{ color:var(--bana-text); font-size:17px; line-height:2.05; }
.bana-single-content p{ margin-bottom:1.4em; }
.bana-single-content h1,.bana-single-content h2,.bana-single-content h3,
.bana-single-content h4,.bana-single-content h5,.bana-single-content h6{ color:var(--bana-text) !important; margin:1.6em 0 .6em; }
.bana-single-tags{ margin-top:28px; display:flex; gap:8px; flex-wrap:wrap; }
.bana-single-tags a{ background:var(--bana-card); border:1px solid var(--bana-sep); color:var(--bana-text2);
  padding:5px 13px; border-radius:99px; font-size:12px; }
.bana-single-tags a:hover{ border-color:var(--bana-volt); color:var(--bana-text); }
/* محتوای متن: عناصر داخلی هم روشن */
.bana-single-content li,
.bana-single-content blockquote,
.bana-single-content strong,
.bana-single-content td,
.bana-single-content th,
.bana-single-content dd,
.bana-single-content dl{ color:var(--bana-text) !important; }
/* پرسش‌های FAQ (فهرست تعریفی dt) — پیش‌فرض وودمارت #333 تیره است */
.bana-single-content dt{ color:var(--bana-text) !important; font-weight:700; margin-top:1.1em; font-size:1.05em; }
.bana-single-content dd{ margin:.4em 0 1.1em; }
.bana-single-content a{ color:var(--bana-volt) !important; }
.bana-single-content blockquote{ border-right:3px solid var(--bana-volt); padding:6px 16px; background:var(--bana-card); border-radius:8px; }

/* ناحیه‌ی دیدگاه‌ها — هیچ متنی تیره نماند؛ فیلدها تیره با متن روشن */
.bana-single .comments-area,
.bana-single .comment-respond{ margin-top:38px; padding-top:30px; border-top:1px solid var(--bana-sep); }
.bana-single .comments-title,
.bana-single .comment-reply-title,
.bana-single #reply-title,
.bana-single .comment-author .fn,
.bana-single .comment-author a,
.bana-single .comment-content,
.bana-single .comment-content p,
.bana-single .comment-body,
.bana-single .comment-form label,
.bana-single .logged-in-as,
.bana-single .logged-in-as a,
.bana-single .comments-area p,
.bana-single .comments-area li,
.bana-single .comments-area a{ color:var(--bana-text) !important; }
.bana-single .comment-metadata,
.bana-single .comment-metadata a,
.bana-single .comment-notes,
.bana-single .comment-form-cookies-consent label,
.bana-single .comment-awaiting-moderation{ color:var(--bana-text2) !important; }
.bana-single .comment{ border-bottom:1px solid var(--bana-sep); padding-bottom:14px; }
.bana-single .comment-form input[type=text],
.bana-single .comment-form input[type=email],
.bana-single .comment-form input[type=url],
.bana-single .comment-form textarea{ background:var(--bana-elev) !important; border:1px solid var(--bana-sep) !important;
  color:var(--bana-text) !important; border-radius:10px; }
.bana-single .comment-form ::placeholder{ color:var(--bana-text2); }
.bana-single .form-submit .submit,
.bana-single .comment-respond .submit{ background:var(--bana-volt) !important; color:var(--bana-bg) !important;
  border:none !important; border-radius:10px; font-weight:700; padding:11px 28px; }
.bana-single .form-submit .submit:hover{ background:var(--e-global-color-vlt0001,#A8E024) !important; }
/* هاور لینک‌های دیدگاه/متن → Volt (حالت هاوری که جا افتاده بود) */
.bana-single .comments-area a:hover,
.bana-single .logged-in-as a:hover,
.bana-single .comment-author a:hover,
.bana-single .comment-metadata a:hover,
.bana-single .comment-reply-link:hover{ color:var(--bana-volt) !important; }
.bana-single-content a:hover{ text-decoration:underline; }

/* ستون کناری */
.bana-single-side{ position:sticky; top:90px; }
.bana-single-widgets{ display:flex; flex-direction:column; gap:20px; }
.bana-side-block{ background:var(--bana-card); border:1px solid var(--bana-sep); border-radius:16px; padding:18px 20px; }
.bana-side-block__title{ color:var(--bana-text); font-size:15px; font-weight:700; margin:0 0 14px;
  padding-bottom:11px; border-bottom:1px solid var(--bana-sep); }
.bana-side-post{ display:flex; gap:11px; padding:10px 0; border-bottom:1px solid var(--bana-sep); }
.bana-side-post:last-child{ border-bottom:none; }
.bana-side-post__img{ flex:none; width:60px; height:60px; border-radius:9px; background:var(--bana-elev) center/cover no-repeat; }
.bana-side-post__t{ display:flex; flex-direction:column; justify-content:center; gap:4px; }
.bana-side-post__t strong{ color:var(--bana-text); font-size:13px; line-height:1.6; font-weight:600; transition:color .2s; }
.bana-side-post__t small{ color:var(--bana-text2); font-size:11px; }
.bana-side-post:hover strong{ color:var(--bana-volt); }
.bana-side-cta{ background:linear-gradient(135deg,var(--bana-elev),var(--bana-card)); border:1px solid var(--bana-sep);
  border-radius:16px; padding:22px 20px; text-align:center; }
.bana-side-cta strong{ color:var(--bana-text); display:block; margin-bottom:6px; font-size:15px; }
.bana-side-cta p{ color:var(--bana-text2); font-size:13px; margin:0 0 16px; line-height:1.8; }
.bana-side-cta__btn{ display:inline-block; background:var(--bana-volt); color:var(--bana-bg); font-weight:700;
  padding:11px 26px; border-radius:10px; transition:background .25s; }
.bana-side-cta__btn:hover{ background:var(--e-global-color-vlt0001,#A8E024); }

@media (max-width:1024px){
  .bana-news-top{ grid-template-columns:1fr; }
  .bana-news-grid{ grid-template-columns:repeat(2,1fr); }
  .bana-single-grid{ grid-template-columns:1fr; }
  .bana-single-side{ position:static; }
}
@media (max-width:600px){
  .bana-news-grid{ grid-template-columns:1fr; }
  .bana-news-feat__img{ height:230px; }
  .bana-single-title{ font-size:24px; }
}

/* =====================================================================
 * گروه صنعتی بناء — نوار لوگوهای هلدینگ
 * override روی استایلِ اینلاینِ ویجت HTML تا روی همهٔ حالت‌ها (لایو/پیش‌نمایش/
 * بعد از ذخیرهٔ مجددِ المنتور) ثابت بمونه. لوگوها روی بک‌گراندِ تیره سفید
 * دیده می‌شن و با هاور رنگیِ اصلی می‌شن.
 * ===================================================================== */
/* سایت RTL ـه؛ بدونِ این، گروهِ کپی سمتِ چپ می‌افته و موقع حرکت سمتِ راست خالی می‌مونه */
.logo-marquee{ direction: ltr !important; }

/* اندازهٔ لوگوها (بزرگ‌تر) — دسکتاپ ۱۰۰px، موبایل ۶۴px */
.logo-marquee__group a{ height: 100px !important; }
.logo-marquee__group img{
  max-height: 100px !important;
  max-width: 230px !important;
  filter: brightness(0) invert(1) !important;   /* سفیدِ یکدست روی بک‌گراندِ تیره */
  opacity: .72 !important;
  transition: filter .35s ease, opacity .35s ease, transform .35s ease !important;
}
@media (max-width:767px){
  .logo-marquee__group a{ height: 64px !important; }
  .logo-marquee__group img{ max-height: 64px !important; max-width: 150px !important; }
}
.logo-marquee__group a:hover img{
  filter: none !important;          /* هاور: رنگِ اصلیِ لوگو برمی‌گرده */
  opacity: 1 !important;
  transform: scale(1.08) !important;
}

/* =====================================================================
 * صفحهٔ خانه — کارت‌های «اخبار» و «مقالات» (ویجتِ Posts المنتور، پوستهٔ Cards)
 * کوچک‌تر + رنگ‌بندیِ برندبوک (گرافیت/ولت) از متغیرهای Global.
 * مطابق رودمپ بخش ۴ و ۱۳.۲: CSS در چایلد‌تم، رنگ از متغیرهای Global.
 * ===================================================================== */

/* ۱) حذفِ عکس (آواتار) و نامِ منتشرکننده — در کلِ سایت */
.elementor-post__avatar,
.elementor-post-author,
.elementor-post__meta-data .elementor-post-author{ display: none !important; }

/* ۲+۳) کارت‌ها: کوچک‌تر + رنگ‌بندیِ تیره */
.home .elementor-posts--skin-cards .elementor-post__card{
  background: var(--bana-card) !important;        /* #161A21 */
  border: 1px solid var(--bana-sep) !important;   /* #2A323D */
  border-radius: 14px !important;
  overflow: hidden;
  transition: border-color .25s ease, box-shadow .25s ease !important;
}
/* هاور: خطِ دورِ سبز Volt با درخشش (مثلِ کارتِ فعالِ «محصولات منتخب») */
.home .elementor-posts--skin-cards .elementor-post:hover .elementor-post__card{
  border-color: var(--bana-volt) !important;
  box-shadow: 0 0 20px rgba(198,255,61,.40) !important;
}
/* تصویرِ شاخص کوتاه‌تر: المنتور ارتفاع را با padding-bottom روی __link می‌سازد، پس همان را می‌بندیم */
.home .elementor-posts--skin-cards .elementor-post__thumbnail__link{
  padding-bottom: 0 !important;
  height: 160px !important;
  overflow: hidden !important;
}
.home .elementor-posts--skin-cards .elementor-post__thumbnail{
  background: var(--bana-elev) !important;        /* #1E2530 برای پست‌های بدون عکس */
}
/* متنِ کارت */
/* بستنِ فاصلهٔ زیادِ بینِ عکس و تیتر (المنتور margin-top:20px می‌ذارد) */
.home .elementor-posts--skin-cards .elementor-post__text{
  margin-top: 0 !important;
  padding: 14px 18px 6px !important;
}
.home .elementor-posts--skin-cards .elementor-post__title{ margin: 0 0 8px !important; }
.home .elementor-posts--skin-cards .elementor-post__excerpt{ margin-bottom: 14px !important; }
.home .elementor-posts--skin-cards .elementor-post__read-more{ margin-bottom: 14px !important; }
.home .elementor-posts--skin-cards .elementor-post__title a{
  color: var(--bana-volt) !important;             /* عنوان: سبز Volt #C6FF3D */
  font-size: 16px !important;
  line-height: 1.7 !important;
}
.home .elementor-posts--skin-cards .elementor-post__excerpt,
.home .elementor-posts--skin-cards .elementor-post__excerpt p{
  color: var(--bana-text2) !important;            /* #9AA3AF */
  font-size: 13.5px !important;
  line-height: 1.9 !important;
}
.home .elementor-posts--skin-cards .elementor-post__read-more{
  color: var(--bana-volt) !important;             /* #C6FF3D */
  font-weight: 700 !important;
}
.home .elementor-posts--skin-cards .elementor-post__read-more:hover{
  color: var(--e-global-color-vlt0001, #A8E024) !important;
}
/* ۴) دکمهٔ «ادامه…» همیشه در جای ثابت (کفِ کارت، درست بالای نوارِ متادیتا) تا در
 *    همهٔ کارت‌ها هم‌تراز باشد و با کوتاه/بلندشدنِ عنوان یا خلاصه بالا-پایین نپرد.
 *    از مکانیزمِ داخلیِ خودِ المنتور استفاده می‌کنیم (بدونِ دستکاریِ ساختار):
 *    متنِ کارت flex-column می‌شود و excerpt کش می‌آید و «ادامه…» را به کف می‌راند.
 *    (--read-more-alignment روی excerptِ فرزند ارث می‌رسد.) */
.home .elementor-posts--skin-cards .elementor-post__text{
  --item-display: flex;
  --read-more-alignment: 1;
}
.home .elementor-posts--skin-cards .elementor-post__meta-data{
  color: var(--bana-text2) !important;
  border-top: 1px solid var(--bana-sep) !important;
  padding-top: 12px !important;
}
/* برچسبِ دسته (Volt) */
.home .elementor-posts--skin-cards .elementor-post__badge{
  background: var(--bana-volt) !important;
  color: var(--bana-bg) !important;
}