/* ============================================
   MADANIA — FOOTER STYLES
   ============================================ */
.madania-footer {
    background: var(--madania-teal);
    color: var(--madania-white);
    padding: 4rem 2rem 2rem;
}

.madania-footer-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 3rem;
}

.madania-footer h3 {
    color: var(--madania-white);
    margin-bottom: 1.2rem;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.95rem;
}

.madania-footer p {
    line-height: 1.8;
    margin-top: 0;
    color: rgba(255, 255, 255, 0.85);
}

.madania-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.madania-footer li { margin-bottom: 0.7rem; }

.madania-footer a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color var(--madania-trans);
}

.madania-footer a:hover { color: var(--madania-gold); }

.madania-footer a:focus-visible {
    outline: 1px solid var(--madania-gold);
    outline-offset: 2px;
    border-radius: 2px;
}

.madania-footer-brand img {
    opacity: 0.9;
    transition: opacity var(--madania-trans);
}

.madania-footer-brand img:hover { opacity: 1; }

.madania-footer-bottom {
    text-align: center;
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.65);
}

.madania-footer-bottom p { margin: 0; color: inherit; }

@media (max-width: 768px) {
    .madania-footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
    .madania-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
    .madania-footer { padding: 3rem 1.25rem 1.5rem; }
    .madania-footer-grid { grid-template-columns: 1fr; gap: 1.75rem; }
}