/*
Theme Name: Hello Child
Theme URI: https://elementor-site.ir/
Description:
Author: Elementor Site
Author URI: https://elementor-site.ir/
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* =========================================================
عنوان ثابت دوخطی
========================================================= */

.clamp-title-2 h1,
.clamp-title-2 h2,
.clamp-title-2 h3,
.clamp-title-2 h4,
.clamp-title-2 h5,
.clamp-title-2 h6,
.clamp-title-2 .elementor-heading-title,
.clamp-title-2 .elementor-post__title,
.clamp-title-2 .woocommerce-loop-product__title {

line-height: 1.5em !important;

height: 3em !important;
min-height: 3em !important;
max-height: 3em !important;

display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;

overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: normal !important;

}

/* =========================================================
محتوای مقالات
========================================================= */

.article-content {
font-size: 16px;
line-height: 1.8;
color: #3F4041;
direction: rtl;
text-align: right;
}

/* =========================================================
تیترهای مقاله
========================================================= */

.article-content h1 {
font-size: 28px;
font-weight: 900;
color: #3F4041;
margin-top: 0;
margin-bottom: 0;
}

.article-content h2 {
font-size: 22px;
font-weight: 800;
color: #3F4041;
margin-top: 0;
margin-bottom: 0;
}

.article-content h3 {
font-size: 22px;
font-weight: 700;
color: #3F4041;
margin-top: 0;
margin-bottom: 0;
}

/* =========================================================
پاراگراف مقاله
========================================================= */

.article-content p {
margin-top: 10px;
margin-bottom: 35px;
}

/* =========================================================
لینک
========================================================= */

.article-content a {
color: #007bff;
text-decoration: none;
}

/* =========================================================
متن Bold
========================================================= */

.article-content strong {
font-weight: 800;
}

/* =========================================================
تصاویر مقاله
========================================================= */

.article-content img {
border-radius: 12px;
max-height: 336px;
width: 100%;
object-fit: cover;
display: block;
}

/* =========================================================
لیست‌های مقاله
========================================================= */

.article-content ul,
.article-content ol {
margin-top: 10px;
margin-bottom: 45px;
padding-right: 15px;
line-height: 1.7;
color: #3F4041;
}

.article-content ul li,
.article-content ol li {
margin-bottom: 0;
font-size: 15px;
}

/* =========================================================
جدول‌های مقاله
========================================================= */

.article-content table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 45px;
font-size: 15px;
line-height: 1.7;
color: #3F4041;
}

.article-content th,
.article-content td {
padding: 10px 12px;
text-align: right;
border-bottom: 1px solid #e6e6e6;
}

.article-content th {
font-weight: 800;
background-color: #f7f7f7;
}

.article-content tr:hover {
background-color: #fafafa;
}

/* =========================================================
بردکرامب Rank Math
========================================================= */

.rank-math-breadcrumb {
font-size: 13px;
letter-spacing: 0.1px;
word-spacing: 0;
padding-right: 5px;
}

/* =========================================================
سایدبار چسبان مقالات
========================================================= */

#fixed-container {
position: sticky;
top: 35px;

max-height: calc(105vh - 80px);
overflow-y: auto;

display: flex;
flex-direction: column;

}

/* جلوگیری از فشرده شدن ویجت‌ها */

#fixed-container > * {
flex-shrink: 0;
height: auto !important;
min-height: unset !important;
margin-bottom: 15px;
}

/* جلوگیری از بریده شدن محتوا */

#fixed-container * {
overflow: visible;
}

/* =========================================================
سوالات متداول FAQ
========================================================= */

/* عنوان سوالات متداول - دسکتاپ */

.faq-section-title,
.article-content .faq-section-title {
font-size: 25px !important;
font-weight: 900 !important;
line-height: 1.4 !important;
color: #3F4041;
text-align: right;
margin-top: 0 !important;
margin-right: 5px !important;
margin-bottom: 20px !important;
margin-left: 0 !important;
}

/* کل FAQ */

