/*
 Theme Name: Hello Elementor Child
 Theme URI: https://pezeshk24.com/
 Description: Child theme for Hello Elementor
 Author: Pezeshk24
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
*/

.pz24-quote {
  background-color: #f7fafd;
  border-right: 5px solid #0077b6;
  border-radius: 8px;
  padding: 24px;
  margin: 32px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  text-align: end;
}

.pz24-quote:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.pz24-quote blockquote {
  font-family: 'Inter', sans-serif;
  font-size: 1.125rem;
  font-style: italic;
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

.pz24-quote p[lang="fa"] {
  font-size: 1rem;
  color: #555;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #ddd;
  text-align: start;
}

.pz24-quote p[lang="fa"] strong {
  color: #004d7c;
}

.pz24-quote figcaption {
  font-size: 0.875rem;
  color: #777;
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: right;
  line-height: 1.5;
}

.pz24-quote figcaption cite,
.pz24-quote figcaption time,
.pz24-quote figcaption span {
  vertical-align: middle;
}

.pz24-quote figcaption cite {
  font-style: normal;
  margin: 20px 4px 0px 0px;
}

.pz24-quote figcaption span {
  padding: 0px;
  margin: 20px 0px 0px 0px;
}

.pz24-quote figcaption time {
  padding: 0px;
  margin: 20px 5px 0px 0px;
  white-space: nowrap;
}

.pz24-quote figcaption a {
  color: #0077b6;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease-in-out;
}

.pz24-quote figcaption a:hover {
  color: #005a8d;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .pz24-quote {
    padding: 16px;
  }
}


/* سازگار با المنتور – همان مسیری که در گزارش PageSpeed می‌بینی */
@font-face {
    font-family: 'IRANSansXFaNum';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://pezeshk24.com/wp-content/uploads/2022/04/IRANSansXFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'IRANSansXFaNum';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://pezeshk24.com/wp-content/uploads/2024/09/IRANSansXFaNum-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'ایران سنس x';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://pezeshk24.com/wp-content/uploads/2022/04/IRANSansXFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'ایران سنس x';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://pezeshk24.com/wp-content/uploads/2024/09/IRANSansXFaNum-Bold.woff2') format('woff2');
}

.wpd-avatar {
	margin:50px
}

img{
margin: 1px auto 1px auto!important;
display: block!important;
border-radius: 10px;
}
.wpd-inline-form{
	display: none;
}

.comment-form-email{
	display: none;
}

.comment-form-url{
	display: none;
}

