/* ===============================
   FOOTER BASE
   =============================== */

.footer {
    background: linear-gradient(135deg, #222, #333);
    color: #fff;
    padding: 30px 20px;
    font-size: 14px;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

/* ---------- LEFT ---------- */
.footer-left p {
    margin: 4px 0;
}

.footer-left a {
    color: #f8d210;
    text-decoration: none;
}

/* ---------- CENTER ---------- */
.footer-center {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ---------- RIGHT LINKS ---------- */
.footer-right {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

    .footer-right a {
        color: #f8d210;
        font-weight: 600;
        text-decoration: none;
    }

/* ---------- SOCIAL ---------- */
.social-icons {
    display: flex;
    gap: 14px;
}

    .social-icons a {
        color: #fff;
        font-size: 1.2rem;
        transition: 0.2s ease;
    }

        .social-icons a:hover {
            color: #f8d210;
            transform: translateY(-2px);
        }

/* ===============================
   MOBILE VIEW
   =============================== */

@media (max-width: 768px) {

    .footer-container {
        flex-direction: column;
        text-align: center;
        gap: 18px;
    }

    .footer-left,
    .footer-center,
    .footer-right,
    .social-icons {
        width: 100%;
        justify-content: center;
    }

        /* ایمیل‌ها ستونی */
        .footer-left p:last-child {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

    /* لینک‌ها ستونی */
    .footer-right {
        flex-direction: column;
        gap: 10px;
    }

        .footer-right a {
            display: block;
        }

    /* زبان */
    .footer-center {
        flex-direction: column;
        gap: 8px;
    }
}




/* ===============================
   FOOTER SINGLE SEPARATOR
   =============================== */

/* 🔴 همیشه خود | مخفی باشد */
.footer-separator {
    display: none;
}

/* 📱 فقط در موبایل فعال شود */
@media (max-width: 768px) {

    .footer-separator {
        display: block;
        width: 70%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.25);
        margin: 16px auto;
        text-indent: -9999px; /* متن | دیده نشود */
    }
}