/* ─── متغیرهای رنگ و مقادیر پایه ─── */
.cpmf-footer{
    --cpmf-orange:#EA8F09;
    --cpmf-orange-light:#F5A623;
    --cpmf-orange-dark:#D97F06;
    --cpmf-navy:#141B2E;          /* پس‌زمینه‌ی اصلی سرمه‌ای */
    --cpmf-navy-deep:#0F1524;     /* دکمه‌ی تیره و نوار پایین */
    --cpmf-text:#E8EBF2;
    --cpmf-text-muted:#8A92A6;
    --cpmf-white:#FFFFFF;
    --cpmf-radius:18px;
    --cpmf-radius-sm:12px;
    --cpmf-ease:cubic-bezier(.22,1,.36,1);  /* حس Framer Motion */

    font-family:'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
    direction:rtl;
    text-align:right;
    position:relative;
    line-height:1.9;
    -webkit-font-smoothing:antialiased;
}
.cpmf-footer *{box-sizing:border-box; margin:0; padding:0;}

.cpmf-container{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}

/* ════════════ باکس نارنجی فراخوان (CTA) ════════════ */
.cpmf-cta-wrapper{
    position:relative;
    z-index:5;
    padding:0 24px;
    /* با مقدار منفی، باکس روی بخش تیره می‌نشیند (overlap) */
    margin-bottom:-100px;
}
.cpmf-cta-box{
    position:relative;
    max-width:1080px;
    height:200px;                 /* ارتفاع ثابت در دسکتاپ طبق درخواست */
    margin:0 auto;
    background:linear-gradient(135deg, var(--cpmf-orange-light) 0%, var(--cpmf-orange) 55%, var(--cpmf-orange-dark) 100%);
    border-radius:var(--cpmf-radius);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 30px 60px -20px rgba(234,143,9,.45),
               0 10px 25px -15px rgba(0,0,0,.3);
}
/* الگوی نقطه‌چین/ضربدر پس‌زمینه (مانند تصویر) */
.cpmf-cta-pattern{
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(rgba(255,255,255,.18) 1.4px, transparent 1.4px);
    background-size:26px 26px;
    opacity:.5;
    pointer-events:none;
}
.cpmf-cta-content{
    position:relative;
    z-index:2;
    text-align:center;
    padding:24px;
    width:100%;
}
.cpmf-cta-title{
    color:var(--cpmf-white);
    font-size:clamp(1.5rem, 2.6vw, 2.25rem);
    font-weight:800;
    margin-bottom:10px;
    letter-spacing:-.5px;
}
.cpmf-cta-subtitle{
    color:rgba(255,255,255,.92);
    font-size:clamp(.9rem, 1.3vw, 1.05rem);
    font-weight:400;
    margin-bottom:22px;
}
.cpmf-cta-actions{
    display:flex;
    gap:16px;
    justify-content:center;
    flex-wrap:wrap;
}

/* ─── دکمه‌های فراخوان ─── */
.cpmf-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:13px 26px;
    border-radius:var(--cpmf-radius-sm);
    font-size:1rem;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    transition:transform .35s var(--cpmf-ease),
               box-shadow .35s var(--cpmf-ease),
               background-color .3s ease,
               color .3s ease;
    will-change:transform;
}
.cpmf-btn__icon{display:inline-flex;}
.cpmf-btn__icon svg{width:18px; height:18px;}

.cpmf-btn--dark{
    background:var(--cpmf-navy-deep);
    color:var(--cpmf-white);
    box-shadow:0 8px 20px -8px rgba(15,21,36,.6);
}
.cpmf-btn--dark:hover,
.cpmf-btn--dark:active,
.cpmf-btn--dark.cpmf-touch-active{
    transform:translateY(-4px) scale(1.03);
    box-shadow:0 16px 30px -10px rgba(15,21,36,.75);
    background:#1b2540;
}

.cpmf-btn--light{
    background:var(--cpmf-white);
    color:var(--cpmf-navy);
    box-shadow:0 8px 20px -8px rgba(0,0,0,.25);
}
.cpmf-btn--light:hover,
.cpmf-btn--light:active,
.cpmf-btn--light.cpmf-touch-active{
    transform:translateY(-4px) scale(1.03);
    box-shadow:0 16px 34px -10px rgba(255,255,255,.55), 0 0 0 3px rgba(255,255,255,.35);
}

/* ════════════ فوتر اصلی سرمه‌ای ════════════ */
.cpmf-main{
    position:relative;
    z-index:1;
    background:var(--cpmf-navy);
    color:var(--cpmf-text);
    /* فضای بالا برای جا دادن باکس نارنجیِ هم‌پوشان */
    padding-top:160px;
    padding-bottom:0;
}
.cpmf-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.4fr;
    gap:40px;
    padding:30px 0 50px;
}

