/* UTAMA */
.logo-wrapper img {
    background: transparent !important;
}
.logo-wrapper {
    background: transparent !important;
}
.logo-wrapper,
.logo-wrapper::before,
.logo-wrapper::after {
    background: none !important;
    box-shadow: none !important;
}

--------
/* TRIAL */
/.navbar-area.nav-style-02.charity-nav-02 .nav-container .logo-wrapper {
    padding: 0 !important;
    min-height: auto !important;
    top: 0 !important;
    background-color: transparent !important;
}
.navbar-area.nav-style-02.charity-nav-02 .nav-container .logo-wrapper {
    display: flex;
    justify-content: center; /* Pusatkan logo secara horizontal */
    align-items: center; /* Pusatkan logo secara vertikal */
    width: 100%; /* Pastikan wrapper mengambil seluruh lebar */
    padding: 0; /* Pastikan tidak ada padding berlebih */
    position: relative; /* Pastikan posisi tidak menggeser elemen lain */
    top: 0 !important; /* Hilangkan offset negatif */
}

.logo-wrapper img {
    display: block;
    margin: 0 auto; /* Memastikan gambar berada di tengah */
    max-height: 100px; /* Sesuaikan ukuran jika perlu */
}

.logo-wrapper img {
    background: transparent !important;
    filter: none !important;
    opacity: 1 !important;
}
-------------

.logo-wrapper img {
    width: auto !important; /* Pastikan lebar tidak dikunci */
    height: 80px !important; /* Sesuaikan ukuran yang Anda inginkan */
    max-height: 100px !important; /* Atur batas maksimal */
    object-fit: contain !important; /* Pastikan gambar tidak terdistorsi */
}

.logo-wrapper {
    max-width: 100% !important;
    text-align: center; /* Memastikan posisi logo tetap di tengah */
}

.logo-wrapper img {
    width: 150px !important; /* Sesuaikan ukuran */
    height: auto !important;
}

.logo-wrapper {
    padding: 0 !important;
    margin: 0 auto !important;
}

-----------------------------

.logo-wrapper {
    display: flex;
    justify-content: center; /* Memastikan logo berada di tengah */
    align-items: center; /* Menjaga logo tetap sejajar */
    width: 100%; /* Memastikan logo menyesuaikan dengan navbar */
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.logo-wrapper img {
    display: block;
    margin: 0 auto; /* Memastikan logo tetap di tengah */
    max-height: 80px; /* Sesuaikan ukuran sesuai kebutuhan */
    object-fit: contain;
}

.logo-wrapper {
    position: relative !important;
    top: 0 !important;
    left: 50%;
    transform: translateX(-50%);
}

.nav-container {
    display: flex;
    justify-content: space-between; /* Pastikan elemen lain tidak mendorong logo */
    align-items: center;
}

------------------

.logo-wrapper {
    border: none !important;
    background: transparent !important;
}

.logo-wrapper::before,
.logo-wrapper::after {
    display: none !important;
    background: none !important;
    border: none !important;
}

-------------

.nav-container {
    background: rgba(255, 193, 7, 0) !important; /* Kuning menjadi transparan */
}

.menu-item {
    background: transparent !important; /* Pastikan tidak ada warna solid */
}

.navbar-area {
    background: rgba(255, 193, 7, 0) !important; /* Transparan di navbar */
}

.nav-container::before,
.nav-container::after {
    display: none !important;
    background: none !important;
}

.navbar-area {
    background: transparent !important;
}

.nav-container::before,
.nav-container::after {
    display: none !important;
    background: none !important;
}

.nav-right-content {
    background: transparent !important;
}

.nav-right-content::before,
.nav-right-content::after {
    background: none !important;
    display: none !important;
}

.nav-container {
    background: rgba(255, 193, 7, 0) !important;
}

.nav-container {
    background: rgba(255, 193, 7, 0) !important; /* Ini adalah latar kuning yang dijadikan transparan */
}

------------------
.nav-container::before,
.nav-container::after,
.navbar-area::before,
.navbar-area::after {
    display: none !important;
    background: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}
background: #FFC107;
border-radius: 0;
box-shadow: none;

.header-style-01::before,
.header-variant-03::before {
    display: none !important;
    background: none !important;
}

------------
/* Hilangkan background kuning di seluruh navbar dan logo wrapper */
.logo-wrapper,
.logo-wrapper::before,
.logo-wrapper::after,
.navbar-area,
.navbar-area::before,
.navbar-area::after,
.nav-container,
.nav-container::before,
.nav-container::after {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    content: none !important;
    display: block; /* Tetap tampil tapi tanpa efek */
}

.navbar-area .logo-wrapper::before,
.navbar-area .logo-wrapper::after {
    display: none !important;
}

/* Matikan pseudo-element penyebab garis */
.logo-wrapper::before,
.logo-wrapper::after,
.navbar-area::before,
.navbar-area::after,
.nav-container::before,
.nav-container::after {
    display: none !important;
    background: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Juga pastikan tidak ada garis kiri seperti border atau garis vertikal */
.logo-wrapper {
    border-left: none !important;
    box-shadow: none !important;
}

.logo-wrapper::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #FFC107; /* garis kuning */
    left: 0;
    top: 0;
}
.logo-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
}
---------------

/* Target semua link di dalam navbar */
.navbar-area.nav-style-02 .navbar-nav li a {
  color: #ffffff !important;
}

.navbar-area.nav-style-02 .navbar-nav > li > a {
  color: white !important;
}

----------------
/* Jika tombol pencarian adalah ikon dalam navbar */
.navbar-area .search-icon,
.navbar-area .search-btn,
.navbar-area .search-toggle,
.navbar-area i.fa-search,
.navbar-area .navbar-nav li.search a {
  color: #fff !important;
  fill: #fff !important; /* Untuk SVG icon */
}

/* Target ikon pencarian secara spesifik */
.navbar-area .las.la-search.icon {
  color: #fff !important;
  fill: #fff !important; /* Jika icon berbasis SVG */
}

.search-open .las.la-search.icon {
  color: #ffffff !important;
}

.navbar-area i.icon {
  color: #ffffff !important;
}
/* COMPLETED (JANGAN DI HAPUS ATAU DI UBAH) */
---------------------------------------------