/**
 * Doplnkové funkcie – prepínač Prihlásenie / Registrácia (Môj účet).
 *
 * Štýly sa aplikujú až po inicializácii JS (trieda .df-lr-init),
 * bez JavaScriptu ostáva pôvodné dvojstĺpcové rozloženie WooCommerce.
 *
 * Akcentovú farbu záložiek možno zmeniť prepísaním --df-lr-accent.
 */

/* Záložky – segmentový prepínač v dizajne webu (plné modré aktívne tlačidlo) */
.df-lr-tabs {
	--df-lr-accent: #174b80;
	display: flex;
	gap: 10px;
	margin: 0 0 24px;
}

/* Vyššia špecificita + !important: prebíja globálne štýly tlačidiel témy/Elementoru */
.df-lr-tabs button.df-lr-tab {
	flex: 1 1 50%;
	background: #fff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 5px !important;
	color: #333 !important;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.4;
	padding: 13px 18px;
	margin: 0;
	cursor: pointer;
	text-align: center;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	box-shadow: none !important;
	text-transform: none;
	opacity: 1;
}

.df-lr-tabs button.df-lr-tab:hover,
.df-lr-tabs button.df-lr-tab:focus {
	background: #fff !important;
	border-color: var(--df-lr-accent) !important;
	color: var(--df-lr-accent) !important;
	outline: none;
}

.df-lr-tabs button.df-lr-tab.df-lr-active,
.df-lr-tabs button.df-lr-tab.df-lr-active:hover,
.df-lr-tabs button.df-lr-tab.df-lr-active:focus {
	background: var(--df-lr-accent) !important;
	border-color: var(--df-lr-accent) !important;
	color: #fff !important;
}

/* Panely – zrušenie dvojstĺpcového rozloženia, viditeľný len aktívny */
#customer_login.df-lr-init {
	display: block;
	height: auto !important;
}

#customer_login.df-lr-init .u-column1,
#customer_login.df-lr-init .u-column2 {
	display: none;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	height: auto !important;
	min-height: 0 !important;
}

#customer_login.df-lr-init[data-df-panel="login"] .u-column1,
#customer_login.df-lr-init[data-df-panel="register"] .u-column2 {
	display: block;
}

/*
 * Skripty tém vyrovnávajúce výšku stĺpcov nastavujú formulárom pevnú
 * inline výšku zmeranú pri načítaní – po prepnutí panelu by obsah
 * pretiekol cez okraj karty do pätičky. Výška musí vychádzať z obsahu
 * (!important prebíja inline style).
 */
#customer_login.df-lr-init form.woocommerce-form-login,
#customer_login.df-lr-init form.woocommerce-form-register {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
}

/* Nadpisy „Prihlásenie“ / „Registrovať sa“ nahrádzajú záložky */
#customer_login.df-lr-init .u-column1 > h2,
#customer_login.df-lr-init .u-column2 > h2 {
	display: none;
}