/* aMember + Prime Dashboard panel coexistence tweaks */

body.prime-member .amember-page-body {
  margin-top: 12px;
}

body.prime-member .amember-page-body .am-form,
body.prime-member .amember-page-body form {
  max-width: 640px;
}

body.prime-member .main-content-container {
  position: relative;
  z-index: 1;
}

/* Ensure SPA views hide/show like panel.html */
body.prime-member .content-view {
  display: none;
}

body.prime-member .content-view.active-view {
  display: block;
}

/* Welcome pill look on top-right (match screenshot) */
body.prime-member .profile-dropdown {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border-radius: 999px;
  padding: 6px 12px 6px 16px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
  border: 1px solid #eef2f7;
}

body.prime-member .profile-dropdown img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

body.prime-member .admin_name {
  font-weight: 600;
  color: var(--text-dark, #0f172a);
  white-space: nowrap;
}

/* Logout icon in sidebar user card */
body.prime-member .profile-details a#logout-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

body.prime-member .profile-details a#logout-btn i {
  font-size: 22px;
}

/* Hide legacy premium-tools-shop resource/category UI if aMember still injects it */
body.prime-member .ng-tools-wrap,
body.prime-member .ng-pts-categories,
body.prime-member .ng-tool-search,
body.prime-member .ng-tools-grid--fastclicks,
body.prime-member .ng-fastclicks-tool,
body.prime-member .ng-useful-links,
body.prime-member #member-resources {
  display: none !important;
}

/* Keep auth pages on their own stylesheets */
body.pts-auth {
  /* unchanged — login/signup use layout-login */
}

/* Plans view: isolate from legacy theme.css */
body.prime-member #plans.plans-container,
body.prime-member #plans .plans-container,
body.prime-member .plans-container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 10px 20px;
  width: 100%;
}

body.prime-member .plans-header .plans-badge {
  color: var(--primary-color, #5D48FF);
}

body.prime-member .new-plan-card.popular-card {
  border: 2px solid #5d48ff;
}

body.prime-member .floating-best-choice,
body.prime-member .choose-plan-btn.active-btn {
  background: #5d48ff;
  color: #ffffff;
}

body.prime-member .choose-plan-btn.active-btn:hover {
  background: #4338ca;
}

body.prime-member .plan-badge-top,
body.prime-member .view-tools-btn {
  color: #5d48ff;
}

body.prime-member .view-tools-btn {
  border-color: #5d48ff;
  background: transparent;
}

body.prime-member a.choose-plan-btn,
body.prime-member .choose-plan-btn {
  text-decoration: none !important;
  color: #0f172a;
  background: #f4f6fb;
}

body.prime-member a.choose-plan-btn.active-btn,
body.prime-member .choose-plan-btn.active-btn {
  color: #ffffff !important;
  background: #5d48ff !important;
}

body.prime-member .plan-features-list,
body.prime-member .plan-features-list li {
  list-style: none;
  color: #1e293b;
  text-decoration: none;
}

body.prime-member .plan-features-list li .text-red-cross {
  color: #94a3b8;
  text-decoration: line-through !important;
}

body.prime-member .custom-select-wrapper.open .custom-options {
  display: block;
}

/* More Links: grey toggle by default; solid purple only with .active (child page).
   Submenu keeps light lavender active/hover (not solid primary). */
body.prime-member .sidebar .nav-links li.nav-item-dropdown > a.dropdown-btn:not(.active),
body.prime-member .sidebar .nav-links li.nav-item-dropdown > a.dropdown-btn:not(.active):hover {
  background: transparent !important;
  color: var(--text-light, #64748b) !important;
  box-shadow: none !important;
}

body.prime-member .sidebar .nav-links li.nav-item-dropdown > a.dropdown-btn:not(.active):hover {
  background: var(--bg-gray, #f1f5f9) !important;
  color: var(--text-dark, #0f172a) !important;
}

body.prime-member .sidebar .nav-links li.nav-item-dropdown .dropdown-container li a:hover,
body.prime-member .sidebar .nav-links li.nav-item-dropdown .dropdown-container li a.active {
  color: var(--primary-color, #5d48ff) !important;
  background: var(--bg-blue, #e0e7ff) !important;
  box-shadow: none !important;
}