/* Shared account menu/header widget styles
 * Extracted from the former shared frontend layer after run 1.18.291.
 * Keep here because these components are rendered in multiple contexts.
 */

.mvy-account-menu{align-items: center;
	display: inline-flex;
	font-family: inherit;
	gap: 8px;
	position: relative;
	vertical-align: middle;
	z-index: 20;}

.mvy-account-menu-item{align-items: center;
	display: flex;}

.mvy-account-menu-header-slot{align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	margin-left: 10px;
	position: relative;
	z-index: 30;}

.mvy-account-menu-hidden-header-search{display: none !important;}

.mvy-account-menu__guest-link,
.mvy-account-menu__trigger{align-items: center;
	background: #fff;
	border: 1px solid rgba(47, 107, 255, 0.18);
	border-radius: 999px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
	color: #172033;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	gap: 9px;
	min-height: 42px;
	padding: 6px 13px;
	text-decoration: none;
	white-space: nowrap;}

.mvy-account-menu__guest-link--primary{background: linear-gradient(135deg, #2f6bff, #8b5cf6);
	color: #fff;}

.mvy-account-menu__avatar{align-items: center;
	background: linear-gradient(135deg, #2f6bff, #8b5cf6);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 800;
	height: 30px;
	justify-content: center;
	overflow: hidden;
	width: 30px;}

.mvy-account-menu__avatar img{display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;}

.mvy-account-menu__identity{display: flex;
	flex-direction: column;
	gap: 1px;
	line-height: 1.1;
	min-width: 0;
	text-align: left;}

.mvy-account-menu__name{font-size: 13px;
	font-weight: 800;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;}

.mvy-account-menu__badge{color: #5b6475;
	font-size: 11px;
	font-weight: 700;}

.mvy-account-menu__chevron{color: #647084;
	font-size: 13px;
	margin-left: 1px;}

.mvy-account-menu__dropdown{background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 18px;
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.17);
	display: none;
	min-width: 220px;
	padding: 8px;
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	z-index: 999;}

.mvy-account-menu.is-open .mvy-account-menu__dropdown{display: grid;
	gap: 2px;}

.mvy-account-menu__item{border-radius: 12px;
	color: #172033;
	display: block;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 11px;
	text-decoration: none;}

.mvy-account-menu__item:hover,
.mvy-account-menu__item:focus{background: rgba(47, 107, 255, 0.08);
	color: #214fd6;
	outline: none;}

.mvy-account-menu__separator{border-top: 1px solid rgba(15, 23, 42, 0.1);
	display: block;
	margin: 6px 4px;}

.mvy-account-menu__item--danger{color: #b42318;}

@media (max-width: 520px){
.mvy-account-menu__name{max-width: 100px;}
.mvy-account-menu__dropdown{left: auto;
		max-width: min(86vw, 280px);
		right: 0;}
}

/* Run 1.18.443 – chat access and unread indicators */
.mvy-account-menu__notification-badge,
.mvy-account-menu__item-badge{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-weight:950;
  line-height:1;
  box-shadow:0 0 0 3px rgba(239,68,68,.14);
}
.mvy-account-menu__notification-badge{margin-left:2px}
.mvy-account-menu__item{
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.mvy-account-menu__item span:first-child{min-width:0}
.mvy-account-menu__item{display:flex;}

/* Run 1.18.599 – mobile role menu icon mapping and guest menu refinement */
.mvy-mobile-role-menu[hidden]{display:none!important}
.mvy-mobile-role-menu{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:stretch;
  pointer-events:none;
  font-family:inherit;
}
.mvy-mobile-role-menu__backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.54);
  opacity:0;
  transition:opacity .16s ease;
}
.mvy-mobile-role-menu__panel{
  position:relative;
  width:100%;
  height:100%;
  max-height:100dvh;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:18px 18px max(22px, env(safe-area-inset-bottom));
  background:
    radial-gradient(680px 330px at 12% -4%, rgba(47,107,255,.30), transparent 60%),
    radial-gradient(620px 320px at 94% 10%, rgba(139,92,246,.26), transparent 58%),
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,13,24,.98));
  color:#fff;
  box-shadow:-24px 0 80px rgba(2,6,23,.35);
  transform:translateY(12px) scale(.985);
  opacity:0;
  transition:transform .16s ease, opacity .16s ease;
  outline:none;
}
.mvy-mobile-role-menu.is-open{pointer-events:auto}
.mvy-mobile-role-menu.is-open .mvy-mobile-role-menu__backdrop{opacity:1}
.mvy-mobile-role-menu.is-open .mvy-mobile-role-menu__panel{opacity:1;transform:translateY(0) scale(1)}
html.mvy-mobile-role-menu-is-open,
body.mvy-mobile-role-menu-is-open{overflow:hidden!important;touch-action:none}
.mvy-mobile-role-menu__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.mvy-mobile-role-menu__head strong{display:block;font-size:23px;line-height:1.05;font-weight:950;letter-spacing:-.45px;color:#fff}
.mvy-mobile-role-menu__eyebrow{display:block;margin-bottom:4px;color:rgba(255,255,255,.58);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.mvy-mobile-role-menu__close{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:31px;line-height:1;cursor:pointer;box-shadow:0 16px 34px rgba(2,6,23,.22)}
.mvy-mobile-role-menu__close:hover,.mvy-mobile-role-menu__close:focus{background:rgba(255,255,255,.14);outline:none}
.mvy-mobile-role-menu__identity{position:relative;overflow:hidden;margin:0 0 18px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.07));box-shadow:0 22px 60px rgba(2,6,23,.24);backdrop-filter:blur(12px)}
.mvy-mobile-role-menu__identity::before{content:"";position:absolute;inset:auto -20% -60% 18%;height:150px;background:radial-gradient(circle, rgba(139,92,246,.38), transparent 68%);pointer-events:none}
.mvy-mobile-role-menu__identity--user{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-areas:"avatar copy" "stats stats" "logout logout";gap:13px;align-items:center}
.mvy-mobile-role-menu__identity--guest h2,.mvy-mobile-role-menu__identity--user h2{position:relative;margin:2px 0 4px;color:#fff;font-size:21px;line-height:1.14;font-weight:950;letter-spacing:-.4px}
.mvy-mobile-role-menu__identity--guest p,.mvy-mobile-role-menu__identity--user p{position:relative;margin:0;color:rgba(255,255,255,.70);font-size:13px;line-height:1.45;word-break:break-word}
.mvy-mobile-role-menu__identity-badge{position:relative;display:inline-flex;align-items:center;width:max-content;margin-bottom:3px;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg, rgba(47,107,255,.28), rgba(139,92,246,.28));color:#dbe6ff;font-size:12px;font-weight:900}
.mvy-mobile-role-menu__avatar{grid-area:avatar;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#2f6bff,#8b5cf6);color:#fff;font-weight:950;box-shadow:0 14px 30px rgba(47,107,255,.24)}
.mvy-mobile-role-menu__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.mvy-mobile-role-menu__identity-copy{grid-area:copy;min-width:0}
.mvy-mobile-role-menu__stats{grid-area:stats;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:3px;position:relative}
.mvy-mobile-role-menu__stats span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10)}
.mvy-mobile-role-menu__stats strong{font-size:21px;line-height:1;font-weight:950;color:#fff}
.mvy-mobile-role-menu__stats small{color:rgba(255,255,255,.66);font-size:12px;font-weight:800;text-align:right}
.mvy-mobile-role-menu__identity-actions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.mvy-mobile-role-menu__identity-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.10);color:#fff;font-size:14px;font-weight:900;text-decoration:none}
.mvy-mobile-role-menu__identity-actions a.is-primary{border-color:transparent;background:linear-gradient(135deg,#2f6bff,#8b5cf6);box-shadow:0 16px 32px rgba(47,107,255,.24)}
.mvy-mobile-role-menu__nav{display:grid;gap:10px}
.mvy-mobile-role-menu__section-label{display:block;margin:2px 2px 1px;color:rgba(255,255,255,.50);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.mvy-mobile-role-menu__section-label--account{margin-top:10px}
.mvy-mobile-role-menu__list{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.mvy-mobile-role-menu__item{margin:0;padding:0;list-style:none}
.mvy-mobile-role-menu__item a{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.075);color:rgba(255,255,255,.92);font-size:16px;font-weight:900;line-height:1.18;text-decoration:none;box-shadow:0 12px 30px rgba(2,6,23,.12);transition:background .14s ease, border-color .14s ease, transform .14s ease}
.mvy-mobile-role-menu__item a:hover,.mvy-mobile-role-menu__item a:focus{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);outline:none;transform:translateY(-1px)}
.mvy-mobile-role-menu__item.is-current a,.mvy-mobile-role-menu__item.current-menu-item a,.mvy-mobile-role-menu__item.current_page_item a{border-color:rgba(139,92,246,.52);background:linear-gradient(135deg, rgba(47,107,255,.92), rgba(139,92,246,.92));box-shadow:0 18px 42px rgba(47,107,255,.24)}
.mvy-mobile-role-menu__item-icon{position:relative;display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:13px;background:linear-gradient(135deg, rgba(47,107,255,.20), rgba(139,92,246,.26));border:1px solid rgba(255,255,255,.12);color:#dfe8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.mvy-mobile-role-menu__item-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.mvy-mobile-role-menu__item-icon svg circle[fill="currentColor"]{fill:currentColor;stroke:none}
.mvy-mobile-role-menu__item-icon--cart{background:linear-gradient(135deg, rgba(47,107,255,.34), rgba(139,92,246,.40));color:#fff;border-color:rgba(139,92,246,.42)}
.mvy-mobile-role-menu__item-icon--tools{background:linear-gradient(135deg, rgba(245,158,11,.18), rgba(139,92,246,.28));color:#fff4d7}
.mvy-mobile-role-menu__item-icon--dashboard{background:linear-gradient(135deg, rgba(34,197,94,.16), rgba(47,107,255,.26));color:#dcfce7}
.mvy-mobile-role-menu__item-icon--author-dashboard{background:linear-gradient(135deg, rgba(139,92,246,.24), rgba(47,107,255,.20));color:#f0e9ff}
.mvy-mobile-role-menu__item-icon--buyer-dashboard{background:linear-gradient(135deg, rgba(47,107,255,.22), rgba(34,197,94,.14));color:#dbeafe}
.mvy-mobile-role-menu__item-count{position:absolute;right:-7px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#2f6bff,#8b5cf6);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;line-height:1;border:1px solid rgba(255,255,255,.36);box-shadow:0 8px 16px rgba(47,107,255,.28)}
.mvy-mobile-role-menu__item-label{min-width:0;overflow-wrap:normal;word-break:normal}
.mvy-mobile-role-menu__list--account .mvy-mobile-role-menu__item a{background:rgba(255,255,255,.045);color:rgba(255,255,255,.84)}
.mvy-mobile-role-menu__list--account .mvy-mobile-role-menu__item-icon{background:rgba(255,255,255,.08)}
@media (min-width:1000px){.mvy-mobile-role-menu{display:none!important}}
@media (max-width:380px){.mvy-mobile-role-menu__panel{padding-inline:14px}.mvy-mobile-role-menu__identity-actions{grid-template-columns:1fr}.mvy-mobile-role-menu__item a{font-size:15px}}
@media (prefers-reduced-motion:reduce){.mvy-mobile-role-menu__backdrop,.mvy-mobile-role-menu__panel,.mvy-mobile-role-menu__item a{transition:none!important}}

/* 1.18.605 - guest overlay temporarily bypassed, logged-in overlay kept */
.mvy-mobile-role-menu__logout{grid-area:logout;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:0;padding:10px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.085);color:rgba(255,255,255,.90);font-size:14px;font-weight:900;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.mvy-mobile-role-menu__logout:hover,.mvy-mobile-role-menu__logout:focus{background:rgba(255,255,255,.13);color:#fff;outline:none}
.mvy-mobile-role-menu__logout svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* v1.18.673 – personal credit in mobile identity card */
.mvy-mobile-role-menu__stats span.mvy-mobile-role-menu__stats-credit{grid-column:1 / -1;background:linear-gradient(135deg,rgba(47,107,255,.20),rgba(139,92,246,.18));border-color:rgba(139,92,246,.25)}
