/* Arora Modern Nav Widget - Efek Warna Logo */

/* * Target wrapper widget (yang akan memiliki kelas dari prefix_class) 
 * lalu target gambar logo di dalamnya (.arora-logo-img).
 * Nama widget Anda adalah 'arora-modern-nav', sehingga kelas wrapper defaultnya adalah 'elementor-widget-arora-modern-nav'.
 */

/* Efek Ubah Jadi Putih */
.elementor-widget-arora-modern-nav.arora-logo-effect-white .arora-site-logo-anchor .arora-logo-img {
    filter: brightness(0) invert(1) grayscale(1);
    -webkit-filter: brightness(0) invert(1) grayscale(1); /* Untuk kompatibilitas browser lama jika diperlukan */
}

/* Efek Ubah Jadi Hitam */
.elementor-widget-arora-modern-nav.arora-logo-effect-black .arora-site-logo-anchor .arora-logo-img {
    filter: brightness(0) grayscale(1);
    -webkit-filter: brightness(0) grayscale(1); /* Untuk kompatibilitas browser lama jika diperlukan */
}

/* Default (Berwarna) - Menghapus filter jika ada */
.elementor-widget-arora-modern-nav.arora-logo-effect-colored .arora-site-logo-anchor .arora-logo-img {
    filter: none;
    -webkit-filter: none;
}

/* Styling tambahan jika diperlukan untuk logo wrapper atau anchor */
.arora-logo-wrapper {
    display: inline-block; /* Atau block, sesuai kebutuhan layout Anda */
}

.arora-site-logo-anchor {
    display: flex; /* Memudahkan penataan logo dan teks nama situs jika berdampingan */
    align-items: center;
    text-decoration: none;
    gap: 10px; /* Jarak antara logo dan teks nama situs, sesuaikan jika perlu */
}

.arora-site-logo-anchor .arora-logo-img {
    max-width: 100%; /* Pastikan logo tidak melebihi container */
    height: auto;   /* Jaga rasio aspek */
    display: block; /* Menghilangkan spasi ekstra di bawah gambar inline */
}

.arora-site-name-text {
    /* Styling untuk teks nama situs, jika Anda menggunakan fitur tersebut */
}