/* RENK TANIMLARI */
body.tr-tema { --ulke-rengi: #035031; --footer-yazi: #ffffff; }
body.en-tema { --ulke-rengi: #022c78; --footer-yazi: #ffffff; }
body.es-tema { --ulke-rengi: #FFD100; --footer-yazi: #000000; }

footer {
    background: var(--ulke-rengi); /* Dile göre otomatik değişir */
    color: var(--footer-yazi);
    padding: 15px;
    text-align: center;
    transition: background 0.3s ease; /* Renk geçişi yumuşak olsun */
}

.footer-text {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.footer-divider {
    color: var(--footer-yazi);
    opacity: 0.5;
}

.ai-translation-note {
    text-align: center;
    padding: 10px;
    font-size: 0.75rem;
    color: #7f8c8d;
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: 15px;
}

.designer-note {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.designer-note p, .designer-note strong {
    margin: 0;
    color: var(--footer-yazi);
    font-size: 12px;
    line-height: 1.4;
}

@media(max-width:768px) {
    .footer-text { flex-direction: column; gap: 10px; }
    .footer-divider { display: none !important; }
}

/* JS ile gelen metinlerin rengini ana footer rengine bağla */
.js-sabit-footer .footer-text span, 
.js-sabit-footer .designer-note p,
.js-sabit-footer .designer-note strong {
    color: var(--footer-yazi) !important; /* İşte sihirli değnek bu! */
}

.footer-divider {
    color: var(--footer-yazi) !important;
    opacity: 0.5;
}