/* =========================================
   ECOCARBO — NATIVE ASTRA ACCOUNT DROPDOWN
   file: /assets/css/ec-account-dropdown.css
========================================= */

.ast-header-account-wrap.ec-account-has-dropdown,
.ast-header-account.ec-account-has-dropdown{
	position:relative!important;
}

.ec-native-account-dropdown{
	position:absolute!important;
	top:calc(100% + 8px)!important;
	right:0!important;
	left:auto!important;
	width:310px!important;
	max-width:calc(100vw - 32px)!important;
	padding:18px!important;
	background:#ffffff!important;
	border:1px solid rgba(15,23,42,.08)!important;
	border-radius:16px!important;
	box-shadow:0 24px 60px rgba(15,23,42,.16)!important;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translateY(8px);
	transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
	z-index:99999!important;
	box-sizing:border-box!important;
}

.ec-native-account-dropdown::before{
	content:"";
	position:absolute;
	top:-8px;
	right:18px;
	width:16px;
	height:16px;
	background:#ffffff;
	border-left:1px solid rgba(15,23,42,.08);
	border-top:1px solid rgba(15,23,42,.08);
	transform:rotate(45deg);
}

.ec-native-account-dropdown::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:-18px;
	height:18px;
	background:transparent;
}

.ec-account-has-dropdown:hover > .ec-native-account-dropdown,
.ec-account-has-dropdown:focus-within > .ec-native-account-dropdown{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:translateY(0);
}

.ec-native-account-form{
	display:block!important;
	margin:0!important;
	padding:0!important;
}

.ec-native-account-form input{
	display:block!important;
	width:100%!important;
	min-height:44px!important;
	margin:0 0 12px!important;
	padding:10px 12px!important;
	border:1px solid rgba(15,23,42,.16)!important;
	border-radius:9px!important;
	background:#ffffff!important;
	color:#111827!important;
	font-size:15px!important;
	line-height:1.3!important;
	box-sizing:border-box!important;
}

.ec-native-account-form input:focus{
	outline:none!important;
	border-color:#2f7d32!important;
	box-shadow:0 0 0 3px rgba(47,125,50,.14)!important;
}

.ec-native-account-submit{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	min-height:44px!important;
	margin:2px 0 0!important;
	padding:12px!important;
	border:0!important;
	border-radius:9px!important;
	background:#2f7d32!important;
	color:#ffffff!important;
	font-weight:700!important;
	font-size:15px!important;
	line-height:1.2!important;
	text-align:center!important;
	white-space:normal!important;
	cursor:pointer!important;
	box-sizing:border-box!important;
	writing-mode:horizontal-tb!important;
	text-orientation:mixed!important;
}

.ec-native-account-submit:hover{
	background:#256628!important;
	color:#ffffff!important;
}

.ec-native-account-panel{
	display:block!important;
	margin:0!important;
	padding:0!important;
}

.ec-native-account-greeting{
	margin:0 0 12px!important;
	color:#111827!important;
	font-size:14px!important;
	line-height:1.45!important;
}

.ec-native-account-links{
	margin-top:12px!important;
	display:flex!important;
	flex-direction:column!important;
	gap:7px!important;
}

.ec-native-account-links a{
	display:inline-flex!important;
	color:#2f7d32!important;
	font-size:13px!important;
	line-height:1.35!important;
	text-decoration:none!important;
}

.ec-native-account-links a:hover{
	text-decoration:underline!important;
}

@media (max-width:768px){
	.ec-native-account-dropdown{
		right:-52px!important;
	}
}