/* ============================================================
   WOOCOMMERCE "MANO PASKYRA" SRITIS (is_account_page())
   Kraunasi TIK account puslapiuose. Konvencijos kaip
   tutor-dashboard.css: struktūriniai selektoriai, hex spalvos
   tiesiogiai (be CSS kintamųjų).
   Spalvos: #4055A4 antraštės / #726AAF tekstas / #9691C6 antrinis
            #EDECF0 fonai-borderiai / #F06365 akcentas-CTA / #E16D68 hover
   Radius: 15px.
   ============================================================ */

/* ============================================================
   1. DVIGUBA ANTRAŠTĖ — "Mano paskyra" (H1) + "Prisijungti" (H2)
   WooCommerce pati įterpia <h2>Prisijungti</h2> prieš prisijungimo
   formą — kai REGISTRACIJA IŠJUNGTA (šiuo metu), tai TIESIOG
   PAKARTOJA "Mano paskyra" antraštę kitais žodžiais. Slepiam TĄ H2,
   paliekam VIENĄ antraštę — "Mano paskyra" (h1), nes ji jau naudojama
   kaip standartinė puslapio antraštė visur kitur svetainėje.

   KAI FAZĖS 1 4 ŽINGSNIS ĮJUNGS REGISTRACIJĄ: WooCommerce automatiškai
   perjungia į DVI KOLONĖLES (#customer_login.col2-set), po vieną h2
   KIEKVIENAME stulpelyje ("Prisijungti" / "Registruotis") — TADA jos
   nebe pakartojimas, o vienintelis būdas atskirti du šalia esančius
   stulpelius. Todėl selektorius apačioje taikomas TIK per tiesioginį
   ">" ryšį su .woocommerce — tas ryšys galioja VIEN TIK vieno-stulpelio
   atveju (h2 tiesiai .woocommerce viduje); dviejų kolonų atveju h2 yra
   .u-column1/.u-column2 viduje, ne tiesioginis .woocommerce vaikas —
   selektorius jo NEPALIES, abi antraštės liks matomos.
   ============================================================ */
body.woocommerce-account .woocommerce > h2:has(+ .woocommerce-form-login) {
	display: none;
}

/* ============================================================
   2. FORMOS LAUKAI — bendri visoms formoms (login/register/
   lost-password/edit-account), nes visos naudoja tas pačias
   WooCommerce klases.
   ============================================================ */
body.woocommerce-account .woocommerce-form-row label {
	display: inline-block;
	margin-bottom: 6px;
	color: #4055A4;
	font-weight: 600;
	font-size: 14px;
}
body.woocommerce-account input.input-text,
body.woocommerce-account .woocommerce-Input,
body.woocommerce-account select,
body.woocommerce-account textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 13px 18px;
	background: #fff;
	color: #4055A4;
	border: 1px solid #EDECF0;
	border-radius: 15px;
	font-size: 15px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body.woocommerce-account input.input-text:focus,
body.woocommerce-account .woocommerce-Input:focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus {
	outline: none;
	border-color: #9691C6;
	box-shadow: 0 0 0 3px rgba(150, 145, 198, 0.22);
}
body.woocommerce-account .woocommerce-form-row {
	margin-bottom: 18px;
}

/* ============================================================
   3. MYGTUKAI — visos formos/lentelės naudoja .woocommerce-button/
   .button/.woocommerce-Button. "Prisijungti" gauna papildomą plotį
   ir dydį (žr. #5) — dabar atrodė kaip išjungtas mygtukas (pilkas,
   siauras), turi būti akivaizdžiai PAGRINDINIS veiksmas.
   ============================================================ */
body.woocommerce-account .woocommerce-button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account button.button,
body.woocommerce-account input.button,
body.woocommerce-account a.button {
	display: inline-block;
	background: #F06365;
	color: #fff;
	border: none;
	border-radius: 15px;
	padding: 13px 28px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	transition: background-color 0.15s ease-in-out;
}
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-account .woocommerce-Button:hover,
body.woocommerce-account button.button:hover,
body.woocommerce-account input.button:hover,
body.woocommerce-account a.button:hover {
	background: #E16D68;
	color: #fff;
}

/* ============================================================
   4. "PIRKAI ANKSČIAU?" PRANEŠIMAS (.nm-login-notice, žr. functions.php)
   ============================================================ */
