/* =========================================================
   Sodlita – paskyra (prisijungimas, meniu, valdymo skydas)

   Ikeliama tik `is_account_page()` puslapiuose (inc/assets.php).
   Remiasi main.css tokenais; sava spalvu cia nera.
   ========================================================= */

/* ---------- Bendras isdestymas ---------- */

/*
 * Paskyra rodoma per page.php, todel paveldi `.entry-single` 820px riba.
 * Straipsniui tai teisinga, paskyrai – ne: cia du stulpeliai.
 */
.woocommerce-account .entry-single,
.woocommerce-account .entry-content,
.woocommerce-account .woocommerce {
	width: 100%;
	max-width: none;
}
.woocommerce-account .entry-single { margin-bottom: 0; }

.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 268px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
	margin-bottom: 64px;
}

/*
 * WooCommerce pirmuoju vaiku ideda `.woocommerce-notices-wrapper` – daznai
 * tuscia diva. Be sio isdestymo jis uzimdavo pirma langeli, meniu nuslinkdavo
 * i desine, o turinys nukrisdavo i kita eilute. Todel elementai dedami
 * i stulpelius vardais, o ne pagal eiliskuma.
 */
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
	grid-row: 1;
}
/* Tuscias pranesimu blokas pasitaiko ir viduje `.woocommerce-MyAccount-content`. */
.woocommerce-account .woocommerce-notices-wrapper:empty { display: none; }

/*
 * WooCommerce prideda `.woocommerce::before/::after` clearfix. Tinklelyje
 * pseudoelementas tampa pilnaverciu langeliu ir nustumia visa isdestyma,
 * todel jis isjungiamas.
 */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after { display: none; }

.woocommerce-account .account-nav { grid-column: 1; grid-row: 2; }

/*
 * WooCommerce savo stiliuose duoda turiniui `float: right; width: 68%` –
 * likusi 32% skirti jo paties meniu, kuris cia pakeistas savu. Tinklelyje
 * abu nurodymai tik siaurina stulpeli, todel atsaukiami.
 */
.woocommerce-account .woocommerce-MyAccount-content {
	grid-column: 2;
	grid-row: 2;
	float: none;
	width: auto;
	min-width: 0;
}

/* Prisijungimo ekrane meniu nera – tinklelis netaikomas. */
.woocommerce-account:not(.logged-in) .woocommerce {
	display: block;
}

/* ---------- Meniu ---------- */

.account-nav__list {
	margin: 0; padding: 0; list-style: none;
	border: 1px solid var(--c-line);
}
.account-nav__item + .account-nav__item { border-top: 1px solid var(--c-line); }

.account-nav__item a {
	position: relative;
	display: flex; align-items: flex-start; gap: 12px;
	padding: 14px 16px;
	color: var(--c-ink);
	transition: background .16s ease, color .16s ease;
}
/*
 * Aktyvus punktas zymimas raudona juostele kaireje, o ne fono spalva:
 * juostele nesikerta su tekstu ir islieka matoma spausdinant.
 */
.account-nav__item a::before {
	content: ""; position: absolute; left: 0; top: 0; bottom: 0;
	width: 3px; background: var(--c-brand);
	transform: scaleY(0); transform-origin: top;
	transition: transform .26s cubic-bezier(.2, .8, .2, 1);
}
.account-nav__item.is-active a::before,
.account-nav__item a:hover::before { transform: none; }
.account-nav__item a:hover { background: var(--c-bg-muted); }
.account-nav__item.is-active a { background: var(--c-bg-muted); }

.account-nav__icon { flex: none; margin-top: 1px; color: var(--c-brand); }
.account-nav__text { display: grid; gap: 2px; }
.account-nav__label { font-size: 14.5px; font-weight: 700; letter-spacing: -.01em; }
.account-nav__hint { font-size: 12.5px; line-height: 1.4; color: var(--c-ink-soft); }

.account-nav__item--logout .account-nav__icon,
.account-nav__item--logout .account-nav__label { color: var(--c-ink-soft); }