/* ─── ستون درباره ما ─── */
.cpmf-brand{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}
.cpmf-brand__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border-radius:12px;
    background:var(--cpmf-orange);
    color:var(--cpmf-white);
    flex-shrink:0;
}
.cpmf-brand__icon svg{width:24px; height:24px;}
.cpmf-brand__name{
    font-size:1.35rem;
    font-weight:800;
    color:var(--cpmf-white);
}
.cpmf-about__text{
    color:var(--cpmf-text-muted);
    font-size:.95rem;
    line-height:2.1;
    margin-bottom:22px;
    max-width:340px;
}
.cpmf-socials{display:flex; gap:12px;}
.cpmf-social{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:11px;
    background:rgba(255,255,255,.06);
    color:var(--cpmf-text-muted);
    text-decoration:none;
    transition:transform .35s var(--cpmf-ease),
               background-color .3s ease,
               color .3s ease,
               box-shadow .35s var(--cpmf-ease);
}
.cpmf-social svg{width:20px; height:20px;}
.cpmf-social:hover,
.cpmf-social:active,
.cpmf-social.cpmf-touch-active{
    transform:translateY(-4px) scale(1.05);
    background:var(--cpmf-orange);
    color:var(--cpmf-white);
    box-shadow:0 12px 22px -8px rgba(234,143,9,.6);
}

/* ─── عنوان ستون‌ها ─── */
.cpmf-col__title{
    font-size:1.15rem;
    font-weight:800;
    color:var(--cpmf-white);
    margin-bottom:24px;
    position:relative;
    padding-bottom:12px;
}
.cpmf-col__title::after{
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    width:42px;
    height:3px;
    border-radius:3px;
    background:var(--cpmf-orange);
}

/* ─── لینک‌های ستون‌ها ─── */
.cpmf-links{list-style:none;}
.cpmf-links li{margin-bottom:14px;}
.cpmf-link{
    color:var(--cpmf-text-muted);
    text-decoration:none;
    font-size:.95rem;
    display:inline-block;
    position:relative;
    transition:color .3s ease, transform .3s var(--cpmf-ease);
}
.cpmf-link::before{
    content:'';
    position:absolute;
    right:0;
    bottom:-3px;
    width:0;
    height:2px;
    background:var(--cpmf-orange);
    transition:width .35s var(--cpmf-ease);
}
.cpmf-link:hover,
.cpmf-link:active,
.cpmf-link.cpmf-touch-active{
    color:var(--cpmf-white);
    transform:translateX(-6px);
}
.cpmf-link:hover::before,
.cpmf-link:active::before,
.cpmf-link.cpmf-touch-active::before{width:100%;}

/* ─── ستون تماس ─── */
.cpmf-contact{list-style:none;}
.cpmf-contact__item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
}
.cpmf-contact__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:9px;
    background:rgba(234,143,9,.12);
    color:var(--cpmf-orange);
    flex-shrink:0;
    transition:transform .35s var(--cpmf-ease), background-color .3s ease;
}
.cpmf-contact__icon svg{width:17px; height:17px;}
.cpmf-contact__item:hover .cpmf-contact__icon{
    transform:scale(1.12);
    background:rgba(234,143,9,.22);
}
.cpmf-contact__text{
    color:var(--cpmf-text-muted);
    font-size:.95rem;
    line-height:1.9;
    padding-top:3px;
}
.cpmf-contact__link{
    text-decoration:none;
    transition:color .3s ease;
}
.cpmf-contact__link:hover,
.cpmf-contact__link:active{color:var(--cpmf-white);}

/* ─── نوار کپی‌رایت ─── */
.cpmf-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
    padding:24px 0;
    border-top:1px solid rgba(255,255,255,.07);
}
.cpmf-copyright{
    color:var(--cpmf-text-muted);
    font-size:.9rem;
}
.cpmf-bottom__links{display:flex; gap:26px;}
.cpmf-bottom__link{
    color:var(--cpmf-text-muted);
    text-decoration:none;
    font-size:.9rem;
    transition:color .3s ease;
}
.cpmf-bottom__link:hover,
.cpmf-bottom__link:active{color:var(--cpmf-orange);}

