/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Hello Elementor Child Theme
Author: Elementor Team
Template: hello-elementor
Version: 1.0.2
*/

/* ==========================================================================
   1. Accessibility: Color Contrast Enhancement
   ========================================================================== */
/* ارتقای کنتراست اعداد قیمت بدون تغییر رنگ دکمه‌ها و المان‌های برند بنفش */
.jet-listing-dynamic-field__content,
.elementor-widget-jet-listing-dynamic-field .jet-listing-dynamic-field__content,
.elementor-7825 .elementor-element.elementor-element-c1a61a4 .jet-listing-dynamic-field__content,
.elementor-7825 .elementor-element.elementor-element-a24df70 .jet-listing-dynamic-field__content,
.elementor-7825 .elementor-element.elementor-element-140579e .jet-listing-dynamic-field__content,
.elementor-8660 .elementor-element-623c050 .jet-listing-dynamic-field__content {
    color: #4338CA !important;
}
del .jet-listing-dynamic-field__content,
.jet-listing-dynamic-field__content del {
    color: #64748B !important;
}

/* ارتقای کنتراست متن ناموجود */
.elementor-7825 .elementor-element.elementor-element-2cee7f0 .elementor-heading-title,
.elementor-7825 .elementor-element.elementor-element-95bd01f .elementor-heading-title,
.elementor-element-67f77a7 .elementor-heading-title {
    color: #4338CA !important;
}

/* ==========================================================================
   2. Accessibility: Touch Targets & Spacing (Minimum 48px)
   ========================================================================== */
/* استانداردسازی اهداف لمسی به حداقل ۴۸ پیکسل مطابق استانداردهای موبایل گوگل */
.elementor-widget-post-info .elementor-icon-list-item a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}

.read_more--btn a.elementor-icon,
.elementor-widget-icon-box .elementor-icon-box-icon a,
.elementor-widget-icon a.elementor-icon,
.e-n-menu-title-container {
    min-width: 48px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-widget-wc-add-to-cart a.elementor-button,
a.add_to_cart_button {
    min-height: 44px !important;
    min-width: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ==========================================================================
   3. Performance & CLS: Stability
   ========================================================================== */
/* لوگوی سایت - جلوگیری از لرزش چیدمان و ثبات ابعاد */
.elementor-element-e8fc767 img {
    aspect-ratio: 1096 / 744;
    height: 50px;
    width: auto;
    max-width: 100%;
}

/* کلاس‌های کمکی برای دسترس‌پذیری اسکرین ریدر */
.sr-only,
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* ==========================================================================
   4. Single Post Template: Responsive Desktop & Mobile Layout
   ========================================================================== */
/* دسکتاپ: سایدبار در سمت چپ و چسبیده به بالای مقاله */
@media (min-width: 1025px) {
    .elementor-element-a0f0dcb > .e-con-inner {
        flex-direction: row !important;
    }
    .elementor-element-757d0b4 {
        align-self: flex-start !important;
    }
}

/* تبلت و موبایل: اولویت با محتوای مقاله (سایدبار و شبکه‌های اجتماعی در انتهای مقاله) */
@media (max-width: 1024px) {
    .elementor-element-a0f0dcb > .e-con-inner {
        flex-direction: column !important;
    }
}

/* واکنش‌گرایی جداول و باکس‌های مقالات سئو */
.samani-table-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin: 24px 0 !important;
    border-radius: 12px !important;
}
.samani-article-cta {
    box-sizing: border-box !important;
    max-width: 100% !important;
}