/* ---------- Valdymo skydas ---------- */

.account-dash { display: grid; }

.account-dash__greeting { margin-bottom: 28px; }

.account-dash__eyebrow {
	display: block; margin-bottom: 8px;
	font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
	color: var(--c-brand);
}
.account-dash__title { margin: 0 0 10px; font-size: 28px; font-weight: 800; letter-spacing: -.03em; }
.account-dash__lead { margin: 0; max-width: 620px; color: var(--c-ink-soft); font-size: 15px; }

.account-stats {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 1px; margin: 28px 0;
}
.account-stat { display: grid; gap: 4px; padding: 18px; background: #fff; box-shadow: 0 0 0 1px var(--c-line); }
.account-stat--wide { grid-column: span 2; }
.account-stat__num {
	font-size: 30px; font-weight: 800; line-height: 1;
	letter-spacing: -.03em; font-variant-numeric: tabular-nums;
}
.account-stat__label {
	font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
	color: var(--c-ink-soft);
}
.account-stat__phone {
	display: inline-flex; align-items: center; gap: 8px; margin-top: 2px;
	font-size: 18px; font-weight: 800; letter-spacing: -.02em;
}
.account-stat__phone svg { color: var(--c-brand); }

/* ---------- Paskutinis uzsakymas ---------- */

.account-card {
	position: relative; overflow: hidden;
	padding: 22px; margin-bottom: 28px;
	border: 1px solid var(--c-line);
}
/* Tas pats pasukto kvadrato motyvas kaip korteleje ir hero sekcijoje. */
.account-card::before {
	content: ""; position: absolute; right: -40px; top: -60px;
	width: 170px; height: 170px;
	border: 1px solid rgba(224, 31, 38, .12);
	transform: rotate(24deg);
	pointer-events: none;
}
.account-card > * { position: relative; }
.account-card__title {
	margin: 0 0 16px;
	font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}

.account-order { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 22px 34px; }
.account-order__col { display: grid; gap: 4px; }
.account-order__key {
	font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
	color: var(--c-ink-soft);
}
.account-order__val { font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.account-order__go { margin-left: auto; }

.account-order__status {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 14px; font-weight: 700;
}
.account-order__status::before { content: ""; width: 8px; height: 8px; background: currentColor; }
.account-order__status--processing,
.account-order__status--on-hold { color: #b26a00; }
.account-order__status--completed { color: var(--c-ok); }
.account-order__status--cancelled,
.account-order__status--failed,
.account-order__status--refunded { color: var(--c-err); }

.account-card--empty p { margin: 0 0 18px; color: var(--c-ink-soft); }

/* ---------- Nuorodos ---------- */

/*
 * Linijos piesiamos kiekvieno langelio `box-shadow`, o ne konteinerio fonu.
 * Fono technika reikalauja, kad eilutes butu pilnos: keturi elementai trijose
 * skiltyse palikdavo pilka staciakampi tuscioje vietoje. Sesėliai persidengia
 * i viena plaukelio storio linija ir tuscia vieta lieka balta.
 */
.account-shortcuts {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1px;
}
.account-shortcut {
	display: flex; align-items: center; gap: 11px;
	padding: 16px 18px; background: #fff;
	box-shadow: 0 0 0 1px var(--c-line);
	font-size: 14.5px; font-weight: 700;
	transition: background .16s ease;
}
.account-shortcut:hover { background: var(--c-bg-muted); color: var(--c-ink); }
.account-shortcut__icon { color: var(--c-brand); }
.account-shortcut__go {
	margin-left: auto; color: var(--c-ink-soft);
	transition: transform .26s cubic-bezier(.2, .8, .2, 1);
}
.account-shortcut:hover .account-shortcut__go { transform: translateX(3px); color: var(--c-brand); }

/* ---------- Prisijungimas ir registracija ---------- */

.account-login {
	display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 40px; align-items: start; margin-bottom: 64px;
}
.account-login__forms { display: grid; gap: 1px; background: var(--c-line); border: 1px solid var(--c-line); }
.account-login--single .account-login__forms { grid-template-columns: 1fr; }
.account-login__box { padding: 26px; background: #fff; }

.account-login__eyebrow {
	display: block; margin-bottom: 7px;
	font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
	color: var(--c-brand);
}
.account-login__title { margin: 0 0 20px; font-size: 22px; font-weight: 800; letter-spacing: -.025em; }

.account-login .form-row { display: grid; gap: 6px; margin: 0 0 16px; }
.account-login label { font-size: 13px; font-weight: 700; }
.account-login .required { color: var(--c-brand); border: 0; }
.account-login .input-text {
	width: 100%; padding: 12px 14px;
	border: 1px solid var(--c-line); border-radius: var(--radius);
	font: inherit; font-size: 15px;
	transition: border-color .16s ease, box-shadow .16s ease;
}
.account-login .input-text:focus {
	border-color: var(--c-brand);
	box-shadow: 0 0 0 3px rgba(224, 31, 38, .12);
}

.account-login__actions {
	display: flex !important; flex-wrap: wrap; align-items: center;
	justify-content: space-between; gap: 14px;
}
.account-login__actions label {
	display: inline-flex; align-items: center; gap: 8px;
	font-weight: 500; color: var(--c-ink-soft);
}
.account-login__lost { margin: 0; font-size: 13.5px; }
.account-login__lost a { color: var(--c-ink-soft); text-decoration: underline; text-underline-offset: 3px; }
.account-login__lost a:hover { color: var(--c-brand); }
.account-login__note { margin: 0 0 16px; font-size: 13.5px; color: var(--c-ink-soft); }

/* ---------- Tamsus salutinis blokas ---------- */

.account-benefits {
	position: relative; overflow: hidden;
	padding: 30px 28px;
	background: var(--c-dark); color: var(--c-mute-dark);
}
.account-benefits::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 54px);
}
.account-benefits::after {
	content: ""; position: absolute; right: -60px; top: -80px;
	width: 240px; height: 240px;
	border: 1px solid rgba(255, 255, 255, .16);
	transform: rotate(28deg);
	pointer-events: none;
}
.account-benefits > * { position: relative; }

.account-benefits__eyebrow {
	display: block; margin-bottom: 8px;
	font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
	color: var(--c-brand-on-dark);
}
.account-benefits__title { margin: 0 0 10px; font-size: 23px; font-weight: 800; letter-spacing: -.025em; color: #fff; }
.account-benefits__lead { margin: 0 0 22px; font-size: 14.5px; line-height: 1.6; }

.account-benefits__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 16px; }
.account-benefits__list li { display: flex; align-items: flex-start; gap: 12px; }
.account-benefits__list li > span:last-child { display: grid; gap: 3px; }
.account-benefits__icon { flex: none; margin-top: 1px; color: var(--c-brand-on-dark); }
.account-benefits__list strong { color: #fff; font-size: 14.5px; }
.account-benefits__list span span { font-size: 13.5px; line-height: 1.55; }

/* ---------- WooCommerce lenteles paskyroje ---------- */

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .shop_table {
	width: 100%; border-collapse: collapse;
	border: 1px solid var(--c-line);
}
.woocommerce-account .shop_table th {
	padding: 12px 14px; text-align: left;
	background: var(--c-bg-muted);
	border-bottom: 1px solid var(--c-line);
	font-size: 11.5px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
}
.woocommerce-account .shop_table td {
	padding: 14px; border-bottom: 1px solid var(--c-line); font-size: 14.5px;
}

/* ---------- Responsyvumas ---------- */

@media (max-width: 1040px) {
	.account-login { grid-template-columns: 1fr; }
	.account-login__forms { grid-template-columns: repeat(2, 1fr); }
	.account-login--single .account-login__forms { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
	.woocommerce-account .woocommerce { grid-template-columns: 1fr; gap: 28px; }
	/* Viename stulpelyje isdestymas grazinamas i natūralia eile. */
	.woocommerce-account .account-nav,
	.woocommerce-account .woocommerce-MyAccount-content { grid-column: 1; grid-row: auto; }
	.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-row: auto; }
	.account-stat--wide { grid-column: 1 / -1; }
	.account-order__go { margin-left: 0; width: 100%; }
}
@media (max-width: 640px) {
	.account-login__forms { grid-template-columns: 1fr; }
	.account-nav__hint { display: none; }
}

/* ---------- Adresai ----------
 *
 * WooCommerce cia neduoda beveik jokiu stiliu: antrastes, „redaguoti"
 * nuoroda ir pats adresas atsiduria skirtinguose lygiuose be jokio rysio.
 * Suvedama i dvi korteles su ta pacia isvaizda kaip likusi paskyra.
 */

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
	margin: 0 0 22px;
	color: var(--c-ink-soft);
	font-size: 15px;
}

.woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
	margin: 0;
}
/*
 * WooCommerce clearfix eina per `.woocommerce .col2-set::before` – du klasiu
 * selektorius, todel vieno klasiu uzrasas ji pralaimedavo ir pseudoelementai
 * likdavo tinklelio langeliais, nustumdami korteles i desine.
 */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after,
.woocommerce-account .col2-set::before,
.woocommerce-account .col2-set::after { display: none; }

.woocommerce-Address {
	width: auto !important;
	float: none !important;
	padding: 20px;
	border: 1px solid var(--c-line);
}

.woocommerce-Address-title {
	display: flex; align-items: center; flex-wrap: nowrap; gap: 10px 14px;
	margin-bottom: 14px; padding-bottom: 12px;
	border-bottom: 1px solid var(--c-line);
}
.woocommerce-Address-title h2,
.woocommerce-Address-title h3 {
	margin: 0; min-width: 0;
	font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
/* Nuoroda pavirsta mygtuku – kitaip ji pasimeta salia antrastes. */
.woocommerce-Address-title .edit {
	flex: none;
	margin-left: auto;
	padding: 7px 12px;
	background: var(--c-dark); color: #fff;
	font-size: 11.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase;
	transition: background .18s ease;
}
.woocommerce-Address-title .edit:hover { background: var(--c-brand); color: #fff; }

.woocommerce-Address address {
	margin: 0;
	font-style: normal;
	font-size: 15px; line-height: 1.65;
	color: var(--c-ink);
}
/* „Sio adreso dar nenurodete“ – WooCommerce ideda ji kaip kursyva. */
.woocommerce-Address address:only-child,
.woocommerce-Address address em,
.woocommerce-Address address i {
	font-style: normal;
	color: var(--c-ink-soft);
}

/* ---------- Formos paskyroje ---------- */

.woocommerce-account form .form-row { display: grid; gap: 6px; margin: 0 0 16px; }
.woocommerce-account form label { font-size: 13px; font-weight: 700; }
.woocommerce-account form .required { color: var(--c-brand); border: 0; text-decoration: none; }

.woocommerce-account form .input-text,
.woocommerce-account form textarea,
.woocommerce-account .select2-selection {
	width: 100%; padding: 12px 14px;
	background: #fff;
	border: 1px solid var(--c-line); border-radius: var(--radius);
	font: inherit; font-size: 15px;
	transition: border-color .16s ease, box-shadow .16s ease;
}
.woocommerce-account form .input-text:focus,
.woocommerce-account form select:focus,
.woocommerce-account form textarea:focus {
	border-color: var(--c-brand);
	box-shadow: 0 0 0 3px rgba(224, 31, 38, .12);
}

.woocommerce-account fieldset {
	margin: 26px 0 0; padding: 20px;
	border: 1px solid var(--c-line);
}
.woocommerce-account fieldset legend {
	padding: 0 8px;
	font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.woocommerce-account form em {
	display: block; margin-top: 4px;
	font-style: normal; font-size: 12.5px; color: var(--c-ink-soft);
}