/* ════════════ انیمیشن‌های ورود (حس Framer Motion) ════════════ */
[data-cpmf-animate]{
    opacity:0;
    transition:opacity .8s var(--cpmf-ease), transform .8s var(--cpmf-ease);
    will-change:opacity, transform;
}
[data-cpmf-animate="up"]{transform:translateY(40px);}
[data-cpmf-animate="scale"]{transform:translateY(40px) scale(.96);}
[data-cpmf-animate].cpmf-in-view{
    opacity:1;
    transform:translateY(0) scale(1);
}

/* احترام به تنظیمات کاربری برای کاهش حرکت */
@media (prefers-reduced-motion: reduce){
    [data-cpmf-animate]{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
    .cpmf-btn, .cpmf-social, .cpmf-link, .cpmf-contact__icon{transition:none !important;}
}

/* ════════════ واکنش‌گرایی (Responsive) ════════════ */

/* تبلت */
@media (max-width:992px){
    .cpmf-grid{
        grid-template-columns:1fr 1fr;
        gap:36px 30px;
    }
    .cpmf-col--about{grid-column:1 / -1;}
}

/* موبایل */
@media (max-width:768px){
    .cpmf-cta-wrapper{
        padding:0 16px;
        margin-bottom:-60px;
    }
    .cpmf-cta-box{
        /* ارتفاع خودکار اما حداقل ۱۰۰ پیکسل کمتر از دسکتاپ (۲۰۰px) */
        height:auto;
        min-height:auto;
        padding:28px 20px;          /* فشرده‌تر برای کاهش ارتفاع */
        border-radius:26px;         /* گردی بیشتر در موبایل */
    }
    .cpmf-cta-content{padding:0;}
    .cpmf-cta-title{
        font-size:1.25rem;
        margin-bottom:8px;
    }
    .cpmf-cta-subtitle{
        font-size:.85rem;
        margin-bottom:18px;
    }
    .cpmf-cta-actions{flex-direction:column; align-items:stretch; gap:12px;}
    .cpmf-btn{justify-content:center; width:100%; padding:12px 20px; font-size:.9rem;}

    .cpmf-main{padding-top:110px;}

    /* ─── چیدمان دو ستونه با تراز از راست (RTL) ─── */
    .cpmf-grid{
        grid-template-columns:1fr 1fr;   /* دو ستون */
        gap:30px 20px;
        text-align:right;                /* تراز از راست */
        padding:24px 0 36px;
    }

    /* ستون درباره ما تمام عرض را می‌گیرد و راست‌چین می‌ماند */
    .cpmf-col--about{
        grid-column:1 / -1;
        text-align:right;
    }
    .cpmf-brand{justify-content:flex-start; gap:10px; margin-bottom:14px;}
    .cpmf-brand__icon{width:40px; height:40px;}
    .cpmf-brand__icon svg{width:21px; height:21px;}
    .cpmf-brand__name{font-size:1.2rem;}
    .cpmf-about__text{
        margin:0 0 18px;
        max-width:100%;
        font-size:.88rem;
        line-height:2;
    }
    .cpmf-socials{justify-content:flex-start;}
    .cpmf-social{width:38px; height:38px;}
    .cpmf-social svg{width:18px; height:18px;}

    /* عنوان ستون‌ها: کوچک‌تر و خط زیر از سمت راست */
    .cpmf-col__title{
        font-size:1.02rem;
        margin-bottom:16px;
        padding-bottom:10px;
    }
    .cpmf-col__title::after{right:0; transform:none;}

    /* لینک‌ها و متن‌ها: کوچک‌تر و راست‌چین */
    .cpmf-links li{margin-bottom:11px;}
    .cpmf-link{font-size:.88rem;}

    .cpmf-contact__item{
        justify-content:flex-start;
        gap:10px;
        margin-bottom:15px;
    }
    .cpmf-contact__icon{width:30px; height:30px;}
    .cpmf-contact__icon svg{width:15px; height:15px;}
    .cpmf-contact__text{font-size:.85rem; line-height:1.8;}

    /* نوار کپی‌رایت */
    .cpmf-bottom{
        flex-direction:column;
        align-items:flex-start;   /* راست‌چین در RTL */
        text-align:right;
        gap:12px;
        padding:20px 0;
    }
    .cpmf-copyright{font-size:.82rem;}
    .cpmf-bottom__links{justify-content:flex-start; gap:20px;}
    .cpmf-bottom__link{font-size:.82rem;}
}

/* موبایل کوچک */
@media (max-width:420px){
    .cpmf-cta-title{font-size:1.12rem;}
    .cpmf-container{padding:0 16px;}
    .cpmf-grid{gap:26px 14px;}
    .cpmf-col__title{font-size:.96rem;}
    .cpmf-link, .cpmf-contact__text{font-size:.82rem;}
}