/**
 * Login/Signup Modal — Figma-matched styling
 * Figma node: 25917:49971
 */

/* Modal box: 12px border radius per Figma */
#account-modal .ct-account-modal {
	border-radius: 12px !important;
	overflow: hidden;
}

/* Hide the close button bar (removes X icon and horizontal line) */
#account-modal > .ct-panel-actions {
	display: none !important;
}

/* Remove horizontal line below tabs — reset any border/shadow on the ul and li elements */
#account-modal .ct-account-modal > ul {
	border-bottom: none !important;
	box-shadow: none !important;
}

#account-modal .ct-account-modal > ul > li {
	border-bottom: none !important;
	box-shadow: none !important;
}

/* ==========================================================================
   Account Dropdown (logged-in hover menu) — z-index fix
   Task: 86ex8ud2r
   ========================================================================== */

/* The account dropdown <ul> has z-index:15 (parent theme) but is trapped
   inside the middle header row's stacking context (z-index:2). The bottom
   navigation row sits at z-index:4, so the dropdown renders behind it.
   Lift the containing row above the nav row on hover/focus — same pattern
   used for the Info dropdown in header.css (lines 355-358). */
@media (min-width: 1025px) {
	#header [data-row]:has(.ct-header-account:hover),
	#header [data-row]:has(.ct-header-account:focus-within) {
		position: relative;
		z-index: 101;
	}
}

/* Show the user-info item (avatar + name) at the top of the dropdown.
   The element is present in the DOM but hidden — force it visible. */
.ct-header-account > ul > li.ct-header-account-user-info {
	display: list-item !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
}