/*
 * Merchado Flow — account-icoon + ingelogde dropdown in de Blocksy-header.
 * D2.18: dropdown in dezelfde stijl als de "Producten"/"Merken"-megamenu
 * (witte kaart, ronde hoeken, zachte schaduw, Inter). D2.19: het icoon zelf
 * is klikbaar (cursor pointer; navigatie via account-link.js).
 */

/* Icoon-trigger klikbaar maken. */
.ct-header-account[data-state="in"] .ct-account-item {
	cursor: pointer;
}

/* De ingelogde dropdown-kaart. */
.ct-header-account[data-state="in"] > ul {
	background: #FFFFFF !important;
	border: 1px solid rgba(29, 29, 27, 0.08) !important;
	border-radius: 18px !important;
	box-shadow: 0 18px 44px rgba(29, 29, 27, 0.14) !important;
	padding: 10px !important;
	min-width: 220px;
	overflow: hidden;
	text-align: left !important;
}

/* Rijen: geen eigen marges/bullets; content lijnt links uit. */
.ct-header-account[data-state="in"] > ul li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	text-align: left !important;
	border: 0 !important;
}

/* Blocksy voegt zelf een <li class="ct-header-account-divider"> toe → weg,
   zodat er niet twee scheidingslijnen boven elkaar staan (klantfeedback). */
.ct-header-account[data-state="in"] > ul li.ct-header-account-divider {
	display: none !important;
}

/* Alle rij-content (naam-blok én links) start op exact dezelfde linkerlijn. */
.ct-header-account[data-state="in"] > ul li > a,
.ct-header-account[data-state="in"] > ul li > .ct-menu-link {
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	padding: 10px 14px !important;
	margin: 0 !important;
	text-align: left !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #1D1D1B !important;
	text-decoration: none !important;
	border-radius: 12px !important;
	transition: background 0.12s ease, color 0.12s ease;
}

/* Menu-links (Dashboard / Uitloggen). */
.ct-header-account[data-state="in"] > ul li > a:hover {
	background: #F5F1E8 !important;
	color: #9E491D !important;
}

/* Naam + e-mail als kop: één divider eronder, links op dezelfde lijn als de links. */
.ct-header-account[data-state="in"] > ul li.ct-header-account-user-info > .ct-menu-link {
	padding: 8px 14px 12px !important;
	margin-bottom: 6px !important;
	border-bottom: 1px solid rgba(29, 29, 27, 0.08) !important;
	border-radius: 0 !important;
	cursor: default;
}
.ct-header-account[data-state="in"] > ul li.ct-header-account-user-info span {
	display: block !important;
	text-align: left !important;
}
.ct-header-account[data-state="in"] > ul li.ct-header-account-user-info b {
	display: block !important;
	font-weight: 600 !important;
	color: #1D1D1B !important;
	line-height: 1.3 !important;
}
.ct-header-account[data-state="in"] > ul li.ct-header-account-user-info small {
	display: block !important;
	margin-top: 2px !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #6b6b66 !important;
	line-height: 1.3 !important;
}