.faq-wrapper {
width: 100%;
max-width: 100%;
min-width: 0;
display: flex;
flex-direction: column;
gap: 10px;
box-sizing: border-box;
}

/* هر آیتم FAQ */

.faq-item {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
background: #f2f2f2;
border-radius: 8px;
overflow: hidden;
}

/* متن سوال - دسکتاپ */

.faq-question {
position: relative;
display: block;

width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;

height: auto !important;
min-height: 0 !important;

box-sizing: border-box !important;

direction: rtl !important;
text-align: right !important;

font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.5 !important;

padding-top: 10px !important;
padding-right: 42px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;

margin: 0 !important;

background: #f2f2f2 !important;
color: #3F4041 !important;

border: none !important;
outline: none !important;
box-shadow: none !important;

cursor: pointer;

white-space: normal !important;
overflow-wrap: anywhere !important;
word-wrap: break-word !important;
word-break: normal !important;
text-overflow: clip !important;

appearance: none;
-webkit-appearance: none;

}

/* فلش سوال */

.faq-question::before {
content: "❯";
position: absolute;
right: 15px;
top: 50%;

transform:
    translateY(-50%)
    rotate(0deg);

color: #666;
font-size: 13px;
font-weight: 700;
line-height: 1;

transition:
    transform .25s ease;

}

/* فلش در حالت باز */

.faq-item.active .faq-question::before {
transform:
translateY(-50%)
rotate(-90deg);
}

/* حالت‌های سوال */

.faq-question:hover,
.faq-question:focus,
.faq-question:active {
background: #f2f2f2 !important;
color: #3F4041 !important;
outline: none !important;
box-shadow: none !important;
}

/* پاسخ FAQ - دسکتاپ */

.faq-answer {
display: none;

width: 100%;
max-width: 100%;
min-width: 0;

box-sizing: border-box;

direction: rtl;
text-align: right;

font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.7 !important;

color: #444;
background: #F8F8F8;

padding-top: 10px !important;
padding-right: 16px !important;
padding-bottom: 12px !important;
padding-left: 16px !important;

overflow-wrap: anywhere;
word-wrap: break-word;

}

/* نمایش پاسخ */

.faq-item.active .faq-answer {
display: block;
}

/* جلوگیری از تأثیر پاراگراف مقاله روی پاسخ FAQ */

.faq-answer p,
.article-content .faq-answer p {
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;

font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;

}

/* اگر پاسخ چند پاراگراف داشت */

.faq-answer p + p {
margin-top: 10px !important;
}

/* =========================================================
تبلت
========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

.faq-section-title,
.article-content .faq-section-title {
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    margin-bottom: 18px !important;
}

.faq-question {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    padding-top: 9px !important;
    padding-right: 40px !important;
    padding-bottom: 9px !important;
    padding-left: 8px !important;
}

.faq-question::before {
    right: 14px;
    font-size: 12px;
}

.faq-answer {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;

    padding-top: 9px !important;
    padding-right: 14px !important;
    padding-bottom: 11px !important;
    padding-left: 14px !important;
}

}

/* =========================================================
موبایل
همان اندازه‌ای که الان درست بود
========================================================= */

@media (max-width: 768px) {

.article-content h1 {
    font-size: 20px;
}

.article-content h2 {
    font-size: 17px;
}

.article-content h3 {
    font-size: 16px;
}

.article-content p {
    font-size: 15px;
    margin-top: 8px;
    margin-bottom: 30px;
}

.article-content strong {
    font-weight: 700;
}

.article-content img {
    max-height: 200px;
}

.faq-section-title,
.article-content .faq-section-title {
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    margin-bottom: 16px !important;
}

.faq-question {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;

    padding-top: 8px !important;
    padding-right: 38px !important;
    padding-bottom: 8px !important;
    padding-left: 5px !important;
}

.faq-question::before {
    right: 14px;
    font-size: 12px;
}

.faq-answer {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;

    padding-top: 8px !important;
    padding-right: 12px !important;
    padding-bottom: 11px !important;
    padding-left: 12px !important;
}

}

