/* Footer Stilleri */
footer {
    z-index: 9999;
    margin-top: auto;
}

.social-links a {
    font-size: 1.5rem;
    padding: 0.2rem;
    transition: color 0.3s ease;
}

.fa-discord:hover{
    color: rgb(56, 84, 241) !important;
}

.fa-twitter:hover{
    color: rgb(29, 155, 240) !important;
}

.fa-facebook:hover{
    color: rgb(24, 119, 242) !important;
}

.fa-instagram:hover{
    color: rgb(225, 48, 108) !important;
}

.footer-genres {
    margin-top: 20px;
}

.footer-genres h5 {
    margin-bottom: 15px;
}

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

.footer-genres ul li {
    display: inline-block;
    margin: 5px 10px;
}

.footer-genres ul li a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-genres ul li a:hover {
    color: var(--primary-color);
}

.footer-genres ul li i {
    margin-right: 5px;
}


/* Light tema için footer stili */
body.light-theme footer,
body.light-theme .footer-content {
    background-color: var(--div-bg) !important;
    color: var(--primary-color) !important;
    box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
}

body.light-theme .footer a {
    color: var(--light-primary-color) !important;
}

body.light-theme .footer a:hover {
    color: var(--accent-color) !important;
}