/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.3.6.1761145868
Updated: 2025-10-22 15:11:08

*/
/* ==========================================
   ۱. استایل‌های مشترک و دسکتاپ (Default / Desktop)
   ========================================== */
/* Layout */
/* Layout - Desktop First */
.question-archive-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 30px;
  align-items: start;
  padding-top: 30px;
}

.question-sidebar {
  position: sticky;
  top: 20px;
}

/* موضوعات - سبز */
.question-subject-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.question-subject-list li {
  margin-bottom: 10px;
}

.question-subject-list a {
  display: block;
  padding: 12px 16px;
  background: #f1f8f1; /* سبز بسیار روشن */
  color: #2e7d32; /* سبز تیره */
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid #dceddc;
  transition: 0.3s ease;
}

.question-subject-list a:hover {
  background: #e4f1e4;
}

.question-subject-list a.active {
  background: #2e7d32;
  color: #fff;
  border-color: #2e7d32;
}

/* کارت سوال - خاکستری مایل به سفید */
.question-item {
  background: #fafafa; /* خاکستری خیلی روشن */
  border: 1px solid #eeeeee;
  border-radius: 14px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

/* آکاردئون */
.question-summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.question-summary::-webkit-details-marker { display: none; }

.question-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #222;
  flex: 1;
  text-align: right;
}

.question-toggle {
  width: 18px;
  height: 18px;
  position: relative;
  flex-shrink: 0;
}

.question-toggle::before, .question-toggle::after {
  content: "";
  position: absolute;
  background: #2e7d32;
  border-radius: 2px;
  transition: 0.3s;
}

.question-toggle::before { width: 100%; height: 2px; top: 8px; left: 0; }
.question-toggle::after { width: 2px; height: 100%; top: 0; left: 8px; }

details[open] .question-toggle::after { transform: scaleY(0); }

.question-answer {
  padding: 0 20px 20px;
  line-height: 1.8;
  color: #444;
  border-top: 1px solid #f0f0f0;
  background: #fff; /* پس زمینه سفید برای متن جواب جهت خوانایی بهتر */
}

/* ==========================================
   اصلاحات مخصوص موبایل (Mobile Fixes)
   ========================================== */
@media (max-width: 767px) {
  .question-archive-layout {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px 15px; /* ایجاد فاصله از لبه‌های گوشی برای کل صفحه */
  }

  .question-sidebar {
    position: static;
    margin: 0 -15px; /* خنثی کردن پدینگ والد برای اسکرول تمام عرض */
  }

  .question-subject-list {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding: 5px 15px 15px 15px; /* پدینگ سمت چپ (۱۵پیکسل) باعث می‌شود آخرین آیتم به لبه نچسبد */
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .question-subject-list::-webkit-scrollbar { display: none; }

  .question-subject-list li:last-child {
    padding-left: 20px; /* فضای کمکی برای آخرین آیتم در سمت چپ */
  }

  .question-subject-list a {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 20px;
  }

  .question-item {
    margin-bottom: 12px;
  }

  .question-summary {
    padding: 15px;
  }

  .question-title {
    font-size: 16px;
  }
}

p, article
p, article-content { 
    text-align: justify;
}
.kb-search .kb-search-icon-submit
{
    left:  -80% !important;
}
.daily-qoute-card {
  background: #fafbf9;
  border-radius: 20px;
  padding: 15px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  max-width: 600px;
  margin: 30px auto;
  direction: rtl;
  text-align: right;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.daily-qoute-card:hover {
  /* transform: translateY(-5px); */
  box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}
.daily-qoute-content {
  position: relative;
  
}
.daily-qoute-text {
  font-size: 1.1rem;
  color: #333;
  line-height: 1.9;
  font-weight: 500;
  margin: 10px 0 20px;
}
.quote-icon {
  width: 36px;
  height: 36px;
  fill: #4CAF50;
  position: absolute;
  top: -10px;
  right: -10px;
  opacity: 0.2;
}
.daily-qoute-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 0.9rem;
  color: #666;
  border-top: 1px solid #e5e7eb;
  padding-top: 10px;
}
.daily-qoute-footer span {
  display: flex;
  align-items: center;
  gap: 5px;
}
/* Search icon submit */
.kb-search-form .kb-search-input-wrapper .kb-search-icon-submit{
	width:20%;
	
	right:calc(100% - 50px) !important;
}
.card {
  background: #fafbf9;
  border-radius: 20px;
  padding: 15px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  max-width: 600px;
  margin: 30px auto;
  direction: rtl;
  text-align: right;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
  /* transform: translateY(-5px); */
  box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}
/* Block navigation  container */
.wpml-language-switcher-block .wpml-ls-dropdown .wp-block-navigation__container{
	width:100%;
	min-width:100%;
	transform:translatex(0px) translatey(0px);
}

/* Division */
.wp-block-kadence-header div .wp-block-kadence-header-row157_c58f87-15{
	transform:translatex(0px) translatey(0px);
}

/* Wpml language switcher block */
.wp-block-kadence-header .wp-block-kadence-header-section157_bb15d7-3e .wpml-language-switcher-block{
	width:36px !important;
}

/* Division */
.wp-block-kadence-header .wp-block-kadence-header-section157_bb15d7-3e{
	display:flex;
	float:left;
	clear:both;
	
}

/* Block kadence search */
.wp-block-kadence-header .wp-block-kadence-header-section157_bb15d7-3e .wp-block-kadence-search{
	max-width:180px;
}

.hentry .wp-block-kadence-modal .kb-btn-global-custom{
	width:100%;
	
}
/* .kb-off-canvas-inner
{
  align-items:flex-start !important;
} */
a {
  text-wrap: initial !important;
}
.limit-2-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* تعداد خط */
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* اجازهٔ wrap */
}
.center
{
  text-align: center;
}
/* Kadence breadcrumb container */
#kadence-breadcrumbs .kadence-breadcrumb-container{
	font-size:17px;
	font-weight:600;
	
}

/* Mobile: ensure kb-search has padding on small screens */
@media (max-width: 767px) {
  .kb-search {
    padding: 10px !important;
  }
}