body.woocommerce-account .nm-login-notice {
	background: #EDECF0;
	border-left: 4px solid #F06365;
	border-radius: 15px;
	padding: 16px 20px;
	margin-bottom: 24px;
	color: #726AAF;
	font-size: 15px;
}
body.woocommerce-account .nm-login-notice a {
	color: #F06365;
	font-weight: 700;
	text-decoration: underline;
}
body.woocommerce-account .nm-login-notice a:hover {
	color: #E16D68;
}

/* ============================================================
   5. PRISIJUNGIMO FORMA — "Prisiminti mane" + mygtukas + "Praradote
   slaptažodį?" sutvarkyti į vertikalią, aiškią seką (buvo visi trys
   susigrūdę į vieną eilutę su paslėptais nonce laukais).
   ============================================================ */
body.woocommerce-account .woocommerce-form-login .form-row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 8px;
}
body.woocommerce-account .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #726AAF;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}
body.woocommerce-account .woocommerce-form__input-checkbox {
	width: 17px;
	height: 17px;
	accent-color: #F06365;
}
body.woocommerce-account .woocommerce-form-login__submit {
	width: 100%;
	padding: 16px 28px;
	font-size: 16px;
}
body.woocommerce-account .woocommerce-LostPassword {
	margin: 0 0 24px;
}
body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account .woocommerce-form-register a {
	color: #F06365;
	font-weight: 600;
	text-decoration: underline;
}
body.woocommerce-account .woocommerce-LostPassword a:hover {
	color: #E16D68;
}

/* Registracijos mygtukas — ta pati logika kaip prisijungimo. */
body.woocommerce-account .woocommerce-form-register__submit {
	width: 100%;
	padding: 16px 28px;
	font-size: 16px;
}

/* Du stulpeliai, kai registracija ĮJUNGTA (Fazės 1, 4 žingsnis) —
   kiekvienam savo kortelė, kad du šalia esantys "form-row" blokai
   vizualiai neitų vienas į kitą. */
body.woocommerce-account #customer_login.col2-set {
	display: grid;
	/* auto-fit, ne fiksuota viewport taisyklė — žr. tą pačią pastabą
	   prie .woocommerce-Addresses (8 sekcija) dėl KODĖL. */
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 32px;
}
/* .col2-set WooCommerce core clearfix'as (woocommerce-layout.css)
   ::before/::after su content:" "; display:table — grid konteineryje
   ŠITIE PSEUDO-ELEMENTAI PATYS TAMPA grid elementais (turi realų
   content, ne display:none), tad "užima" du grid langelius ir stumia
   TIKRAS korteles į skersai išsibarstytas pozicijas. Patikrinta
   lokaliai per getBoundingClientRect — būtent tai buvo priežastis, kodėl
   dvi kortelės atsidurdavo įstrižai, ne greta. Naikinam turinį. */
body.woocommerce-account #customer_login.col2-set::before,
body.woocommerce-account #customer_login.col2-set::after {
	content: none;
	display: none;
}
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2 {
	background: #fff;
	border: 1px solid #EDECF0;
	border-radius: 15px;
	padding: 28px 24px;
	/* WooCommerce core (woocommerce-layout.css) uzdeda .col-1/.col-2
	   { float; width:48% } — grid container tą float ignoruoja, bet
	   width:48% lieka, tad kortelė užimtų tik ~48% SAVO grid langelio,
	   ne viso. Grąžinam pilną plotį. */
	width: 100%;
	float: none;
}

/* ============================================================
   6. PASKYROS NAVIGACIJA — buvo paprastas taškuotas sąrašas. Dabar
   kortelės tipo meniu: aktyvus punktas su koraliniu kairiu žymekliu
   (ta pati logika kaip tutor-dashboard.css .tutor-tabs-tab-active),
   "Mano mokymai" — vientisas koralinis fonas, aiškiai svarbiausias
   punktas.
   ============================================================ */
