/*
 * Bileşen: Hakkımızda Sayfası Özel Stilleri
 */

.london-story-illustration {
    max-width: 100%;
    height: auto;
    max-height: 400px; /* Görselin çok büyümesini engelle */
}

/* SVG içindeki tüm yolların (path) dolgu rengi için geçiş efekti */
.london-story-illustration path {
    transition: fill 0.3s ease;
}

/* Karanlık mod aktif olduğunda, SVG içindeki tüm yolların rengini beyaz yap */
body[data-color-mode="dark"] .london-story-illustration path {
    fill: #FFFFFF;
}

/* İşletim sistemi karanlık mod tercih ettiğinde de aynı kuralı uygula */
@media (prefers-color-scheme: dark) {
    body:not([data-color-mode="light"]) .london-story-illustration path {
        fill: #FFFFFF;
    }
}