/**
 * Feature: Môj účet – formuláre (floating labels)
 * Verzia:  1.0.1
 *
 * Prenáša vizuál formulárových polí z pokladne (woocommerce-pokladna)
 * na formuláre v sekcii Môj účet — Detaily účtu aj úprava adries.
 *
 * Rozmery a farby zrkadlia pokladna.css (input 56px, radius 8px,
 * focus ring rgba(202,252,135,.35)). Ak sa zmenia v pokladni,
 * treba ich zosúladiť aj tu.
 *
 * Stavové triedy .is-focused / .is-filled na .form-row dopĺňa
 * moj-ucet-formulare.js — rovnaký mechanizmus ako v pokladni.
 *
 * Scope: .woocommerce-MyAccount-content — nič mimo obsahu Môj účet
 * tento súbor neovplyvní.
 */

.woocommerce-MyAccount-content {
	--zz-border-strong: rgba(0, 0, 0, 0.22);
	--zz-muted: rgba(0, 0, 0, 0.55);
	--zz-surface: #fff;
	--zz-accent-dark: var(--awb-color6, #0a3019);
	--zz-radius-sm: 8px;
}

/* === RIADKY FORMULÁRA === */

.woocommerce-MyAccount-content .form-row {
	position: relative;
	margin: 0 0 12px !important;
	padding: 0 !important;
	float: none !important;
	width: 100% !important;
	display: block;
	min-height: 56px;
}

.woocommerce-MyAccount-content .woocommerce-input-wrapper,
.woocommerce-MyAccount-content .password-input {
	display: block;
	width: 100%;
	position: relative;
}

/* === LABELY (floating) === */

.woocommerce-MyAccount-content .form-row > label:not(.woocommerce-form__label-for-checkbox) {
	position: absolute;
	top: 19px;
	left: 18px;
	margin: 0;
	padding: 0 4px;
	pointer-events: none;
	transition: top 0.18s ease, left 0.18s ease, font-size 0.18s ease, color 0.18s ease, background 0.18s ease;
	color: var(--awb-color6) !important;
	opacity: .5;
	font-size: 15px;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-weight: 400;
	line-height: 1;
	background: transparent;
	max-width: calc(100% - 32px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 2;
}

.woocommerce-MyAccount-content .form-row > label .required,
.woocommerce-MyAccount-content .form-row > label abbr.required {
	border: 0;
	text-decoration: none;
	color: inherit;
	margin-left: 2px;
}

.woocommerce-MyAccount-content .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-MyAccount-content .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox) {
	top: 14px;
	left: 14px;
	font-size: 11px;
	color: var(--awb-color6);
	opacity: 1;
}

/* Fallback pre autofill v Chromium prehliadačoch — keby autofill
   prebehol bez input eventu, label ostane vo floatnutom stave.
   Samostatný blok: vo Firefoxe sa selektor zahodí bez vplyvu na zvyšok. */
.woocommerce-MyAccount-content .form-row:has(.input-text:-webkit-autofill) > label:not(.woocommerce-form__label-for-checkbox) {
	top: 14px;
	left: 14px;
	font-size: 11px;
	opacity: 1;
}

/* === POLIA === */

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

.woocommerce-MyAccount-content .form-row textarea {
	height: auto;
	min-height: 96px;
	padding-top: 25px !important;
	padding-bottom: 12px;
	resize: vertical;
}

.woocommerce-MyAccount-content .form-row:has(textarea) > label {
	top: 14px;
}

.woocommerce-MyAccount-content .form-row.is-focused .input-text,
.woocommerce-MyAccount-content .form-row.is-focused select,
.woocommerce-MyAccount-content .form-row.is-focused textarea {
	border-color: var(--zz-accent-dark);
	outline: none;
	box-shadow: 0 0 0 3px rgba(202, 252, 135, 0.35);
}

.woocommerce-MyAccount-content .form-row .input-text::placeholder,
.woocommerce-MyAccount-content .form-row textarea::placeholder {
	color: transparent;
}

/* === SELECT (natívny + select2 pri výbere krajiny v adresách) === */

.woocommerce-MyAccount-content .form-row select {
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/></svg>");
	background-repeat: no-repeat;
	background-position: right 16px center;
	padding-right: 36px;
}

.woocommerce-MyAccount-content .form-row .select2-container--default .select2-selection--single {
	height: 56px;
	padding: 18px 16px 6px;
	border: 1px solid var(--zz-border-strong);
	border-radius: var(--zz-radius-sm);
	background: var(--zz-surface);
	line-height: 1.3;
}

.woocommerce-MyAccount-content .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
	top: 6px;
	position: relative;
	padding: 0;
	line-height: 1.3;
	color: inherit;
	font-size: 15px;
}

