/* ==================================================
   NIDA-STYLE FOOTER
   ================================================== */
.nida-footer {
    background-color: #1da827; /* Main vibrant green */
    color: #ffffff;
    font-family: system-ui, sans-serif;
   
}

.nida-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 40px;
    padding: 50px 20px;
}

/* Headings with exact width underlines */
.nida-col h4 {
    color: #ffffff;
    font-size: 1.15rem;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ffffff;
    display: inline-block; /* Forces border to match text width */
    font-weight: 600;
}

.nida-col p {
    margin-bottom: 12px;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Lists and Links */
.nida-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.nida-col ul li {
    margin-bottom: 15px;
}
.nida-col a {
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9rem;
    line-height: 1.4;
    transition: opacity 0.2s ease;
}
.nida-col a:hover {
    opacity: 0.75;
}

/* Social Media Block */
.social-links-title {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 0.9rem;
    font-weight: 600;
}
.social-icons {
    display: flex;
    gap: 15px;
}
.social-icons a {
    font-size: 1.3rem;
    text-decoration: none;
}

/* Bottom Bar */
.nida-footer-bottom {
    background-color: #158c1e; /* Darker green stripe */
    padding: 25px 0;
    text-align: center;
    font-size: 0.85rem;
}
.bottom-links {
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}
.bottom-links a {
    font-weight: 600;
}
.bottom-links a:hover {
    text-decoration: underline;
}
.nida-footer-bottom p {
    margin: 0;
    opacity: 0.9;
   
}
/* =========================================
   MOBILE RESPONSIVENESS (iOS & Android)
   ========================================= */
@media screen and (max-width: 768px) {
    /* Force a strict vertical single column */
    .nida-footer-grid {
        display: grid !important;
        grid-template-columns: 1fr !important; 
        gap: 25px !important;
        padding: 40px 25px !important;
    }

    /* Add stylish horizontal separators between the stacked sections */
    .nida-col {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        padding-bottom: 25px;
    }

    /* Remove the separator from the last section */
    .nida-col:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* Keep heading styles intact */
    .nida-col h4 {
        display: inline-block;
        font-size: 1.15rem;
        margin-bottom: 18px;
    }

    /* Enlarge list items for easier tapping */
    .nida-col ul li {
        margin-bottom: 16px;
    }

    .nida-col a {
        font-size: 1.05rem; 
    }

    /* Space out social icons */
    .social-icons {
        gap: 25px;
        margin-top: 15px;
    }

    .social-icons a {
        font-size: 1.6rem;
    }
    
    /* Stack the very bottom copyright links vertically as well */
    .bottom-links {
        flex-direction: column !important;
        align-items: center;
        gap: 15px !important;
    }
}