/* =========================================
   Landing 3D — Redesign v2 (Front-Page theme recolor)
   بارگذاری بعد از base.css و landing-3d.css → این فایل برنده است
========================================= */

/* -----------------------------------------
   1. بازتعریف متغیرهای برند به پالت فرانت‌پیج
   navy #0A192F / مسی #B87333 / طلایی #F5D68F
----------------------------------------- */
body.dmhouse-tpl {
    /* body.dmhouse-tpl (not :root) so these beat Elementor's own .elementor-kit-N
       global-color vars, which otherwise win by equal specificity + load order. */
    /* رنگ تیره/متن‌های اصلی سکشن‌ها (بود #01024E) → navy فرانت */
    --e-global-color-f49861a: #0A192F;
    /* رنگ عناوین سراسری (بود #F5A000) → navy فرانت */
    --e-global-color-d2035ce: #0A192F;
    /* رنگ دوم دکمه/اکسنت (بود #101010) → طلایی فرانت */
    --e-global-color-secondary: #F5D68F;
    /* رنگ آبیِ داخل گرادیان شکل‌های پس‌زمینه (بود #40679E) → مسی */
    --e-global-color-da3ec38: #B87333;
    /* تینت روشن اکسنت (بود کرم مسی) → تینت طلایی */
    --e-global-color-5dad059: rgba(245, 214, 143, 0.35);
}

/* -----------------------------------------
   2. شکل‌های محو پس‌زمینه (المان‌های رنگی پشت بک‌گراند)
   جایگزینی بنفش/آبی با مسی/طلایی/navy
----------------------------------------- */
.global-bg-elements .shape-1 {
    background: linear-gradient(135deg, var(--color-copper, #B87333), var(--color-gold, #F5D68F));
}

.global-bg-elements .shape-2 {
    background: linear-gradient(135deg, var(--color-gold, #F5D68F), var(--color-copper, #B87333));
}

.global-bg-elements .shape-3 {
    background: rgba(184, 115, 51, 0.15);
}

.hero-3d-section .shape-1 {
    background: linear-gradient(135deg, var(--color-copper, #B87333), var(--color-gold, #F5D68F));
}

.hero-3d-section .shape-2 {
    background: linear-gradient(135deg, var(--color-gold, #F5D68F), var(--color-navy, #0A192F));
}

/* -----------------------------------------
   3. اکسنت‌های صورتیِ باقی‌مانده (#EF3E63) → مسی
----------------------------------------- */
.testimonials-section .logo-item:hover,
.testimonials-section .logo-item.is-active {
    box-shadow: 0 10px 25px rgba(184, 115, 51, 0.18);
}

.features-diagonal-section .f-card.is-highlighted {
    box-shadow: 0 20px 40px rgba(184, 115, 51, 0.12);
}

.step-dot {
    box-shadow: 0 0 15px rgba(184, 115, 51, 0.4);
}

.step-card:hover {
    box-shadow: 0 30px 60px rgba(184, 115, 51, 0.15);
    border-color: rgba(184, 115, 51, 0.4);
}

.step-card .step-bg-num {
    color: rgba(10, 25, 47, 0.08);
}

.step-card:hover .step-bg-num {
    color: rgba(184, 115, 51, 0.22);
}

.support-features-section .s-card-icon {
    box-shadow: 0 15px 25px rgba(184, 115, 51, 0.2);
}

/* هدر ردیف مقایسه: صورتی توپر → مسی برند */
.comparison-section .header-plan {
    background: var(--color-copper, #B87333);
    box-shadow: 0 10px 30px rgba(184, 115, 51, 0.2);
}

/* دکمه ثبت دیدگاه در هاور: صورتی → مسی تیره */
.custom-comment-form button:hover {
    background-color: #9c5f28;
}

/* -----------------------------------------
   4. هماهنگی هدر ثابت فرانت با هیرو سه‌بعدی
   (هدر fixed است؛ هیرو از قبل padding-top کافی دارد)
----------------------------------------- */
.main-header {
    border-bottom: 1px solid var(--border-color);
}