body.woocommerce-account .woocommerce-MyAccount-navigation {
	background: #fff;
	border: 1px solid #EDECF0;
	border-radius: 15px;
	padding: 8px;
	margin-bottom: 24px;
	/* WooCommerce core (woocommerce-layout.css) uzdeda .woocommerce-
	   -MyAccount-navigation { float:left; width:30% } — TREČIA vieta,
	   kur atsikartoja ta pati float/procentinio pločio problema (žr.
	   #customer_login ir .woocommerce-Address aukščiau). 30% NUO 240px
	   grid langelio (6 sekcijos apačioje) = 72px — patikrinta lokaliai,
	   būtent tiek ir liko, meniu tekstas kirto per pusę žodžius. */
	width: 100%;
	float: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 12px 16px;
	border-radius: 10px;
	border-left: 3px solid transparent;
	color: #726AAF;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: #EDECF0;
	color: #4055A4;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: #EDECF0;
	color: #4055A4;
	border-left-color: #F06365;
	padding-left: 13px;
}
/* "Mano mokymai" — pagrindinis punktas, žr. functions.php
   woocommerce_account_menu_items filtrą (endpoint raktas nm-mano-mokymai) */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--nm-mano-mokymai a {
	background: #F06365;
	color: #fff;
	border-left-color: transparent;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--nm-mano-mokymai a:hover {
	background: #E16D68;
	color: #fff;
}

/* Stalinis išdėstymas — navigacija kaire, turinys dešinėje. TIK kai
   navigacija REALIAI YRA (:has(.woocommerce-MyAccount-navigation)) —
   ne vien ".logged-in": "Priradote slaptažodį?"/edit-password formos
   irgi rodomos prisijungusiam vartotojui, bet BE navigacijos (tiesiog
   forma, jokio .woocommerce-MyAccount-content). Su vien .logged-in
   sąlyga tinklelis vseitiek įsijungdavo TEN — .woocommerce-notices-
   -wrapper (tuščias) užimtų visą 1-ą eilutę (grid-column:1/-1), o
   pati forma, neturėdama nė vienos iš dviejų explicit grid-column
   taisyklių, automatiškai nukristų į 2-os eilutės 1-ą stulpelį — patį
   siauriausią, 240px pločio. Patikrinta lokaliai: būtent taip ir
   atsitiko /my-account/lost-password/ — forma susispaudė į siaurą
   stulpelį kairėje. :has() apsaugo TIK nuo tų puslapių, kur navigacija
   tikrai yra. */
@media (min-width: 768px) {
	body.woocommerce-account.logged-in .woocommerce:has(.woocommerce-MyAccount-navigation) {
		display: grid;
		grid-template-columns: 240px 1fr;
		gap: 32px;
		align-items: start;
	}
	body.woocommerce-account.logged-in .woocommerce:has(.woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper {
		grid-column: 1 / -1;
	}
	body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
		grid-column: 1;
		margin-bottom: 0;
	}
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
		grid-column: 2;
		min-width: 0; /* be šito lentelės verčia visą tinklelio stulpelį platėti */
	}
}
/* WooCommerce core: .woocommerce-MyAccount-content { float:right;
   width:68% } — TA PATI float/procentinio pločio problema (žr.
   pastabas prie .woocommerce-MyAccount-navigation, #customer_login,
   .woocommerce-Address). Nepriklauso nuo media taisyklės aukščiau —
   reikalinga visada, ir mobiliajame vieno-stulpelio išdėstyme, ir
   staliniame grid languelyje. */
body.woocommerce-account .woocommerce-MyAccount-content {
	width: 100%;
	float: none;
}

/* ============================================================
   7. LENTELĖS — užsakymai, atsisiuntimai (abi naudoja .shop_table).
   ============================================================ */
body.woocommerce-account table.shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #EDECF0;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 24px;
}
body.woocommerce-account table.shop_table th {
	background: #EDECF0;
	color: #4055A4;
	font-weight: 700;
	font-size: 14px;
	text-align: left;
	padding: 14px 16px;
}
body.woocommerce-account table.shop_table td {
	padding: 14px 16px;
	border-top: 1px solid #EDECF0;
	color: #726AAF;
	font-size: 14px;
}
body.woocommerce-account table.shop_table tr:first-child td {
	border-top: none;
}
body.woocommerce-account table.shop_table a:not(.button) {
	color: #4055A4;
	font-weight: 600;
	text-decoration: underline;
}
body.woocommerce-account table.shop_table .button {
	padding: 8px 18px;
	font-size: 13px;
	margin: 2px 4px 2px 0;
}

/* Užsakymo būsena — spalva pagal eilutės modifikatorių, be jokios
   spalvos už paletės ribų (paketimas: mokėjimo laukiantys/vykdomi =
   akcentas, atšaukti/nepavykę = antrinis pilkšvai violetinis). */
body.woocommerce-account .woocommerce-orders-table__cell-order-status {
	font-weight: 700;
}
body.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
	color: #4055A4;
}
body.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
	color: #F06365;
}
body.woocommerce-account .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
	color: #9691C6;
}

