/*
Theme Name: توانمند خبر 
Theme URI: https://tavanmandkhabar.ir/
Author: Farzad Aghaei & Sitefaa
Author URI: https://sitefaa.ir

*/

/* ===== پایه ===== */
body { font-family: 'Vazirmatn', ui-sans-serif, system-ui, sans-serif; }

/* اندازه استاندارد آیکن‌های شبکه اجتماعی (SVG یا عکس) */
.tn-soc-icon svg, .tn-soc-icon .tn-soc-img { width: 1.1rem; height: 1.1rem; display: inline-block; }
.tn-float-item svg, .tn-float-item .tn-soc-img { width: 1.3rem; height: 1.3rem; display: inline-block; }

/* ===== پرینت ===== */
@media print {
  header, footer, aside, nav,
  .tn-float-social, #tn-float-social, #tn-float-toggle,
  .tn-floatnews-btn, #tn-floatnews-popup, #tn-floatnews-open,
  .tn-listen-wrap, .tn-rating, .tn-share-bar, #comments,
  #tn-read-progress, #tn-lightbox, .tn-floating-social,
  .no-print { display: none !important; }
  
  body { background: #fff !important; color: #000 !important; }
  .dark body, .dark * { background: #fff !important; color: #000 !important; border-color: #ddd !important; }
  
  main, article { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .tn-prose { font-size: 12pt !important; line-height: 1.7 !important; color: #000 !important; }
  .tn-prose img { max-width: 100% !important; }
  .tn-prose a { color: #000 !important; text-decoration: underline; }
  
  /* نمایش فوتر پرینت */
  .tn-print-footer { display: block !important; margin-top: 30px !important; padding-top: 15px !important; border-top: 2px solid #000 !important; text-align: center !important; font-size: 10pt !important; color: #333 !important; }
  .tn-print-footer p { margin-bottom: 5px !important; }
  
  @page { margin: 1.5cm; }
}

/* ===== ستاره‌های امتیاز ===== */
.tn-star.active { color: #f59e0b !important; }

/* ===== پاپ‌آپ شناور آخرین اخبار ===== */
.tn-floatnews-popup { transition: transform .25s ease, opacity .25s ease; opacity: 1; }
.tn-floatnews-popup.scale-95 { opacity: 0; }
.tn-floatnews-btn.active { transform: scale(0.95); }
.tn-floatnews-popup::-webkit-scrollbar { width: 6px; }
.tn-floatnews-popup::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

/* ===== استایل ابزارک‌های پیش‌فرض وردپرس (هماهنگ با قالب) ===== */
.widget { font-size: .9rem; }
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget ul li { padding: .5rem 0; border-bottom: 1px solid #f1f5f9; }
.widget ul li:last-child { border-bottom: 0; }
.widget ul li a { color: #475569; transition: color .2s; }
.widget ul li a:hover { color: var(--tn-brand,#18b67e); }
.widget_recent_entries .post-date, .widget_recent_comments .comment-author-link { display: block; font-size: .75rem; color: #94a3b8; }
.widget select { width: 100%; padding: .5rem; border-radius: .5rem; border: 1px solid #e2e8f0; }
.widget_tag_cloud a { display: inline-block; padding: .25rem .75rem; margin: .125rem; border-radius: 9999px; background: #f1f5f9; font-size: .75rem !important; color: #475569; transition: all .2s; }
.widget_tag_cloud a:hover { background: var(--tn-brand,#18b67e); color: #fff; }
.dark .widget ul li { border-color: #1e293b; }
.dark .widget ul li a { color: #cbd5e1; }
.dark .widget_tag_cloud a { background: #1e293b; color: #cbd5e1; }

/* ===== سایدبار و نظرات: رفع ناهماهنگی ===== */
#respond form p { margin-bottom: 1rem; }
#respond label { display: block; }
.form-allowed-tags, .comment-notes { font-size: .75rem; color: #94a3b8; }
#cancel-comment-reply-link { display: inline-block; margin-right: .5rem; }
.logged-in-as { font-size: .85rem; color: #64748b; margin-bottom: .75rem; }
.logged-in-as a { color: var(--tn-brand,#18b67e); }

/* دکمه‌های مشترک */
button[type=submit], input[type=submit] { cursor: pointer; }

/* ===== پخش‌کننده صوتی و ویدیویی (هماهنگ با حالت تاریک) ===== */
audio { width: 100%; border-radius: .75rem; }
audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background-color: rgba(241,245,249,.9); }

/* ===== نوار اشتراک‌گذاری ===== */
.tn-share-bar a, .tn-share-bar button { transition: all .2s ease; }

/* ===== ابزارک‌ها ===== */
.tn-widget .group:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; }
.tn-widget img { display: block; }

/* محتوای مقاله — تایپوگرافی حرفه‌ای */
.tn-prose { font-size: 1.1rem; line-height: 2.2; }
.tn-prose p { margin-bottom: 1.5rem; text-align: justify; }
/* خط اول پاراگراف اول کمی فاصله داشته باشد */
.tn-prose > p:first-of-type { font-size: 1.15rem; font-weight: 500; color: #334155; }
.dark .tn-prose > p:first-of-type { color: #cbd5e1; }
.tn-prose h2 { font-size: 1.5rem; font-weight: 800; margin: 2rem 0 1rem; color: #0f172a; border-right: 4px solid var(--tn-brand, #18b67e); padding-right: .75rem; }
.tn-prose h3 { font-size: 1.25rem; font-weight: 800; margin: 1.6rem 0 .8rem; color: #0f172a; }
.tn-prose ul, .tn-prose ol { margin: 0 1.5rem 1.4rem; }
.tn-prose li { margin-bottom: .5rem; }
.tn-prose blockquote {
  border-right: 5px solid var(--tn-brand, #18b67e);
  background: #f8fafc;
  padding: 1.25rem 1.5rem; margin: 1.5rem 0; border-radius: .75rem;
  font-weight: 600; font-size: 1.05rem; color: #334155; box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
}
.dark .tn-prose blockquote { background: rgba(30,41,59,.5); color: #e2e8f0; }
.tn-prose img { border-radius: .75rem; margin: 1.5rem 0; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); }
.tn-prose a { color: var(--tn-brand, #18b67e); text-decoration: underline; font-weight: 600; }
.tn-prose figure figcaption { font-size: .8rem; color: #64748b; text-align: center; margin-top: .5rem; }
.dark .tn-prose h2, .dark .tn-prose h3 { color: #f1f5f9; }
.dark .tn-prose blockquote { background: rgba(30,41,59,.5); color: #cbd5e1; }

/* حالت تاریک برای ادامه پاورقی */
@media (prefers-color-scheme: dark) { .tn-prose blockquote { color: #cbd5e1; } }

/* ===== انیمیشن‌ها ===== */
@keyframes tn-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.animate-ticker { animation: tn-ticker 32s linear infinite; }
.ticker-pause:hover .animate-ticker { animation-play-state: paused; }

@keyframes tn-fade-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-up { animation: tn-fade-up .6s ease both; }

@keyframes tn-fade-in { from { opacity: 0; } to { opacity: 1; } }
.animate-fade-in { animation: tn-fade-in .7s ease both; }

@keyframes tn-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.animate-float { animation: tn-float 5s ease-in-out infinite; }

@keyframes tn-ring { 0% { box-shadow: 0 0 0 0 rgba(24,182,126,.5); } 70% { box-shadow: 0 0 0 12px rgba(24,182,126,0); } 100% { box-shadow: 0 0 0 0 rgba(24,182,126,0); } }
.animate-ring { animation: tn-ring 2s infinite; }

/* ===== اسلایدر ===== */
.tn-slide { transition: opacity .7s ease; }

/* ===== مخفی‌کردن اسکرول‌بار ===== */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* ===== آکاردئون FAQ ===== */
.tn-acc-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.tn-acc-item.open .tn-acc-body { grid-template-rows: 1fr; }
.tn-acc-body > div { overflow: hidden; }

/* ===== منو ===== */
.tn-menu li { list-style: none; }

::selection { background: #18b67e; color: #fff; }

.border-brand-500 {
    --tw-border-opacity: 1;
    border-color: rgb(19 181 124 / var(--tw-border-opacity, 1));
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}