/*
 * R18-N (storefront 0.3.9) — account entry: round icon after the cart (header tools, mobile +
 * desktop) and the button at the top of the off-canvas menu. Same dark/gold glass language as the
 * header tools (elementor-layout.css A21) and the account page.
 * Guest: thin gold ring. Signed in: gold icon + small gold dot. The dot is absolutely positioned
 * and always in the markup, so switching state never moves anything.
 */

/* Header icon */
body.dmv-design .dmv-tools .dmv-acct,
body.dmv-design .dmv-header__tools .dmv-acct {
	box-sizing: border-box; flex: none;
	border: 1px solid rgba(200, 155, 107, .42); color: #E8E8EA;
}
body.dmv-design .dmv-tools .dmv-acct:hover,
body.dmv-design .dmv-header__tools .dmv-acct:hover { border-color: #C89B6B; background: rgba(200, 155, 107, .12); color: #FFFFFF; }
body.dmv-design .dmv-tools .dmv-acct.is-in,
body.dmv-design .dmv-header__tools .dmv-acct.is-in { color: #C89B6B; border-color: rgba(200, 155, 107, .7); }
body.dmv-design .dmv-header__tools .dmv-acct { width: 44px; height: 44px; }

/* Desktop row 2 draws its tools at 38px: keep a 44px touch target without changing the layout. */
body.dmv-design .dmv-hdr__tools .dmv-acct::before {
	content: ""; position: absolute; inset: -3px; border-radius: 999px;
}

/* Signed-in dot */
.dmv-acct__dot {
	position: absolute; top: 6px; inset-inline-end: 6px; width: 9px; height: 9px; border-radius: 50%;
	background: #C89B6B; box-shadow: 0 0 0 2px #0B0B0D; pointer-events: none;
	opacity: 0; transform: scale(.4); transition: opacity .2s, transform .2s;
}
.dmv-acct.is-in .dmv-acct__dot { opacity: 1; transform: none; }
body.dmv-design .dmv-hdr__tools .dmv-acct__dot { top: 4px; inset-inline-end: 4px; }
.dmv-account-btn .dmv-acct__dot { display: none; }

/* Off-canvas: account first, as a button */
body.dmv-design .dmv-oc__acct {
	display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 14px;
	border-radius: 16px; border: 1px solid rgba(200, 155, 107, .45);
	background: rgba(200, 155, 107, .1); color: #FFFFFF; text-decoration: none;
	font-size: 16px; font-weight: 700; line-height: 1.4;
	transition: background-color .2s, border-color .2s;
}
body.dmv-design .dmv-oc__acct:hover,
body.dmv-design .dmv-oc__acct:focus-visible { background: rgba(200, 155, 107, .18); border-color: #C89B6B; color: #FFFFFF; }
.dmv-oc__acct-ico {
	position: relative; display: inline-flex; flex: none; align-items: center; justify-content: center;
	width: 38px; height: 38px; border-radius: 50%; background: rgba(200, 155, 107, .16); color: #C89B6B;
}
.dmv-oc__acct-ico .dmv-acct__dot { top: 1px; inset-inline-end: 1px; }
.dmv-oc__acct .dmv-acct__label { flex: 1; }

@media (prefers-reduced-motion: reduce) {
	.dmv-acct__dot { transition: none; }
}