.woocommerce-MyAccount-content .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
	border: none;
}

.woocommerce-MyAccount-content .form-row.is-focused .select2-container--default .select2-selection--single {
	border-color: var(--zz-accent-dark);
	box-shadow: 0 0 0 3px rgba(202, 252, 135, 0.35);
}

/* === HESLOVÉ POLIA (ikona oka, ktorú WC pridáva cez JS) === */

.woocommerce-MyAccount-content .form-row .password-input .input-text {
	padding-right: 48px;
}

.woocommerce-MyAccount-content .show-password-input {
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	min-height: 0;
	line-height: 1;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--awb-color6);
	cursor: pointer;
	z-index: 3;
}

/* Ukazovateľ sily hesla (vkladá ho WooCommerce pri zmene hesla) */
.woocommerce-MyAccount-content .woocommerce-password-strength,
.woocommerce-MyAccount-content .woocommerce-password-hint {
	margin-top: 6px;
	font-size: 13px;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
}

.woocommerce-password-strength {
	font-size: 14px;
    padding: 4px 10px;
    border-radius: 6px;
    margin-top: 10px;
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
    color: red;
    background: #ffd6d6;
}

.woocommerce-password-strength.good {
    background: #fff0d1;
    color: #ff8000;
}

.woocommerce-password-strength.strong {
	background: var(--awb-color5);
	color: var(--awb-color6);
}

/* === POPIS POD POĽOM (Zobraziť meno) === */

.woocommerce-MyAccount-content #account_display_name_description {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	color: var(--zz-muted);
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
}

/* === FIELDSET „ZMENA HESLA" === */

.woocommerce-MyAccount-content fieldset {
	border: 0 !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
}

.woocommerce-MyAccount-content fieldset legend {
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent;
	font-size: 20px;
	font-family: "SeasonSansTRIAL-Bold", sans-serif;
	color: var(--awb-color6);
}

/* ==========================================================================
   AVADA LOGIN DROPDOWN / LOGIN BOX — rovnaký vizuál ako Môj účet
   Scope: len neprihlásený profilový dropdown a Avada Login Box.
   ========================================================================== */

.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;
}


/* ========================================================================== 
   PUBLIC ACCOUNT FORMS — registrácia / prihlásenie / obnova hesla
   Rovnaký vizuál polí ako Môj účet + pokladňa.
   ========================================================================== */

