/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 08 2026 | 08:12:05 */
/* =========================
   WP SAFE DROPDOWN
   ========================= */

.wp-safe-dropdown {
  width: 100%;
  margin: 20px 0;
  font-family: inherit;
}

/* MENU */
.wp-safe-dropdown .wpd-active-menu {
  width: 100%;
  background: #9676c1;
  color: #fff;
  padding: 12px 16px;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  font-weight: 600;
  box-sizing: border-box;
}

.wp-safe-dropdown .wpd-active-menu::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  transition: .3s ease;
}

.wp-safe-dropdown .wpd-active-menu.active::after {
  transform: translateY(-50%) rotate(-135deg);
}

/* DROPDOWN LIST */
.wp-safe-dropdown .wpd-menu-list {
  display: none;
  width: 100%;
  background: transparent;
	color: var(--pc-body-color);
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}

.wp-safe-dropdown .wpd-menu-list.active {
  display: block;
}

.wp-safe-dropdown .wpd-item {
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 600;
}

.wp-safe-dropdown .wpd-item:hover {
  background: #B6A3D9;
}

.wp-safe-dropdown .wpd-item.active {
  color: #9676c1;
}

/* CONTENT */
.wp-safe-dropdown .wpd-content {
  display: none;
  margin-top: 16px;
  background: transparent;
  color: var(--pc-body-color);
  padding: 18px;
border: 5px;
	border-color: #9676c1;
  border-radius: 12px;
  box-sizing: border-box;
}

.wp-safe-dropdown .wpd-content.active {
  display: block;
}

/* =========================
   SPEAKER TAG (CSS VARIABLE)
   ========================= */

.wp-safe-dropdown .speaker {
  color: var(--c, #9676c1);
  font-weight: 700;
  font-size: 0.95em;
  line-height: 1.4;

  padding: 2px 6px;
  border-radius: 6px;

  background-color: color-mix(
    in srgb,
    var(--c) 18%,
    transparent
  );

  display: inline-block;
  margin-right: 2px;
  white-space: nowrap;

  transition: 
    color .2s ease,
    background-color .2s ease;
}

.wp-safe-dropdown .speaker:hover {
  background-color: color-mix(
    in srgb,
    var(--c) 28%,
    transparent
  );
}

/* Dark mode aman */
@media (prefers-color-scheme: dark) {
  .wp-safe-dropdown .speaker {
    filter: brightness(1.05);
  }
}