/* =======================
   MODERN FOOTER
======================= */

.footer-modern {
    background: #0f172a;
}

.footer-links a {
    color: #cbd5e1;
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
    transition: 0.3s;
}

.footer-links a:hover {
    color: #facc15;
    padding-left: 5px;
}

.social-icons a {
    color: white;
    margin-right: 12px;
    font-size: 18px;
}

.newsletter {
    display: flex;
    margin-top: 10px;
}

.newsletter input {
    flex: 1;
    padding: 8px;
    border: none;
}

.newsletter button {
    background: #facc15;
    border: none;
    padding: 8px 15px;
    font-weight: bold;
}