.zz-b2c-registration,
.woocommerce-page .woocommerce form.woocommerce-form-login,
.woocommerce-page .woocommerce form.login,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword,
.woocommerce-page .woocommerce form.lost_reset_password,
.woocommerce-account .woocommerce form.woocommerce-form-login,
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword,
.woocommerce-account .woocommerce form.lost_reset_password {
	--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-accent-dark: var(--awb-color6, #0a3019);
	--zz-accent: var(--awb-color5, #cafc87);
	--zz-radius: 8px;
	--zz-radius-lg: 12px;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
}

/* Serverový/PHP nadpis v custom registrácii nechceme renderovať. */
.zz-b2c-registration > h1 {
	display: none !important;
}

.zz-b2c-registration form.woocommerce-form-register,
.woocommerce-page .woocommerce form.woocommerce-form-login,
.woocommerce-page .woocommerce form.login,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword,
.woocommerce-page .woocommerce form.lost_reset_password,
.woocommerce-account .woocommerce form.woocommerce-form-login,
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword,
.woocommerce-account .woocommerce form.lost_reset_password {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.zz-b2c-registration .form-row,
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row,
.woocommerce-page .woocommerce form.login .form-row,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row,
.woocommerce-page .woocommerce form.lost_reset_password .form-row,
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row,
.woocommerce-account .woocommerce form.login .form-row,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row,
.woocommerce-account .woocommerce form.lost_reset_password .form-row {
	position: relative;
	display: block;
	float: none !important;
	width: 100% !important;
	min-height: 56px;
	margin: 0 !important;
	padding: 0 !important;
}

.zz-b2c-registration .woocommerce-input-wrapper,
.zz-b2c-registration .password-input,
.woocommerce-page .woocommerce form.woocommerce-form-login .woocommerce-input-wrapper,
.woocommerce-page .woocommerce form.login .woocommerce-input-wrapper,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .woocommerce-input-wrapper,
.woocommerce-page .woocommerce form.lost_reset_password .woocommerce-input-wrapper,
.woocommerce-page .woocommerce form.woocommerce-form-login .password-input,
.woocommerce-page .woocommerce form.login .password-input,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .password-input,
.woocommerce-page .woocommerce form.lost_reset_password .password-input,
.woocommerce-account .woocommerce form.woocommerce-form-login .woocommerce-input-wrapper,
.woocommerce-account .woocommerce form.login .woocommerce-input-wrapper,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .woocommerce-input-wrapper,
.woocommerce-account .woocommerce form.lost_reset_password .woocommerce-input-wrapper,
.woocommerce-account .woocommerce form.woocommerce-form-login .password-input,
.woocommerce-account .woocommerce form.login .password-input,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .password-input,
.woocommerce-account .woocommerce form.lost_reset_password .password-input {
	display: block;
	position: relative;
	width: 100%;
}

.zz-b2c-registration .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.login .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.lost_reset_password .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.login .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.lost_reset_password .form-row > label:not(.woocommerce-form__label-for-checkbox) {
	position: absolute;
	top: 19px;
	left: 18px;
	z-index: 2;
	max-width: calc(100% - 32px);
	margin: 0;
	padding: 0 4px;
	border: 0;
	background: transparent;
	color: var(--awb-color6, #0a3019) !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	opacity: .5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
	transition: top 0.18s ease, left 0.18s ease, font-size 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}

.zz-b2c-registration .form-row > label .required,
.zz-b2c-registration .form-row > label abbr.required,
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row > label .required,
.woocommerce-page .woocommerce form.login .form-row > label .required,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row > label .required,
.woocommerce-page .woocommerce form.lost_reset_password .form-row > label .required,
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row > label .required,
.woocommerce-account .woocommerce form.login .form-row > label .required,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row > label .required,
.woocommerce-account .woocommerce form.lost_reset_password .form-row > label .required {
	border: 0;
	text-decoration: none;
	color: inherit;
	margin-left: 2px;
}

.zz-b2c-registration .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.zz-b2c-registration .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox),
.zz-b2c-registration .form-row:has(.input-text:-webkit-autofill) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.login .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.login .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.lost_reset_password .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.lost_reset_password .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.login .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.login .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.lost_reset_password .form-row.is-focused > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.lost_reset_password .form-row.is-filled > label:not(.woocommerce-form__label-for-checkbox) {
	top: 14px;
	left: 14px;
	font-size: 11px;
	opacity: 1;
}

.zz-b2c-registration .form-row .input-text,
.zz-b2c-registration .form-row input[type="text"],
.zz-b2c-registration .form-row input[type="email"],
.zz-b2c-registration .form-row input[type="password"],
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row .input-text,
.woocommerce-page .woocommerce form.login .form-row .input-text,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row .input-text,
.woocommerce-page .woocommerce form.lost_reset_password .form-row .input-text,
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row .input-text,
.woocommerce-account .woocommerce form.login .form-row .input-text,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row .input-text,
.woocommerce-account .woocommerce form.lost_reset_password .form-row .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) !important;
	background: var(--zz-surface) !important;
	box-shadow: none !important;
	color: var(--awb-color6, #0a3019) !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: .05em;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.zz-b2c-registration .form-row .input-text::placeholder,
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row .input-text::placeholder,
.woocommerce-page .woocommerce form.login .form-row .input-text::placeholder,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row .input-text::placeholder,
.woocommerce-page .woocommerce form.lost_reset_password .form-row .input-text::placeholder,
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row .input-text::placeholder,
.woocommerce-account .woocommerce form.login .form-row .input-text::placeholder,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row .input-text::placeholder,
.woocommerce-account .woocommerce form.lost_reset_password .form-row .input-text::placeholder {
	color: transparent !important;
}

.zz-b2c-registration .form-row.is-focused .input-text,
.zz-b2c-registration .form-row:focus-within .input-text,
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row.is-focused .input-text,
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row:focus-within .input-text,
.woocommerce-page .woocommerce form.login .form-row.is-focused .input-text,
.woocommerce-page .woocommerce form.login .form-row:focus-within .input-text,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row.is-focused .input-text,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row:focus-within .input-text,
.woocommerce-page .woocommerce form.lost_reset_password .form-row.is-focused .input-text,
.woocommerce-page .woocommerce form.lost_reset_password .form-row:focus-within .input-text,
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row.is-focused .input-text,
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row:focus-within .input-text,
.woocommerce-account .woocommerce form.login .form-row.is-focused .input-text,
.woocommerce-account .woocommerce form.login .form-row:focus-within .input-text,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row.is-focused .input-text,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row:focus-within .input-text,
.woocommerce-account .woocommerce form.lost_reset_password .form-row.is-focused .input-text,
.woocommerce-account .woocommerce form.lost_reset_password .form-row: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;
}

.zz-b2c-registration .form-row .password-input .input-text,
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row .password-input .input-text,
.woocommerce-page .woocommerce form.login .form-row .password-input .input-text,
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row .password-input .input-text,
.woocommerce-account .woocommerce form.login .form-row .password-input .input-text {
	padding-right: 48px !important;
}

.zz-b2c-registration .show-password-input,
.woocommerce-page .woocommerce form.woocommerce-form-login .show-password-input,
.woocommerce-page .woocommerce form.login .show-password-input,
.woocommerce-account .woocommerce form.woocommerce-form-login .show-password-input,
.woocommerce-account .woocommerce form.login .show-password-input {
	position: absolute !important;
	top: 50% !important;
	right: 14px !important;
	z-index: 3;
	transform: translateY(-50%);
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--awb-color6, #0a3019) !important;
	cursor: pointer;
}

.zz-b2c-registration .woocommerce-Button,
.zz-b2c-registration .button,
.woocommerce-page .woocommerce form.woocommerce-form-login .woocommerce-button,
.woocommerce-page .woocommerce form.woocommerce-form-login .button,
.woocommerce-page .woocommerce form.login .woocommerce-button,
.woocommerce-page .woocommerce form.login .button,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .button,
.woocommerce-page .woocommerce form.lost_reset_password .woocommerce-Button,
.woocommerce-page .woocommerce form.lost_reset_password .button,
.woocommerce-account .woocommerce form.woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce form.woocommerce-form-login .button,
.woocommerce-account .woocommerce form.login .woocommerce-button,
.woocommerce-account .woocommerce form.login .button,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .button,
.woocommerce-account .woocommerce form.lost_reset_password .woocommerce-Button,
.woocommerce-account .woocommerce form.lost_reset_password .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 210px;
	min-height: 50px !important;
	margin: 4px 0 0 !important;
	padding: 15px 24px !important;
	border: 0 !important;
	border-radius: var(--zz-radius) !important;
	background: var(--zz-accent) !important;
	box-shadow: none !important;
	color: var(--zz-accent-dark) !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;
	text-align: center;
	cursor: pointer;
	transition: background 0.18s ease, color 0.18s ease;
}

.zz-b2c-registration .woocommerce-Button:hover,
.zz-b2c-registration .button:hover,
.woocommerce-page .woocommerce form.woocommerce-form-login .button:hover,
.woocommerce-page .woocommerce form.login .button:hover,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .button:hover,
.woocommerce-page .woocommerce form.lost_reset_password .button:hover,
.woocommerce-account .woocommerce form.woocommerce-form-login .button:hover,
.woocommerce-account .woocommerce form.login .button:hover,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .button:hover,
.woocommerce-account .woocommerce form.lost_reset_password .button:hover,
.zz-b2c-registration .woocommerce-Button:focus-visible,
.zz-b2c-registration .button:focus-visible,
.woocommerce-page .woocommerce form.woocommerce-form-login .button:focus-visible,
.woocommerce-page .woocommerce form.login .button:focus-visible,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .button:focus-visible,
.woocommerce-page .woocommerce form.lost_reset_password .button:focus-visible,
.woocommerce-account .woocommerce form.woocommerce-form-login .button:focus-visible,
.woocommerce-account .woocommerce form.login .button:focus-visible,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .button:focus-visible,
.woocommerce-account .woocommerce form.lost_reset_password .button:focus-visible {
	background: var(--zz-accent-dark) !important;
	color: var(--zz-accent) !important;
	outline: none !important;
}

.woocommerce-page .woocommerce form.woocommerce-form-login .woocommerce-form__label-for-checkbox,
.woocommerce-page .woocommerce form.login .woocommerce-form__label-for-checkbox,
.woocommerce-account .woocommerce form.woocommerce-form-login .woocommerce-form__label-for-checkbox,
.woocommerce-account .woocommerce form.login .woocommerce-form__label-for-checkbox {
	display: inline-flex !important;
	align-items: center;
	gap: 9px;
	margin: 0 18px 0 8px !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;
}

.woocommerce-page .woocommerce form.woocommerce-form-login .woocommerce-LostPassword,
.woocommerce-page .woocommerce form.login .woocommerce-LostPassword,
.woocommerce-account .woocommerce form.woocommerce-form-login .woocommerce-LostPassword,
.woocommerce-account .woocommerce form.login .woocommerce-LostPassword {
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 14px !important;
	line-height: 1.35;
}

.woocommerce-page .woocommerce form.woocommerce-form-login a,
.woocommerce-page .woocommerce form.login a,
.woocommerce-account .woocommerce form.woocommerce-form-login a,
.woocommerce-account .woocommerce form.login a,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword a,
.woocommerce-page .woocommerce form.lost_reset_password a,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword a,
.woocommerce-account .woocommerce form.lost_reset_password a {
	color: var(--awb-color6, #0a3019) !important;
	text-decoration: none;
}

.woocommerce-page .woocommerce form.woocommerce-form-login a:hover,
.woocommerce-page .woocommerce form.login a:hover,
.woocommerce-account .woocommerce form.woocommerce-form-login a:hover,
.woocommerce-account .woocommerce form.login a:hover,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword a:hover,
.woocommerce-page .woocommerce form.lost_reset_password a:hover,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword a:hover,
.woocommerce-account .woocommerce form.lost_reset_password a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.woocommerce-page .woocommerce form.woocommerce-ResetPassword > p:not(.form-row),
.woocommerce-page .woocommerce form.lost_reset_password > p:not(.form-row),
.woocommerce-account .woocommerce form.woocommerce-ResetPassword > p:not(.form-row),
.woocommerce-account .woocommerce form.lost_reset_password > p:not(.form-row) {
	margin: 0 0 18px !important;
	padding: 0 !important;
	color: var(--awb-color6, #0a3019) !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

.woocommerce-page .woocommerce form.woocommerce-ResetPassword .clear,
.woocommerce-page .woocommerce form.lost_reset_password .clear,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .clear,
.woocommerce-account .woocommerce form.lost_reset_password .clear {
	display: none !important;
}

@media (max-width: 640px) {
	.zz-b2c-registration .woocommerce-Button,
	.zz-b2c-registration .button,
	.woocommerce-page .woocommerce form.woocommerce-form-login .button,
	.woocommerce-page .woocommerce form.login .button,
	.woocommerce-page .woocommerce form.woocommerce-ResetPassword .button,
	.woocommerce-page .woocommerce form.lost_reset_password .button,
	.woocommerce-account .woocommerce form.woocommerce-form-login .button,
	.woocommerce-account .woocommerce form.login .button,
	.woocommerce-account .woocommerce form.woocommerce-ResetPassword .button,
	.woocommerce-account .woocommerce form.lost_reset_password .button {
		width: 100% !important;
		min-width: 0;
	}
}

/* -------------------------------------------------------------------------
 * Hotfix: verejné account formuláre
 * ---------------------------------------------------------------------- */
.zz-b2c-registration .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.login .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-page .woocommerce form.lost_reset_password .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.login .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form.lost_reset_password .form-row:not(.is-focused):not(.is-filled) > label:not(.woocommerce-form__label-for-checkbox) {
	top: 19px !important;
	left: 18px !important;
	font-size: 15px !important;
	opacity: .55 !important;
}

.zz-b2c-registration .form-row .input-text::placeholder,
.woocommerce-page .woocommerce form.woocommerce-form-login .form-row .input-text::placeholder,
.woocommerce-page .woocommerce form.login .form-row .input-text::placeholder,
.woocommerce-page .woocommerce form.woocommerce-ResetPassword .form-row .input-text::placeholder,
.woocommerce-page .woocommerce form.lost_reset_password .form-row .input-text::placeholder,
.woocommerce-account .woocommerce form.woocommerce-form-login .form-row .input-text::placeholder,
.woocommerce-account .woocommerce form.login .form-row .input-text::placeholder,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row .input-text::placeholder,
.woocommerce-account .woocommerce form.lost_reset_password .form-row .input-text::placeholder {
	color: transparent !important;
}

.zz-b2c-registration .zz-registration-privacy-notice {
	width: 100% !important;
	max-width: 720px !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	color: var(--awb-color6, #0a3019) !important;
	font-family: "SeasonSansTRIAL-Regular", sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
}

.zz-b2c-registration .zz-registration-privacy-notice a {
	color: var(--awb-color6, #0a3019) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

.zz-b2c-registration .zz-registration-privacy-notice strong {
	font-weight: 700 !important;
}