/*
.comment-notes{
	display: none;
}
*/
/*.comment-metadata{
	display: none;
}
*/
.wp-caption-text{
	  font-size: 11px;
    text-align: center;
}
.e-off-canvas__content{
    margin-top: 15px!important;
}
.dialog-lightbox-widget{
	display:flex;
}
.elementor-location-popup{
	background-color:#fff;
}
.dialog-close-button{
	z-index: 9;
	height: 25px;
}
.dialog-close-button svg{
	width:25px
}
.elementor-element-97fc544,.elementor-element-91c394d  .elementor-heading-title, .elementor-element-a24d977  .elementor-heading-title{
	color:#000 !important;
}
.form-submit input[type="submit"]
{background-color: #0288D1;}
a.fasc-button.fasc-size-xlarge.fasc-type-glossy.fasc-rounded-medium{
	margin-top: 20px;
}
/*جداول*/
@media (max-width: 768px){

  .mycontent table{
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed !important;
  }

  .mycontent table td[style*="width"],
  .mycontent table th[style*="width"]{
    width: auto !important;
  }

  .mycontent table th,
  .mycontent table td{
    padding: 5px 2px 5px 2px !important; /* طبق خواسته‌ات */
    box-sizing: border-box;
    vertical-align: middle !important;

    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    text-align: center !important;
  }

  .mycontent table th > *,
  .mycontent table td > *{
    margin: 0 auto !important;
    text-align: center !important;
  }

  .mycontent table.pz-cols-2 td,
  .mycontent table.pz-cols-2 th{ width: 50% !important; }

  .mycontent table.pz-cols-3 td,
  .mycontent table.pz-cols-3 th{ width: 33.3333% !important; }

  .mycontent table.pz-cols-4 td,
  .mycontent table.pz-cols-4 th{ width: 25% !important; }

  .mycontent table.pz-cols-5 td,
  .mycontent table.pz-cols-5 th{ width: 20% !important; }

  /* =========================
     جدول‌های عریض (۶+): فقط افقی اسکرول با کلاس pz-wide
     نکته کلیدی: باید عرض جدول از 100% بزرگ‌تر شود تا اسکرول ایجاد شود
     ========================= */
  .mycontent table.pz-wide{
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    padding-bottom: 10px;

    table-layout: auto !important;
    width: max-content !important;     /* جدول به اندازه محتوا */
    min-width: 100% !important;        /* ولی کمتر از عرض صفحه نشود */
  }

  .mycontent table.pz-wide th,
  .mycontent table.pz-wide td{
    white-space: nowrap !important;
    min-width: 160px !important;       /* اگر خواستی 140/180 تنظیم کن */
  }

  .mycontent table.pz-wide::-webkit-scrollbar{ height: 10px; }
  .mycontent table.pz-wide::-webkit-scrollbar-thumb{ border-radius: 10px; }
}

/* Global Table Header Color */
table thead th,
table thead td,
table > tbody > tr:first-child > th,
table > tbody > tr:first-child > td{
  background: #0b87cb !important;
  color: #ffffff !important;
}

/* Global Table Radius */
table{
  border-radius: 5px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 2px;
}
/*پایان جداول*/



/*استایل کامنتها */

        /* تعریف متغیرهای رنگی برای تغییر آسان */


        /* استایل کلی لیست کامنت‌ها */
        .comment-list {
            list-style: none;
            padding: 12px;
            margin: 0;
        }

        .comment-list ol,
        .comment-list ul {
            list-style: none;
            padding-right: 20px; /* ایجاد تورفتگی برای پاسخ‌ها */
        }

        /* استایل هر کامنت */
        .comment {
            margin-bottom: 24px;
            padding: 10px;
        }

        .comment-body {
            background-color: var(--comment-bg);
            border: 1px solid var(--comment-border-color);
            border-radius: 8px;
            padding: 20px;
            position: relative;
            display: flex;
            gap: 15px;
        }

        /* استایل آواتار (عکس کاربر) */
        .comment-author .avatar {
            border-radius: 50%;
            width: 48px;
            height: 48px;
            border: 2px solid var(--comment-border-color);
			margin: 0px 10px 0px 0px;
		}

        .comment-main {
            flex-grow: 1;
        }

        /* استایل نام نویسنده کامنت */
        .comment-author .fn {
            font-weight: 700;
            color: var(--comment-text);
            font-size: 16px;
            text-decoration: none;
        }

        /* استایل تاریخ و لینک ویرایش */
        .comment-metadata {
            font-size: 13px;
            color: var(--comment-meta-color);
            margin: 0px 0px 0px 15px;

        }

        .comment-metadata a {
            color: var(--comment-meta-color);
            transition: color 0.2s;
			pointer-events: none;
            cursor: default;
            text-decoration: none !important;
        }

        .comment-metadata a:hover {
            color: var(--comment-primary-color);
        }
        
        /* استایل محتوای کامنت */
        .comment-content {
            color: var(--comment-text);
            line-height: 1.7;
        }
        .comment-content p {
            margin:  0px 10px 0px 10px;
        }

        /* استایل دکمه پاسخ */
        .reply .comment-reply-link {
            background-color: var(--comment-primary-color);
            color: #fff;
            padding: 5px 12px;
            border-radius: 5px;
            text-decoration: none;
            font-size: 13px;
            font-weight: bold;
            transition: background-color 0.2s;
            display: inline-block;
            margin: 10px 10px 0 0;
        }

        .reply .comment-reply-link:hover {
            background-color: #005a87;
        }
	
        /* دکمه "نمایش پاسخ‌ها" */
        .toggle-replies {
            background: #3f8ab3;
            border: 1px solid var(--comment-border-color);
            border-radius: 5px;
			border-color: #1c1c1c;
            padding: 5px 10px;
            font-size: 12px;
            font-family: 'Vazirmatn', sans-serif;
            cursor: pointer;
            margin-top: 15px;
            color: #000;
            font-weight: bold;
            transition: all 0.2s;
			margin-bottom: 10px;
        }
        .toggle-replies:hover {
            background: #858585;
            border-color: #ccc;
        }

        /* لیست پاسخ‌ها (فرزندان) به صورت پیش‌فرض مخفی است */
        .comment .children {
            margin: 15px 0px 15px 0px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out;
            /* مهم: از display: none استفاده نمی‌کنیم تا محتوا برای گوگل قابل خواندن باشد */
        }

        /* وقتی کلاس .replies-open اضافه می‌شود، پاسخ‌ها نمایش داده می‌شوند */
        .comment.replies-open .children {
            max-height: 1500px; /* یک ارتفاع بزرگ برای نمایش همه پاسخ‌ها */
			margin: 10px 0px 10px 0px;
        }

        /* --- استایل‌های جدید برای دکمه "نمایش بیشتر" --- */
        .comment.hidden-by-default {
            display: none;
        }

        .load-more-comments {
            display: block;
            width: 100%;
            max-width: 300px;
            margin: 20px auto;
            padding: 10px 15px;
            background-color: #005a87;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-family: 'Vazirmatn', sans-serif;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        .load-more-comments:hover {
            background-color: #005a87;
        }

/* فهرست محتوا- تافزونه اضافی */
.lwptoc_i{
        border-radius: 10px!important;
}
/* پایان فهرست محتوا */