/* Tema (karanlık / aydınlık) düğmesi — #theme-toggle.tema-dugmesi
 * Eskiden başlığın içindeydi ve sayfa kaydırılınca görünmüyordu. Artık sağ alt köşede
 * sabit durur (web ve mobil webview). Simge o anki temaya göre değişir:
 * aydınlıkta 🌙 (karanlığa geç), karanlıkta ☀️ (aydınlığa geç).
 * Kullanıldığı yerler: exams-header.php, ornek_sorular_api.php. head.php / head2.php yükler.
 */
#theme-toggle.tema-dugmesi {
    position: fixed;
    right: calc(14px + env(safe-area-inset-right, 0px));
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    z-index: 99990;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--cerceve-rengi, #e5e5e5);
    background: var(--kutu-arkaplan, #ffffff);
    color: var(--metin-rengi, #333333);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    font-size: 0;            /* düğmedeki eski "🌙/☀️" metni gizlenir */
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
}
#theme-toggle.tema-dugmesi::before {
    content: "🌙";
    font-size: 21px;
}
[data-theme="dark"] #theme-toggle.tema-dugmesi::before {
    content: "☀️";
}
#theme-toggle.tema-dugmesi:focus-visible {
    outline: 2px solid #0077b5;
    outline-offset: 2px;
}
@media (hover: hover) {
    #theme-toggle.tema-dugmesi:hover {
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.26);
    }
}
@media print {
    #theme-toggle.tema-dugmesi { display: none; }
}