/* ==========================================================================
   "Pain Points" dropdown for the service pages' custom nav.
   Uses a native <details> so it works without JS in both the desktop bar
   and the mobile drawer.
   ========================================================================== */

.nav-svc {
  position: relative;
}

.nav-svc>summary {
  display: flex;
  align-items: center;
  gap: 7px;
  list-style: none;
  cursor: pointer;
  font-size: 0.905rem;
  font-weight: 500;
  color: var(--muted);
  transition: color 0.18s;
}

.nav-svc>summary::-webkit-details-marker {
  display: none;
}

.nav-svc>summary::marker {
  content: "";
}

.nav-svc>summary:hover,
.nav-svc[open]>summary {
  color: var(--ink);
}

.nav-svc__caret {
  font-size: 0.62em;
  line-height: 1;
  transition: transform 0.18s;
}

.nav-svc[open] .nav-svc__caret {
  transform: rotate(180deg);
}

.nav-svc__menu {
  display: flex;
  flex-direction: column;
}

/* Current page: the page you are on stays visible in the menu */
.nav-svc.is-current>summary {
  color: var(--ink);
  font-weight: 600;
}

.nav-svc__menu a.is-current {
  color: var(--ink);
  font-weight: 600;
}

.nav-svc__menu a.is-current::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 7px;
  border-radius: 50%;
  background: var(--accent, #d28a19);
  vertical-align: middle;
}

/* Desktop: floating panel under the toggle */
@media (min-width: 1001px) {
  .nav-svc__menu {
    position: absolute;
    top: calc(100% + 10px);
    left: -14px;
    min-width: 216px;
    padding: 8px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 22px 44px -24px rgba(15, 31, 36, 0.45);
    z-index: 80;
  }

  .nav-svc__menu a {
    padding: 9px 12px;
    border-radius: 9px;
    color: var(--muted);
  }

  .nav-svc__menu a:hover {
    background: var(--tint);
    color: var(--ink);
  }

  .nav-svc__menu a.is-current {
    background: var(--tint);
  }
}

/* Mobile drawer: nested list flows inline */
@media (max-width: 1000px) {
  .nav-svc>summary {
    padding: 13px 4px;
    border-bottom: 1px solid var(--line-2);
  }

  .nav-svc__menu {
    padding-left: 14px;
  }

  .nav-svc__menu a {
    border-bottom: 1px solid var(--line-2);
    font-size: 0.9rem;
    color: var(--muted);
  }
}

/* The service list follows the entity switcher, matching the stage cards:
   Dormant (Sdn Bhd) <-> No Business Activity (Sole Prop) */
[data-entity="soleprop"] a.nav-entity-sdn,
:root:not([data-entity="soleprop"]) a.nav-entity-sole {
  display: none !important;
}