/* =========================================================
AppleIDBox - Login/Register phone field isolation fix
فقط حذف کادر داخلی فیلد شماره تماس؛ بدون اثر روی سایر inputها
========================================================= */

input[placeholder="شماره تماس"] {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
-webkit-appearance: none !important;
appearance: none !important;
}

input[placeholder="شماره تماس"]:focus,
input[placeholder="شماره تماس"]:focus-visible,
input[placeholder="شماره تماس"]:active {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
}

/* جلوگیری از رنگ/سایه‌ی داخلی Chrome Autofill روی همین فیلد */
input[placeholder="شماره تماس"]:-webkit-autofill,
input[placeholder="شماره تماس"]:-webkit-autofill:hover,
input[placeholder="شماره تماس"]:-webkit-autofill:focus,
input[placeholder="شماره تماس"]:-webkit-autofill:active {
border: 0 !important;
outline: 0 !important;
-webkit-text-fill-color: inherit !important;
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
box-shadow: 0 0 0 1000px transparent inset !important;
transition: background-color 9999s ease-out 0s;
}

/* =========================================================
AppleIDBox User Panel - Ticket fields focus isolation
فقط حذف کادر مشکی فوکوس از فیلدهای تیکت؛ بدون اثر روی سایر فرم‌ها
========================================================= */

/* ثبت تیکت جدید: موضوع */
.aup-support-new-ticket .aup-form input[name="subject"]:focus,
.aup-support-new-ticket .aup-form input[name="subject"]:focus-visible,

/* ثبت تیکت جدید: پیام */
.aup-support-new-ticket .aup-form textarea[name="message"]:focus,
.aup-support-new-ticket .aup-form textarea[name="message"]:focus-visible,

/* داخل تیکت: پاسخ */
.aup-ticket-thread .aup-reply-form textarea[name="message"]:focus,
.aup-ticket-thread .aup-reply-form textarea[name="message"]:focus-visible {
outline: none !important;
outline-offset: 0 !important;

/\* حفظ فوکوس آبی خود پنل \*/
border-color: #4665dc !important;
box-shadow: 0 0 0 3px rgba(70, 101, 220, 0.10) !important;
-webkit-box-shadow: 0 0 0 3px rgba(70, 101, 220, 0.10) !important;

}

/* =========================================================
Global form focus ring cleanup
حذف کادر مشکی پیش‌فرض مرورگر/قالب از همه فیلدهای فرم
فقط outline حذف می‌شود؛ border و box-shadow طراحی هر بخش حفظ می‌شود
========================================================= */

input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible,
button:focus,
button:focus-visible,
input[type="file"]:focus,
input[type="file"]:focus-visible {
outline: none !important;
outline-width: 0 !important;
outline-style: none !important;
outline-color: transparent !important;
outline-offset: 0 !important;
}

/* Chrome / Android: جلوگیری از حلقه فوکوس مشکی سیستم روی کنترل‌های فرم */
input,
textarea,
select,
button,
input[type="file"] {
-webkit-tap-highlight-color: transparent;
}

/* کنترل‌های پنل کاربری AppleIDBox: موضوع، اولویت، پیام و پاسخ */
.aup-form input:focus,
.aup-form input:focus-visible,
.aup-form textarea:focus,
.aup-form textarea:focus-visible,
.aup-form select:focus,
.aup-form select:focus-visible,
.aup-reply-form input:focus,
.aup-reply-form input:focus-visible,
.aup-reply-form textarea:focus,
.aup-reply-form textarea:focus-visible,
.aup-reply-form select:focus,
.aup-reply-form select:focus-visible {
outline: none !important;
outline-width: 0 !important;
outline-style: none !important;
outline-color: transparent !important;
outline-offset: 0 !important;
}



#fix-pyma {
  position: sticky;
  top: 20px;
	  z-index: 999;
}


















/* استایل شمارنده صفحات */

.elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 35px;
    direction: rtl;
}

.elementor-pagination .page-numbers {
    padding: 8px 14px 5px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    color: #777;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s ease;
}

