/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@font-face {
  font-family: DanaPro;
  font-display: swap;
  font-style: light;
  font-weight: 300;
  src: url('fonts/DanaFaNum-Light.woff') format('woff');
}
@font-face {
  font-family: DanaPro;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/DanaFaNum-Regular.woff') format('woff');
}

@font-face {
  font-family: DanaPro;
  font-display: swap;
  font-style: bold;
  font-weight: 700;
  src: url('fonts/DanaFaNum-Bold.woff') format('woff');
}

body {
  font-family: 'DanaPro', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
  font-family: 'DanaPro', sans-serif !important;
  font-weight: 700;
}

.nav > li > a {
  font-family: 'DanaPro', sans-serif !important;
}

/* =========================================================
   🎨 طراحی سفارشی آکاردئون سوالات متداول – Flatsome
   ✍ نویسنده: بیژن درویشی
   ========================================================= */

.accordion .accordion-item{
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;
  margin:10px 0 !important;
  overflow:hidden !important;
}

.accordion .accordion-title{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;                 /* فاصله عمومی؛ اگر قالب بی‌اثر کرد، خط پایین جایگزینش می‌شود */
  width:100% !important;
  padding:14px 16px !important;
  color:#374151 !important;
  text-align:right !important;
}

/* متن سؤال + فاصله 18px از آیکون سمت راست */
.accordion .accordion-title > span{
  order:2 !important;
  flex:1 1 auto !important;
  font-weight:700 !important;
  font-size:16px !important;
  margin-right:18px !important;        /* 👈 فاصله واقعی بین + و متن */
}

.accordion .accordion-title .toggle{
  order:1 !important;
  background:transparent !important;
  border:none !important;
  width:auto !important; height:auto !important;
  display:inline-flex !important;
  align-items:center !important; justify-content:center !important;
  font-weight:800 !important; font-size:18px !important;
  color:#4b5563 !important;
  padding:0 !important; margin:0 !important;
  margin-right:10px !important;         /* فاصله از حاشیه راست باکس */
}
.accordion .accordion-title .toggle i{ display:none !important; }
.accordion .accordion-title .toggle::before{ content:"+" !important; }
.accordion .accordion-title[aria-expanded="true"] .toggle::before{ content:"\2212" !important; }

.accordion .accordion-inner{
  background:#eef5ff !important;
  border-top:1px dashed #d1d5db !important;
  color:#6b7280 !important;
  padding:14px 16px 16px !important;
}

@media (max-width:640px){
  .accordion .accordion-title{ padding:12px 14px !important; }
  .accordion .accordion-inner{ padding:12px 14px 14px !important; }
}

/* فقط دکمه واتساپ هدر را هدف بگیر */
.header-wa {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;            /* اندازه موبایل */
  height: 44px;
  padding: 0 !important;  /* حذف پدینگ پیش‌فرض */
  min-height: 0 !important;
  line-height: 1 !important;
  border-radius: 50% !important;
  background: #25D366;    /* سبز واتساپ */
  color: #fff !important;
  text-decoration: none;
}

/* آیکون وسط و اندازه مناسب */
.header-wa i {
  font-size: 20px;
  line-height: 1;
}

/* span خالی را پنهان کن تا جا نگیرد */
.header-wa > span {
  display: none !important;
}

/* اگر کلاس is-large را در HTML نگه داشته‌ای، اینها اثرش را صفر می‌کنند */
.header-wa.is-large {
  min-height: 0 !important;
  padding: 0 !important;
}
.header-wa.is-large > span {
  display: none !important;
}

/* در دسکتاپ اگر خواستی کمی کوچک‌تر باشد */
@media (min-width: 768px) {
  .header-wa { width: 40px; height: 40px; }
}
/* کارت‌های Flatsome از نوع box-push */

/* 1) پایین کارت (باکس متن) */
.box.box-push .box-text,
.box.box-push .box-text:before,
.box.box-push .box-text:after{
  border-radius: 10px 10px 10px 10px !important;
  overflow: hidden;
}

/* 2) بالای کارت (ناحیه عکس) */
.box.box-push .box-image,
.box.box-push .box-image:before,
.box.box-push .box-image .image-zoom,
.box.box-push .box-image .image-cover,
.box.box-push .box-image img{
  border-radius: 10px 10px 10px 10px !important;
  overflow: hidden;
  display: block; /* برای img تا radius درست اعمال شود */
}

/* 🎨 استایل کامل برای سکشن یا ستونی که کلاس curtain-radius دارد */
.curtain-radius .has-format,
.curtain-radius .image-cover,
.curtain-radius .video-fit {
  background-position: 50% 50%;
  background-size: cover;
  height: auto;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  border-radius: 150px 150px 0 0 !important; /* بالا راست و چپ گرد */
}

/* اگر خود تصویر داخل .image-cover است */
.curtain-radius .image-cover img {
  border-radius: 150px 150px 0 0 !important;
  display: block;
}

/* 🔲 استایل باکس متن در پایین کارت */
.curtain-radius .box-text.text-center {
  border-radius: 0 0 5px 5px !important; /* پایین راست و چپ گرد */
  overflow: hidden;
}

/* فوتر: اعمال روی همهٔ ul/li های داخل footer-uxblock */
.footer-uxblock ul {
  margin: 0;
  padding: 0;
}

.footer-uxblock ul li {
  list-style: none;
  border-bottom: none !important;
  margin: 0;
  padding: 7px 7px;
}

/* فلش دقیقاً به شکل < بعد از متن؛ سازگار با RTL */
.footer-uxblock ul li::after {
  content: "\003C";                 /* علامت < */
  display: inline-block;
  margin-right: 0.7em;              /* فاصله حدود ۴ کاراکتر در حالت RTL */
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: currentColor;
  direction: ltr;
  unicode-bidi: isolate;
  font-family: "Courier New", monospace;
}

/* خنثی‌سازی سایر کلاس‌ها */
.footer-uxblock ul li.bullet-arrow,
.footer-uxblock ul li.bullet-checkmark,
.footer-uxblock ul li.bullet-cross,
.footer-uxblock ul li.bullet-star {
  border-bottom: none !important;
  padding: 7px 7px;
}


/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}