/* Generated by BC Custom Fonts & CSS on 2025-08-29T08:13:47+00:00 */
@font-face{font-family:'IranSans';src:url('https://shartpedia.com/wp-content/uploads/2025/08/IRANSansWeb.woff2') format('woff2'),url('https://shartpedia.com/wp-content/uploads/2025/08/IRANSansWeb.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}h1{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;}h2{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}h3{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}h4{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}h5{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}h6{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}p{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;}a{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;}ul{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}ol{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}li{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}blockquote{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}button{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}input{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}select{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}label{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}small{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}.site-info , span , figcaption{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;}
/* --- Custom CSS --- */
p{text-align:justify}
section#block-8 {text-align: center;}
.highlight {
            background-color: #1b841520;
            padding: 10px;
            border-radius: 5px;
            border-right: 5px solid #1b8415;
            margin-bottom: 1em;
		 color:black;
		 font-family:iransans
        }

@media only screen and (min-width: 1025px) {
	#featured-posts .featured-post-inner{height:12vw}
}
.entry p {text-align: justify;}
/* ===== FAQ Wrapper ===== */
#faq {
  margin-top: 3rem;
  padding: 1rem;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  direction: rtl;
}

/* ===== FAQ Container ===== */
#faq details {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 0.8rem 0;
  background-color: #f9f9f9;
  overflow: hidden;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* ===== Smooth Expand/Collapse Animation ===== */
#faq details[open] summary + * {
  animation: openDetails 0.35s ease-in-out;
}
@keyframes openDetails {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Summary (Clickable Title) ===== */
#faq details summary {
  font-weight: 600;
  font-size: 1.05rem;
  cursor: pointer;
  padding: 0.75rem 3rem 0.75rem 2.5rem;
  position: relative;
  background: transparent;
  border: none;
  outline: none;
  list-style: none;
}

/* ===== Custom Expand/Collapse Icon ===== */
#faq details summary::before {
 content: "◀";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: ##1b8415;
  transition: transform 0.3s ease, color 0.3s ease;
}

#faq details[open] summary::before {
  content: "▼";
  color: ##1b8415;
  transform: rotate(0deg) translateY(-50%);
}

/* ===== Answer Text Styling ===== */
#faq details p {
  padding: 0 1.2rem 1rem 1.2rem;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
  transition: opacity 0.3s ease;
}

/* ===== Highlight on Open ===== */
#faq details[open] {
  background-color: #1b841520;
  border-color: #1b841520;
}
#faq .bc-div {
    padding: 0rem 1rem 0.75rem 1rem;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  #faq details summary {
    font-size: 1rem;
  }
  #faq details p {
    font-size: 0.9rem;
  }
}