/* Footer همیشه پایین صفحه بدون دست زدن به بقیه محتوا */
.footer-fixed {
    width: 100%;
    position: relative; /* یا absolute اگر میخوای فوتر همیشه به پایین بچسبد */
    bottom: 0;
}
.footer-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* فشار دادن فوتر به پایین */
    min-height: 50px; /* حداقل ارتفاع فوتر */
    width: 100%;
}
/* کل بدنه 100% ارتفاع داشته باشد */
html, body {
    height: 100%;
    margin: 0;
}

/* Wrapper کل صفحه */
.page-wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

/* محتوا تمام فضای باقی مانده را اشغال کند */
.page-content {
    flex: 0.7 0 auto;
}

/* فوتر پایین بچسبد */
footer {
    flex-shrink: 0;
}