/* Force the logo container to 70x70px */
#_desktop_logo img {
   width: 60px !important;
   height: 60px !important;
   object-fit: contain; /* Ensures the logo isn't distorted */
}

/* Pastikan link di nav atas berwarna putih */
.header-nav a,
.header-nav span,
.header-nav i {
    color: white !important;
}


/* Menghilangkan latar belakang putih pada area blok troli */
#_desktop_cart .blockcart {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Mengubah warna teks 'Troli' dan angka jumlah barang menjadi putih */
#_desktop_cart .blockcart a,
#_desktop_cart .blockcart .cart-products-count,
#_desktop_cart .blockcart i.shopping-cart {
    color: white !important;
}

/* Jika Anda ingin ikon keranjang tetap terlihat menonjol saat hover */
#_desktop_cart .blockcart:hover {
    background-color: rgba(255, 255, 255, 0.1) !important; /* Efek highlight tipis */
}


/* 5. FOOTER UTAMA (Abu-abu Muda #e9ecef) */
.footer-container {
   background-color: #e9ecef !important;
}

/* 6. BARIS COPYRIGHT PALING BAWAH (Hijau RGB 55, 109, 78) */
/* Kita buat area .footer-after menjadi baris hijau penuh */
.footer-container .footer-after {
   background-color: rgb(62, 74,87) !important;
   padding: 20px 0 !important;
   margin-top: 20px; /* Memberi jarak dari footer abu-abu */
}

/* Memastikan teks copyright dan link di dalamnya berwarna putih */
.footer-after,
.footer-after p,
.footer-after a,
.footer-after span,
.footer-after ._blank {
   color: #ffffff !important;
   display: block; /* Memastikan background hijau terisi penuh */
   text-align: center;
}

/* Menghilangkan garis abu-abu bawaan tema classic */
.footer-container .footer-after {
   border-top: none !important;
}


/* Perbaikan khusus untuk tampilan Mobile (layar di bawah 767px) */
@media (max-width: 767px) {
   /* Memaksa latar belakang troli tetap transparan di mobile */
   #_mobile_cart .blockcart,
   #_desktop_cart .blockcart {
       background-color: transparent !important;
       background: transparent !important;
       box-shadow: none !important;
   }

   /* Memastikan ikon dan teks troli tetap putih di mobile */
   #_mobile_cart .blockcart a,
   #_mobile_cart .blockcart i,
   #_mobile_cart .blockcart .cart-products-count {
       color: white !important;
   }

   /* Jika seluruh baris navigasi mobile (menu burger dll) ingin tetap hijau */
   .header-nav {
       background-color: rgb(62, 74, 87) !important;
   }
}



/* -- */
/* sub menu nav */
/* Mengubah background dropdown mata uang dan bahasa di header */

/* Warna dropdown putih bersih */
.languages-selector .dropdown-menu,
.currency-selector .dropdown-menu,
.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Tambah bayangan agar tidak "tenggelam" di body putih */
}

/* Warna teks gelap agar terbaca di latar putih */
.languages-selector .dropdown-item,
.currency-selector .dropdown-item,
.dropdown-item {
    color: #333333 !important;
}

/* Warna saat hover - Hijau Navigasi Utama */
.languages-selector .dropdown-item:hover,
.currency-selector .dropdown-item:hover,
.dropdown-item:hover {
    background-color: #ffffff !important;
    color: rgb(55,109,78) !important;
}

/* Menyesuaikan warna teks pemicu (trigger) sebelum diklik jika perlu */
/* Ubah ke warna yang sesuai dengan header Anda */
/* 
.currency-selector .expand-more, 
.languages-selector .expand-more {
    color: rgb(62, 74,87);
}
*/
/* -- */

/* Mengubah warna teks kontak di header agar tidak putih */
#_desktop_contact_link a {
    color: rgb(175,175,175) !important; 
}

@media (max-width: 767px) {
  #carousel, .carousel-inner, .carousel-item img {
    border-radius: 5px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }
}

.custom-logo-text {
   font-weight: bold;
   font-size: 1.8rem;
   vertical-align: middle;
   margin-left: 5px;
   color: rgb(73, 84, 97) !important; /* Sesuaikan warna */
}