/* Container & Judul Sidebar Merah Soft */
.sidebar, .block {
  text-align: center;
}

.sidebar h2, .block .title, .sidebar-title {
  text-align: center;
  color: #c94c4c !important;
  border-bottom: 2px solid #e8a7a7 !important;
  padding-bottom: 6px;
}

/* Menu Teks Rata Tengah + Animasi Hover Merah Soft */
.sidebar ul li a, .block ul li a {
  display: block;
  padding: 9px 12px;
  color: #b54242 !important; /* Font Merah Soft */
  text-decoration: none;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #f5d3d3;
  background-color: #fff8f8;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Efek Saat Kursor Diarahkan (Hover) */
.sidebar ul li a:hover, .block ul li a:hover {
  color: #ffffff !important; /* Font berubah jadi putih */
  background: linear-gradient(135deg, #e57373 0%, #c94c4c 100%) !important; /* Gradasi Merah Soft */
  border-color: #c94c4c !important;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 6px 15px rgba(201, 76, 76, 0.25); /* Soft Red Glow */
}

/* Banner / Gambar dengan Cahaya Merah Soft Saat Hover */
.sidebar img, .block img {
  display: block;
  margin: 0 auto 10px auto;
  border: 1px solid #f2d6d6;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.sidebar img:hover, .block img:hover {
  transform: translateY(-4px) scale(1.03);
  border-color: #e57373 !important;
  box-shadow: 0 8px 20px rgba(229, 115, 115, 0.25);
}