.elementor-pagination .page-numbers:hover {
    background: #3F4041;
    color: #fff;
}

.elementor-pagination .page-numbers.current {
    background: #3F4041;
    color: #fff;
}

.elementor-pagination .page-numbers.dots {
    background: transparent;
    color: #999;
}

.elementor-pagination .prev,
.elementor-pagination .next {
    padding: 8px 15px;
}


























/* تصاویر داخل مقاله و توضیحات محصول */
.single-post .entry-content img,
.single-post .post-content img,
.single-post .wp-block-image img,
.single-post .elementor-widget-theme-post-content img,
.single-product .woocommerce-Tabs-panel--description img,
.single-product .elementor-widget-woocommerce-product-content img {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    border-radius: 20px !important;
    display: block;
}


/* کپشن تصاویر */
figcaption,
.wp-element-caption,
.wp-caption-text {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.8;
    text-align: right;
    margin: 5px 5px 20px 5px;
    box-sizing: border-box;
}


/* فقط در کامپیوتر */
@media (min-width: 769px) {

    /* عکس‌های دارای کپشن */
    .single-post .entry-content figure,
    .single-post .post-content figure,
    .single-post .wp-block-image,
    .single-post .elementor-widget-theme-post-content figure,
    .single-product .woocommerce-Tabs-panel--description figure,
    .single-product .elementor-widget-woocommerce-product-content figure {
        width: 80%;
        max-width: 80%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* عکس داخل figure */
    .single-post figure img,
    .single-product figure img {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* عکس‌هایی که کپشن یا figure ندارند */
    .single-post .entry-content > img,
    .single-post .post-content > img,
    .single-post .elementor-widget-theme-post-content img:not(figure img),
    .single-product .woocommerce-Tabs-panel--description > img,
    .single-product .elementor-widget-woocommerce-product-content img:not(figure img) {
        width: 80% !important;
        max-width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* کپشن دقیقاً هم‌عرض تصویر */
    .single-post figure figcaption,
    .single-product figure figcaption,
    .single-post .wp-caption-text,
    .single-product .wp-caption-text {
        width: 100%;
        max-width: 100%;
        margin: 5px 0 20px 0 !important;
        padding: 0 5px;
        text-align: right;
        box-sizing: border-box;
    }
}







/* =========================================
   Horizontal Posts
   ========================================= */

.horizontal-posts .elementor-posts-container{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:20px !important;
    padding-bottom:10px !important;
    -webkit-overflow-scrolling:touch;
}

/* اسکرول‌بار */
.horizontal-posts .elementor-posts-container::-webkit-scrollbar{
    height:8px;
}

.horizontal-posts .elementor-posts-container::-webkit-scrollbar-track{
    background:#F5F5F5;
}

.horizontal-posts .elementor-posts-container::-webkit-scrollbar-thumb{
    background:#ccc;
    border-radius:20px;
}

/* اندازه کارت دسکتاپ */
.horizontal-posts .elementor-post{
    flex:0 0 calc((100% - 80px) / 5.3) !important;
    width:calc((100% - 80px) / 5.3) !important;
}

/* تصویر کارت */
.horizontal-posts .elementor-post__thumbnail{
    padding-bottom:0 !important;
    height:auto !important;
    overflow:hidden !important;
}

.horizontal-posts .elementor-post__thumbnail img{
    position:static !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
    display:block !important;
}

.horizontal-posts .elementor-post__thumbnail__link{
    display:block !important;
    height:auto !important;
}

/* تبلت */
@media (max-width:1024px){
    .horizontal-posts .elementor-post{
        flex:0 0 calc((100% - 40px) / 3.2) !important;
        width:calc((100% - 40px) / 3.2) !important;
    }
}

/* موبایل */
@media (max-width:767px){
    .horizontal-posts .elementor-posts-container{
        gap:10px !important;
    }

    .horizontal-posts .elementor-post{
        flex:0 0 calc((100% - 20px) / 2.2) !important;
        width:calc((100% - 20px) / 2.2) !important;
    }
}