/* ============================================================
   Header account dropdown — match SPA sidebar look + add icons.
   Targets the WC menu items rendered by Flatsome's account-links.
   ============================================================ */

.p68-acc-link {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.p68-acc-link > a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: 100% !important;
  padding: 8px 14px !important;
  margin: 0!important;
  border-radius: 6px;
  transition: background .15s ease, color .15s ease;
}
.p68-acc-link > a:hover {
  background: rgba(255,255,255,.06);
}

/* Icon glyph -- generated from Lucide-style SVG via mask. ---- */
.p68-acc-link > a::before {
  content: '';
  flex-shrink: 0;
  width: 18px; height: 18px;
  background: currentColor;
  -webkit-mask: var(--p68m, none) no-repeat center / contain;
          mask: var(--p68m, none) no-repeat center / contain;
  opacity: .9;
}
.p68-acc-link--dashboard       > a { --p68m: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12l9-9 9 9'/><path d='M5 10v10h14V10'/></svg>"); }
.p68-acc-link--orders          > a { --p68m: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 8L12 3 3 8v8l9 5 9-5z'/><path d='M3 8l9 5 9-5'/><path d='M12 13v8'/></svg>"); }
.p68-acc-link--downloads       > a { --p68m: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='M7 10l5 5 5-5'/><path d='M5 21h14'/></svg>"); }
.p68-acc-link--edit-address    > a { --p68m: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 1 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>"); }
.p68-acc-link--edit-account    > a { --p68m: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>"); }
.p68-acc-link--password        > a { --p68m: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>"); }
.p68-acc-link--customer-logout > a { --p68m: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><path d='M16 17l5-5-5-5'/><path d='M21 12H9'/></svg>"); }

/* Logout link picks up the danger accent. */
.p68-acc-link--customer-logout > a { color: var(--primary-color, #ef4444); }

/* Active item — fills full row width */
.p68-acc-link.is-active > a,
.p68-acc-link[aria-current] > a,
.p68-acc-link > a[aria-current] {
  background: var(--primary-color, #ef4444) !important;
  color: #fff !important;
  font-weight: 600;
}