/*
 * Môj účet — prihlásenie aj stránky prihláseného zákazníka.
 *
 * Biely box stránky (článok Astry) má na desktope šírku obsahu 1200px, viď
 * sirka.css. Tu mu vraciame vnútorné odsadenie, aby sa menu účtu a text
 * nelepili na jeho hrany, a obsah účtu skladáme do kariet v štýle webu:
 * zaoblenie, tmavozelená #183f22 pre aktívnu položku a tlačidlá.
 */

/* ------------------------------------------------------- Biely box */

/**
 * Hlavička je na tejto stránke priehľadná a leží cez obsah (position:
 * absolute) — biely box začína úplne hore pod ňou. Horné odsadenie preto
 * musí najprv preskočiť výšku hlavičky (76px desktop, ~70px mobil) a až
 * potom pridať vlastnú medzeru, inak sa začiatok obsahu schová pod lištu.
 */
body.woocommerce-account #content #primary .site-main > article {
	padding-top: 116px;
	padding-bottom: 64px;
}

@media (min-width: 922px) {
	body.woocommerce-account #content #primary .site-main > article {
		padding: 124px 48px 80px;
	}
}

/* ---------------------------------------------------- Prihlásenie */

/**
 * WooCommerce kreslí nadpis a formulár priamo do .woocommerce, cez celú
 * šírku boxu — pri 1200px to bol dlhý prázdny pás s jedným políčkom.
 * Formulár zúžime na kartu na stred; rovnako formulár zabudnutého hesla.
 */
body.woocommerce-account:not(.logged-in) .woocommerce > h2,
body.woocommerce-account:not(.logged-in) .woocommerce > form.woocommerce-form-login,
body.woocommerce-account:not(.logged-in) .woocommerce > form.woocommerce-ResetPassword,
body.woocommerce-account:not(.logged-in) .woocommerce > form.lost_reset_password {
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
}

body.woocommerce-account:not(.logged-in) .woocommerce > h2 {
	margin-bottom: 24px;
	text-align: center;
}

body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login,
body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-ResetPassword,
body.woocommerce-account:not(.logged-in) .woocommerce form.lost_reset_password {
	padding: 32px;
	border: 1px solid #e3e8e4;
	border-radius: 16px;
	background-color: #ffffff;
	box-shadow: 0 8px 24px rgba(24, 63, 34, 0.06);
}

body.woocommerce-account:not(.logged-in) .woocommerce form .form-row {
	width: 100%;
	margin-bottom: 16px;
	padding: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .input-text {
	border-radius: 10px;
}

/* „Zapamätať si ma“ nad tlačidlom, tlačidlo cez celú šírku karty. */
body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0 16px;
	font-weight: 400;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-login__rememberme input {
	margin: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit,
body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-ResetPassword button[type="submit"] {
	display: block;
	width: 100%;
	margin: 0;
	float: none;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-LostPassword {
	margin: 16px 0 0;
	text-align: center;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-LostPassword a {
	color: #183f22;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* --------------------------------------------- Prihlásený zákazník */

/* Menu účtu ako karta: položky s odsadením, aktívna v brandovej zelenej. */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 8px;
	overflow: hidden;
	border: 1px solid #e3e8e4;
	border-radius: 16px;
	background-color: #ffffff;
	list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	margin: 0;
	border: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 12px 16px;
	border-radius: 10px;
	color: #183f22;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus-visible {
	background-color: #f0f5f1;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background-color: #183f22;
	color: #ffffff;
	font-weight: 600;
}

/* Odhlásenie oddelené od zvyšku menu — iný druh akcie. */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #e3e8e4;
}

/* Obsah vedľa menu nech nezačína hneď pri ňom. */
@media (min-width: 922px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 280px;
	}

	body.woocommerce-account .woocommerce-MyAccount-content {
		width: calc(100% - 280px - 48px);
	}
}

@media (max-width: 921px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: 24px;
	}
}

body.woocommerce-account .woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}