/* ============================================================
   8. ADRESAI — kortelės su antrašte + redaguoti nuoroda.
   ============================================================ */
body.woocommerce-account .woocommerce-Addresses {
	display: grid;
	/* auto-fit + minmax, NE fiksuota min-width media taisyklė: šis
	   tinklelis yra .woocommerce-MyAccount-content VIDUJE, o TO stulpelio
	   plotis priklauso nuo to, ar navigacija šalia jau įsijungusi (žr. 6
	   sekciją, 768px). Su min-width:640px VIEWPORT taisykle lokaliai
	   patikrinta: 768px lange (navigacija JAU kairėje, turinio stulpelis
	   telieka ~460px) dvi kortelės vis tiek priverstinai spraudėsi į du
	   stulpelius ir viena nulindo už matomos srities ribos. auto-fit
	   sprendžia pagal REALŲ konteinerio plotį, ne viewport plotį — vienas
	   stulpelis, kol netelpa 2×260px, du, kai telpa. */
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 24px;
	margin-top: 20px;
}
/* Tas pats .col2-set clearfix pseudo-elementų virtimas grid elementais
   kaip #customer_login aukščiau — .woocommerce-Addresses TAIP PAT turi
   klasę .col2-set. Be šito billing/shipping kortelės atsidurdavo
   įstrižai (viena 1-oj eilutėj-2-am stulpely, kita 2-oj eilutėj-1-am). */
body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after {
	content: none;
	display: none;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
	background: #fff;
	border: 1px solid #EDECF0;
	border-radius: 15px;
	padding: 22px;
	/* Ta pati WooCommerce core .col-1/.col-2 { float; width:48% }
	   problema kaip #customer_login aukščiau — grąžinam pilną plotį. */
	width: 100%;
	float: none;
}
body.woocommerce-account .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
body.woocommerce-account .woocommerce-Address-title h2 {
	color: #4055A4;
	font-size: 18px;
	margin: 0;
}
body.woocommerce-account .woocommerce-Address-title .edit {
	color: #F06365;
	font-weight: 600;
	text-decoration: underline;
	font-size: 14px;
	white-space: nowrap;
}
body.woocommerce-account .woocommerce-Address-title .edit:hover {
	color: #E16D68;
}
body.woocommerce-account .woocommerce-Address address {
	color: #726AAF;
	font-style: normal;
	line-height: 1.6;
}

/* ============================================================
   9. ATSISIUNTIMAI (kai naudojamas senesnis sąrašo, ne lentelės,
   šablonas — my-downloads.php) + "Prieinami atsisiuntimai" antraštė.
   ============================================================ */
body.woocommerce-account .woocommerce-order-downloads__title,
body.woocommerce-account h2 {
	color: #4055A4;
}
body.woocommerce-account .woocommerce-Downloads {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.woocommerce-account .woocommerce-Downloads li {
	padding: 14px 16px;
	border: 1px solid #EDECF0;
	border-radius: 15px;
	margin-bottom: 10px;
	color: #726AAF;
}
body.woocommerce-account .woocommerce-Downloads a {
	color: #4055A4;
	font-weight: 600;
	text-decoration: underline;
}

/* ============================================================
   10. PRANEŠIMAI (klaidos/sėkmė) — WooCommerce numatytieji ryškiai
   raudoni/žali, nesuderinami su paletę. Suvienodinam.
   ============================================================ */
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info {
	background: #EDECF0;
	border-top-color: #F06365;
	color: #4055A4;
	border-radius: 15px;
	padding: 14px 20px;
}
body.woocommerce-account .woocommerce-error::before,
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before {
	color: #F06365;
}

/* ============================================================
   11. MOBILUS (< 768px) — vienas stulpelis visur (numatytoji tvarka
   jau vienas stulpelis, čia tik sumažinam vidinius tarpus/šriftus,
   kad kortelės/lentelės netilptų per plačiai).
   ============================================================ */
@media (max-width: 480px) {
	body.woocommerce-account .woocommerce-button,
	body.woocommerce-account .woocommerce-Button,
	body.woocommerce-account button.button,
	body.woocommerce-account input.button,
	body.woocommerce-account a.button {
		padding: 12px 20px;
		font-size: 14px;
	}
	body.woocommerce-account table.shop_table th,
	body.woocommerce-account table.shop_table td {
		padding: 12px;
		font-size: 13px;
	}
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
		padding: 18px;
	}
}