/* ==========================================================
   Green Jofiyat — Footer
   ========================================================== */

.gj-footer {
    background: var(--gj-primary-darker);
    color: rgba(255, 255, 255, 0.82);
    margin-top: var(--space-4xl);
}
.gj-footer__grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
    gap: var(--space-2xl);
    padding: var(--space-4xl) var(--container-padding) var(--space-2xl);
}
.gj-footer__about { font-size: var(--text-sm); line-height: 1.9; margin-top: var(--space-md); color: rgba(255,255,255,0.7); }
.gj-footer__title { color: #fff; font-size: var(--text-lg); margin-bottom: var(--space-md); }
.gj-footer__menu { display: flex; flex-direction: column; gap: 0.6rem; }
.gj-footer__menu a, .gj-footer__contact a { color: rgba(255,255,255,0.78); font-size: var(--text-sm); }
.gj-footer__menu a:hover, .gj-footer__contact a:hover { color: var(--gj-accent-light); }

.gj-footer__contact { display: flex; flex-direction: column; gap: 0.8rem; }
.gj-footer__contact li { display: flex; align-items: flex-start; gap: 0.6rem; font-size: var(--text-sm); }
.gj-footer__contact .gj-icon { color: var(--gj-accent-light); margin-top: 2px; }

.gj-social { display: flex; gap: 0.6rem; margin-top: var(--space-lg); }
.gj-social__link {
    width: 40px; height: 40px; border-radius: var(--radius-circle);
    display: grid; place-items: center; background: rgba(255,255,255,0.10); color: #fff;
    transition: background var(--transition-fast), transform var(--transition-fast);
}
.gj-social__link:hover { background: var(--gj-accent); color: #fff; transform: translateY(-3px); }

/* Partner / secondary logo (logo2) */
.gj-footer__partner { margin-top: var(--space-lg); }
.gj-footer__partner span { display: block; font-size: var(--text-xs); color: rgba(255,255,255,.6); margin-bottom: 8px; }
.gj-footer__partner img { height: 50px; width: auto; max-width: 100%; background: #fff; padding: 8px 12px; border-radius: var(--radius-md); }

.gj-footer__bar {
    border-top: 1px solid rgba(255,255,255,0.12);
    padding: var(--space-md) 0;
    text-align: center; font-size: var(--text-sm);
}
.gj-footer__bar p { color: rgba(255,255,255,0.6); margin: 0; }

@media (max-width: 991px) {
    .gj-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-xl); }
}
@media (max-width: 575px) {
    .gj-footer__grid { grid-template-columns: 1fr; }
}