/* ---------------------- */
/* DROPDOWN */
/* ---------------------- */

/* Styling dasar untuk dropdown */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Konten dropdown (tersembunyi secara default) */
.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 8px; /* Menambahkan sudut melengkung */
}

/* Tautan di dalam dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border-radius: 8px;
}

/* Mengubah warna tautan saat di-hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Menampilkan konten dropdown saat di-hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Styling tambahan untuk dropdown "My Bio & Work" */
.dropdown-bio {
  margin-right: 1rem;
}

/* --- Gaya w3 dropdown yang diedit --- */
.custom-navbar {
  color: white;
}

.w3-bar-item:hover, .w3-dropdown-content a:hover {
  background-color: #c1771c !important; /* Hover oranye */
  color: white !important;
}

.w3-dropdown-content {
  background-color: white;
  border: 1px solid #ccc;
  min-width: 160px;
  z-index: 1000;
}

.w3-dropdown-content a {
  color: #000;
}

/* Custom gradient background for buttons */
.custom-gradient-bg {
  background-image: linear-gradient(to right, #4CAF50, #8BC34A); /* A nice green gradient */
  color: white;
}

/* Hover effect for buttons */
.custom-gradient-bg:hover {
  opacity: 0.9;
}

/* Dropdown menu container styling */
.dropdown-content-green {
  background-color: white;
  border: 1px solid #e0e0e0;
}

/* Links inside the dropdown */
.dropdown-content-green a {
  color: #305414; /* Dark green text */
}

/* Hover effect for dropdown links */
.dropdown-content-green a:hover {
  background-color: #f1f1f1;
}

/* Pastikan konten dropdown bisa sejajar dengan header */
.custom-navbar .w3-dropdown-hover {
  position: static; /* Mengubah posisi agar dropdown mengikuti lebar header */
}

/* Aturan CSS baru untuk konten dropdown */
.w3-dropdown-content.dropdown-full-width {
  position: absolute; /* Mengubah posisi menjadi absolut */
  left: 0;
  right: 0;
  width: 100%; /* Lebar 100% dari parent (header) */
  background-color: #2d5016 !important; /* Warna latar belakang yang diminta */
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  z-index: 100; /* Pastikan di atas konten lain */
}

.dropdown-full-width a {
  color: white !important; /* Warna teks putih agar kontras */
  text-align: center; /* Teks di tengah */
}

.custom-navbar .w3-dropdown-hover {
  position: static;
}

.w3-dropdown-content.dropdown-full-width {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #2d5016 !important;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  z-index: 100;
  text-align: right; /* Teks rata kanan */
}

.dropdown-full-width a {
  color: white !important;
  padding-right: 20px; /* Tambahkan padding agar tidak terlalu mepet ke kanan */
  display: block;
  width: 100%;
}