/*==========================================================
    FOOTER
    هماهنگ با Neuray Design System
    وابسته به: variables.css, responsive.css
==========================================================*/

.footer{
    direction:rtl;
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,var(--primary-darker),var(--primary));
    color:var(--text-inverse);
    padding-block:clamp(50px,7vw,90px) var(--space-sm);
}

/* ============================================
   Glow Background — از پالت accent موجود
   ============================================ */
.footer__glow{
    position:absolute;
    width:500px;
    height:500px;
    top:-200px;
    left:-150px;
    border-radius:var(--radius-round);
    background:radial-gradient(circle,rgba(var(--accent-rgb),.25),transparent 70%);
    pointer-events:none;
    z-index:1;
}

/* ============================================
   Grid
   ============================================ */
.footer__grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:clamp(25px,4vw,60px);
    position:relative;
    z-index:2;
}

/* --- Brand --- */
.footer-brand__title{
    font-family:var(--font-heading);
    font-weight:var(--title-weight);
    color:rgb(var(--white-rgb));
    font-size:clamp(1.5rem,3vw,2rem);
    margin-bottom:var(--space-2xs);
}

.footer-brand__desc{
    font-family:var(--font-body);
    color:var(--text-inverse-muted);
    line-height:2;
    max-width:380px;
}

/* --- Column Titles & Links --- */
.footer-column__title{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:rgb(var(--white-rgb));
    font-size:1.1rem;
    margin-bottom:var(--space-2xs);
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    font-family:var(--font-body);
    color:var(--text-inverse-muted);
    text-decoration:none;
    transition:var(--transition);
}

.footer-links a:hover{
    color:rgb(var(--white-rgb));
    padding-right:8px;
}

/* --- Contact --- */
.footer-contact{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-bottom:var(--space-2xs);
}

.footer-contact__item{
    font-family:var(--font-body);
    color:var(--text-inverse-muted);
    text-decoration:none;
    text-align:right;    /* ← این خط اضافه شد */
    transition:var(--transition);
}

.footer-contact__item:hover{
    color:rgb(var(--white-rgb));
}

/* --- Social --- */
.footer-social{
    display:flex;
    gap:12px;
    margin-top:var(--space-2xs);
}

.footer-social a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    font-size: 1.5rem;
    color: var(--accent);
    transition: 0.3s ease;
}


.footer-social svg{
    width:100%;
    height:100%;
}

.footer-social a:hover{
    color: var(--secondary);
    transform: translateY(-3px);
}

.footer-social__link{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-round);
    background:rgba(var(--white-rgb),.12);
    color:rgb(var(--white-rgb));
    font-family:var(--font-body);
    font-weight:700;
    font-size:.85rem;
    text-decoration:none;
    transition:var(--transition);
}

.footer-social__link:hover{
    transform:translateY(-5px);
    background:rgba(var(--white-rgb),.25);
}

/* ============================================
   CTA — پنل شیشه‌ای
   ============================================ */
.footer-cta{
    position:relative;
    z-index:2;
    margin-top:clamp(40px,6vw,70px);
    padding:clamp(25px,4vw,45px);
    border-radius:var(--radius-xl);
    background:rgba(var(--white-rgb),.08);
    backdrop-filter:blur(var(--blur-md));
    border:1px solid rgba(var(--white-rgb),.15);
    text-align:center;
}

.footer-cta__title{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:rgb(var(--white-rgb));
    font-size:clamp(1.3rem,3vw,2rem);
    margin-bottom:var(--space-2xs);
}

.footer-cta__desc{
    font-family:var(--font-body);
    color:var(--text-inverse-muted);
    margin-bottom:var(--space-sm);
}

.footer-cta__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:var(--button-height);
    padding-inline:35px;
    border-radius:var(--radius-button);
    background:rgb(var(--white-rgb));
    color:var(--primary);
    font-family:var(--font-body);
    font-weight:700;
    text-decoration:none;
    transition:var(--transition);
}

.footer-cta__btn:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-lg);
}

/* ============================================
   Bottom
   ============================================ */
.footer-bottom{
    position:relative;
    z-index:2;
    margin-top:var(--space-lg);
    padding-top:var(--space-xs);
    border-top:1px solid rgba(var(--white-rgb),.15);
    text-align:center;
}

.footer-bottom p{
    font-family:var(--font-body);
    color:rgba(var(--white-rgb),.6);
    font-size:.9rem;
}



/*==========================================================
    RESPONSIVE
==========================================================*/

/* تبلت ≤992px */
@media (max-width:992px){
    .footer__grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* موبایل ≤576px */
@media (max-width:576px){
    .footer__grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-brand__desc{
        margin-inline:auto;
    }

    .footer-social{
        justify-content:center;
    }

    .footer-contact{
        align-items:center;
    }
}