/**
 * Feature: Prihlasovací dropdown v hlavičke (Avada Login Box)
 *
 * Verzia: 1.0.0
 *
 * PREČO SAMOSTATNÝ SÚBOR:
 *   Tieto pravidlá boli pôvodne v `account/moj-ucet-formulare.css`. Celý
 *   priečinok `account/` sa načítava len na stránke Môjho účtu — lenže tento
 *   blok štýluje profilový dropdown v HLAVIČKE, ktorý je na každej stránke.
 *   Po zagatovaní teda prihlasovací formulár v menu prišiel o štýly a rozpadol
 *   sa (polia bez rámu, rozhádzané odkazy „Zabudli ste heslo?" a „Registrovať").
 *
 *   Priečinok zámerne nie je v mape `melino_cf_podmienky()`, takže sa načítava
 *   globálne — presne ako hlavička, ktorú obsluhuje.
 *
 * Scope: len neprihlásený profilový dropdown a Avada Login Box.
 *
 * @package Melino
 */

.avada-menu-login-box,
.fusion-login-box {
	--zz-border: rgba(0, 0, 0, 0.12);
	--zz-border-strong: rgba(0, 0, 0, 0.22);
	--zz-muted: rgba(0, 0, 0, 0.55);
	--zz-surface: #fff;
	--zz-surface-soft: var(--awb-color2, #f5f5f5);
	--zz-accent-dark: var(--awb-color6, #0a3019);
	--zz-accent: var(--awb-color5, #cafc87);
	--zz-radius: 12px;
	--zz-radius-sm: 8px;
}

/* === ŠPECIÁLNA POLOŽKA MENU: PROFIL DROPDOWN === */

.avada-menu-login-box .awb-menu__sub-ul_main {
	width: min(340px, calc(100vw - 32px)) !important;
	min-width: min(340px, calc(100vw - 32px)) !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.avada-menu-login-box .awb-menu__account-li {
	width: 100% !important;
	padding: 20px !important;
	margin: 0 !important;
	border: 1px solid var(--zz-border);
	border-radius: var(--zz-radius);
	background: var(--zz-surface) !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
}

.avada-menu-login-box form[name="loginform"] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 !important;
	padding: 0 !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
}

.avada-menu-login-box .awb-menu__input-wrap {
	position: relative;
	display: block;
	width: 100%;
	min-height: 56px;
	margin: 0 !important;
	padding: 0 !important;
}

.avada-menu-login-box .awb-menu__input-wrap > label.screen-reader-text,
.avada-menu-login-box .awb-menu__input-wrap > label.hidden {
	position: absolute !important;
	top: 19px;
	left: 18px;
	display: block !important;
	visibility: visible !important;
	clip: auto !important;
	clip-path: none !important;
	width: auto !important;
	height: auto !important;
	max-width: calc(100% - 32px);
	margin: 0 !important;
	padding: 0 4px !important;
	overflow: hidden !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	z-index: 2;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: var(--awb-color6, #0a3019) !important;
	opacity: .5;
	background: transparent;
	transition: top 0.18s ease, left 0.18s ease, font-size 0.18s ease, opacity 0.18s ease;
}

.avada-menu-login-box .awb-menu__input-wrap:focus-within > label.screen-reader-text,
.avada-menu-login-box .awb-menu__input-wrap:focus-within > label.hidden,
.avada-menu-login-box .awb-menu__input-wrap:has(.input-text:not(:placeholder-shown)) > label.screen-reader-text,
.avada-menu-login-box .awb-menu__input-wrap:has(.input-text:not(:placeholder-shown)) > label.hidden,
.avada-menu-login-box .awb-menu__input-wrap:has(.input-text:-webkit-autofill) > label.screen-reader-text,
.avada-menu-login-box .awb-menu__input-wrap:has(.input-text:-webkit-autofill) > label.hidden {
	top: 14px;
	left: 14px;
	font-size: 11px;
	opacity: 1;
}

.avada-menu-login-box .awb-menu__input-wrap .input-text {
	width: 100% !important;
	height: 56px !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 18px 16px 6px !important;
	border: 1px solid var(--zz-border-strong) !important;
	border-radius: var(--zz-radius-sm) !important;
	background: var(--zz-surface) !important;
	box-shadow: none !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: .05em;
	color: var(--awb-color6, #0a3019) !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.avada-menu-login-box .awb-menu__input-wrap .input-text::placeholder {
	color: transparent !important;
}

.avada-menu-login-box .awb-menu__input-wrap:focus-within .input-text {
	border-color: var(--zz-accent-dark) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(202, 252, 135, 0.35) !important;
}

.avada-menu-login-box .awb-menu__login-remember {
	display: flex !important;
	align-items: center;
	gap: 9px;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	color: var(--awb-color6, #0a3019) !important;
	cursor: pointer;
}

.avada-menu-login-box .awb-menu__login-remember input[type="checkbox"] {
	flex: 0 0 auto;
	margin: 0 !important;
	accent-color: var(--zz-accent-dark);
}

.avada-menu-login-box .awb-menu__login-links {
	display: block !important;
	width: 100%;
	margin: 4px 0 0 !important;
	padding: 0 !important;
}

.avada-menu-login-box .awb-menu__login-links input[type="submit"],
.avada-menu-login-box input[name="wp-submit"] {
	width: 100% !important;
	margin: 0 !important;
	padding: 17px 24px !important;
	border: 0 !important;
	border-radius: var(--zz-radius) !important;
	background: var(--zz-accent-dark) !important;
	box-shadow: none !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--zz-accent) !important;
	cursor: pointer;
	transition: background 0.18s ease, color 0.18s ease;
}

.avada-menu-login-box .awb-menu__login-links input[type="submit"]:hover,
.avada-menu-login-box .awb-menu__login-links input[type="submit"]:focus-visible,
.avada-menu-login-box input[name="wp-submit"]:hover,
.avada-menu-login-box input[name="wp-submit"]:focus-visible {
	background: #000 !important;
	color: var(--zz-accent) !important;
	outline: none !important;
}

.avada-menu-login-box .awb-menu__login-reg {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.avada-menu-login-box .awb-menu__login-reg a,
.avada-menu-login-box .zz-avada-lost-password-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	color: var(--awb-color6, #0a3019) !important;
	text-align: center;
	text-decoration: none !important;
}

.avada-menu-login-box .awb-menu__login-reg a:hover,
.avada-menu-login-box .awb-menu__login-reg a:focus-visible,
.avada-menu-login-box .zz-avada-lost-password-link:hover,
.avada-menu-login-box .zz-avada-lost-password-link:focus-visible {
	text-decoration: underline !important;
	text-underline-offset: 3px;
	outline: none;
}

/* === AVADA LOGIN BOX ELEMENT — ak zostane v mega menu alebo inde === */

.fusion-login-box {
	padding: 20px !important;
	border: 1px solid var(--zz-border);
	border-radius: var(--zz-radius);
	background: var(--zz-surface) !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
}

.fusion-login-box .fusion-login-caption:empty,
.fusion-login-box .fusion-login-caption[style*="display: none"] {
	display: none !important;
}

.fusion-login-box .fusion-login-form,
.fusion-login-box .fusion-login-fields {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 !important;
	padding: 0 !important;
}

.fusion-login-box .fusion-login-input-wrapper {
	position: relative;
	display: block;
	width: 100%;
	min-height: 56px;
	margin: 0 !important;
	padding: 0 !important;
}

.fusion-login-box .fusion-login-input-wrapper > label.fusion-hidden-content {
	position: absolute !important;
	top: 19px;
	left: 18px;
	display: block !important;
	visibility: visible !important;
	clip: auto !important;
	clip-path: none !important;
	width: auto !important;
	height: auto !important;
	max-width: calc(100% - 32px);
	margin: 0 !important;
	padding: 0 4px !important;
	overflow: hidden !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	z-index: 2;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: var(--awb-color6, #0a3019) !important;
	opacity: .5;
	background: transparent;
	transition: top 0.18s ease, left 0.18s ease, font-size 0.18s ease, opacity 0.18s ease;
}

.fusion-login-box .fusion-login-input-wrapper:focus-within > label.fusion-hidden-content,
.fusion-login-box .fusion-login-input-wrapper:has(.input-text:not(:placeholder-shown)) > label.fusion-hidden-content,
.fusion-login-box .fusion-login-input-wrapper:has(.input-text:-webkit-autofill) > label.fusion-hidden-content {
	top: 14px;
	left: 14px;
	font-size: 11px;
	opacity: 1;
}

.fusion-login-box .fusion-login-input-wrapper .input-text {
	width: 100% !important;
	height: 56px !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 18px 16px 6px !important;
	border: 1px solid var(--zz-border-strong) !important;
	border-radius: var(--zz-radius-sm) !important;
	background: var(--zz-surface) !important;
	box-shadow: none !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: .05em;
	color: var(--awb-color6, #0a3019) !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.fusion-login-box .fusion-login-input-wrapper .input-text::placeholder {
	color: transparent !important;
}

.fusion-login-box .fusion-login-input-wrapper:focus-within .input-text {
	border-color: var(--zz-accent-dark) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(202, 252, 135, 0.35) !important;
}

.fusion-login-box .awb-user-pw-reveal {
	position: relative;
	display: block;
}

.fusion-login-box .awb-user-pw-reveal .input-text {
	padding-right: 48px !important;
}

.fusion-login-box .awb-user-pw-reveal-icon {
	position: absolute !important;
	top: 50% !important;
	right: 14px !important;
	transform: translateY(-50%);
	z-index: 3;
	color: var(--awb-color6, #0a3019) !important;
	cursor: pointer;
}

.fusion-login-box .fusion-login-additional-content,
.fusion-login-box .fusion-login-submit-wrapper,
.fusion-login-box .fusion-login-links {
	display: block !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.fusion-login-box .fusion-login-button {
	width: 100% !important;
	margin: 4px 0 0 !important;
	padding: 17px 24px !important;
	border: 0 !important;
	border-radius: var(--zz-radius) !important;
	background: var(--zz-accent-dark) !important;
	box-shadow: none !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--zz-accent) !important;
	cursor: pointer;
	transition: background 0.18s ease, color 0.18s ease;
}

.fusion-login-box .fusion-login-button:hover,
.fusion-login-box .fusion-login-button:focus-visible {
	background: #000 !important;
	color: var(--zz-accent) !important;
	outline: none !important;
}

.fusion-login-box .fusion-login-remember-me {
	display: flex !important;
	align-items: center;
	gap: 9px;
	margin: 10px 0 0 !important;
	padding: 0 !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	color: var(--awb-color6, #0a3019) !important;
	cursor: pointer;
}

.fusion-login-box .fusion-login-remember-me input[type="checkbox"] {
	flex: 0 0 auto;
	margin: 0 !important;
	accent-color: var(--zz-accent-dark);
}

.fusion-login-box .zz-avada-lost-password-link {
	display: block !important;
	margin: 10px 0 0 !important;
	padding: 0 !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	color: var(--awb-color6, #0a3019) !important;
	text-align: center;
	text-decoration: none !important;
}

.fusion-login-box .zz-avada-lost-password-link:hover,
.fusion-login-box .zz-avada-lost-password-link:focus-visible {
	text-decoration: underline !important;
	text-underline-offset: 3px;
	outline: none;
}