/* ═══════════════════════════════════════
   FOOTER — dark brand theme
   كحلي مائل للتركواز من ألوان الشعار، شعار أبيض، وعلامة الشعار كعلامة مائية خافتة.
   يُحمَّل بعد style.css ويتجاوز نمط الفوتر الفاتح هناك (بدون تعديل style.scss/style.css).
   ═══════════════════════════════════════ */
.site-footer {
    --ft-bg: #0A1A24;
    --ft-bg-2: #0B2B31;
    --ft-teal: #0F8B88;
    --ft-teal-soft: #5ed4d0;
    --ft-text: rgba(255, 255, 255, 0.66);
    --ft-text-strong: #fff;
    --ft-line: rgba(255, 255, 255, 0.09);
    --ft-surface: rgba(255, 255, 255, 0.05);

    background:
        radial-gradient(60% 80% at 100% 0%, rgba(15, 139, 136, 0.18), transparent 60%),
        linear-gradient(160deg, var(--ft-bg) 0%, var(--ft-bg-2) 100%);
    color: var(--ft-text);
    border-top: 0;
}
/* الخط التركوازي العلوي */
.site-footer::before {
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--ft-teal) 25%, var(--ft-teal-soft) 50%, var(--ft-teal) 75%, transparent);
    opacity: 1;
}
/* علامة الشعار كعلامة مائية خافتة في الزاوية */
.site-footer::after {
    top: auto;
    bottom: -60px;
    inset-inline-end: -40px;
    width: 380px;
    height: 380px;
    border-radius: 0;
    background: url("../images/footer_logo.png") center / contain no-repeat;
    filter: brightness(0) invert(1);
    opacity: 0.035;
}

.site-footer__top {
    border-bottom-color: var(--ft-line);
}

/* الشعار أبيض ليُقرأ على الخلفية الداكنة */
.site-footer__brand img {
    filter: brightness(0) invert(1);
}
.site-footer__brand p {
    color: var(--ft-text);
}

.site-footer__social a {
    color: var(--ft-text-strong);
    background: var(--ft-surface);
    border-color: var(--ft-line);
}
.site-footer__social a:hover {
    background: var(--ft-teal);
    border-color: var(--ft-teal);
    color: #fff;
    box-shadow: 0 10px 22px rgba(15, 139, 136, 0.35);
}

.site-footer__col h4 {
    color: var(--ft-text-strong);
}
.site-footer__col h4::after {
    background: linear-gradient(90deg, var(--ft-teal), var(--ft-teal-soft));
}
[dir="rtl"] .site-footer__col h4::after {
    background: linear-gradient(270deg, var(--ft-teal), var(--ft-teal-soft));
}

.site-footer__col ul li,
.site-footer__col ul a {
    color: var(--ft-text);
}
.site-footer__col ul a::before {
    background: rgba(255, 255, 255, 0.22);
}
.site-footer__col ul a:hover {
    color: var(--ft-teal-soft);
}
.site-footer__col ul a:hover::before {
    background: var(--ft-teal-soft);
}

.site-footer__contact a,
.site-footer__contact span:not(.site-footer__ico) {
    color: rgba(255, 255, 255, 0.88);
}
.site-footer__contact a:hover {
    color: var(--ft-teal-soft);
}
.site-footer__ico {
    color: var(--ft-teal-soft);
    background: rgba(15, 139, 136, 0.14);
    border-color: rgba(94, 212, 208, 0.18);
}

/* الشريط السفلي */
.site-footer__bottom {
    color: rgba(255, 255, 255, 0.5);
}
.site-footer__tax {
    background: var(--ft-surface);
    border-color: var(--ft-line);
    color: var(--ft-text);
}
/* شعار هيئة الزكاة ملوّن غالبًا — نضعه على خلفية فاتحة صغيرة */
.site-footer__tax img {
    padding: 2px 4px;
    border-radius: 6px;
    background: #fff;
}
.site-footer__tax i { color: var(--ft-teal-soft); }
.site-footer__tax b { color: var(--ft-text-strong); }

.site-footer__powered {
    color: rgba(255, 255, 255, 0.42);
}
.site-footer__cam-link {
    color: rgba(255, 255, 255, 0.8);
}
.site-footer__cam-link:hover {
    color: var(--ft-teal-soft);
}
.site-footer__cam-logo {
    filter: brightness(0) invert(1);
    opacity: 0.75;
}

@media screen and (max-width: 640px) {
    .site-footer::after {
        width: 260px;
        height: 260px;
        bottom: -40px;
        inset-inline-end: -50px;
    }
}