/* =========================================================
   LIVO PIRKĖJO PASKYROS PUSLAPIS

   1. Puslapio pagrindas
   2. Bendras paskyros išdėstymas
   3. Paskyros navigacija
   4. Paskyros turinio kortelė
   5. Bendri tekstai ir nuorodos
   6. Mygtukai
   7. Formos ir laukeliai
   8. Prisijungimas ir registracija
   9. Užsakymų lentelė
   10. Užsakymo peržiūra
   11. Adresai
   12. Paskyros duomenų redagavimas
   13. Mokėjimo būdai
   14. Pranešimai
   15. Atsijungimo ir tuščios būsenos
   16. Responsive

   ========================================================= */


/* =========================================================
   1. PUSLAPIO PAGRINDAS
   PRADŽIA
   ========================================================= */

body.livo-account-page .livo-site-shell,
body.woocommerce-account .livo-site-shell {
	background: var(--livo-background);
}

body.livo-account-page .livo-page-main,
.woocommerce-account .livo-page-main {
	padding-top: 42px;
	padding-bottom: 90px;
}

body.livo-account-page .livo-page,
body.woocommerce-account .livo-page {
	width: 100%;
	min-width: 0;
	margin: 0;
}

.woocommerce-account .woocommerce {
	position: relative;

	width: 100%;
	min-width: 0;
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
	display: none;
	content: none;
}

/* =========================================================
   1. PUSLAPIO PAGRINDAS
   PABAIGA
   ========================================================= */


/* =========================================================
   2. BENDRAS PASKYROS IŠDĖSTYMAS
   PRADŽIA
   ========================================================= */

.woocommerce-account.logged-in .woocommerce {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	align-items: start;
	gap: 32px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	width: auto;
	min-width: 0;

	float: none;

	margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
	width: auto;
	min-width: 0;

	float: none;

	margin: 0;
	padding: 28px;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-lg);

	background: #fff;
	box-shadow: var(--livo-shadow-xs);
}

/*
 * Prisijungimo puslapyje navigacijos nėra, todėl turinys
 * turi užimti visą galimą plotį.
 */
.woocommerce-account:not(.logged-in) .woocommerce {
	display: block;
}

.woocommerce-account:not(.logged-in) .woocommerce-MyAccount-content {
	width: 100%;
	max-width: none;

	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;
	box-shadow: none;
}

/* =========================================================
   2. BENDRAS PASKYROS IŠDĖSTYMAS
   PABAIGA
   ========================================================= */


/* =========================================================
   3. PASKYROS NAVIGACIJA
   PRADŽIA
   ========================================================= */

.woocommerce-MyAccount-navigation ul {
	position: sticky;
	top: 22px;

	display: grid;
	gap: 3px;

	margin: 0;
	padding: 8px;

	list-style: none;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-md);

	background: #fff;
	box-shadow: var(--livo-shadow-xs);
}

.woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;

	border: 0;
}

.woocommerce-MyAccount-navigation a {
	position: relative;

	min-height: 44px;

	display: flex;
	align-items: center;

	padding: 11px 12px;

	border-radius: var(--livo-radius-sm);

	color: var(--livo-text);

	font-size: 13px;
	font-weight: 650;
	line-height: 1.35;
	text-decoration: none;

	transition:
		background-color 150ms ease,
		color 150ms ease,
		padding-left 150ms ease;
}

.woocommerce-MyAccount-navigation a:hover {
	padding-left: 15px;

	background: var(--livo-orange-soft);
	color: var(--livo-orange);
}

.woocommerce-MyAccount-navigation .is-active a {
	background: var(--livo-orange-soft);
	color: var(--livo-orange);

	font-weight: 750;
}

.woocommerce-MyAccount-navigation .is-active a::before {
	content: "";

	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;

	width: 3px;

	border-radius: 0 4px 4px 0;

	background: var(--livo-orange);
}

/* Atsijungimo nuoroda */

.woocommerce-MyAccount-navigation
	.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 5px;
	padding-top: 7px;

	border-top: 1px solid var(--livo-border);
}

.woocommerce-MyAccount-navigation
	.woocommerce-MyAccount-navigation-link--customer-logout
	a {
	color: var(--livo-muted);
}

.woocommerce-MyAccount-navigation
	.woocommerce-MyAccount-navigation-link--customer-logout
	a:hover {
	background: rgb(210 55 55 / 7%);
	color: var(--livo-danger);
}

/* =========================================================
   3. PASKYROS NAVIGACIJA
   PABAIGA
   ========================================================= */


/* =========================================================
   4. PASKYROS TURINIO KORTELĖ
   PRADŽIA
   ========================================================= */

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

.woocommerce-account .woocommerce-MyAccount-content > :last-child {
	margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	color: var(--livo-ink);

	font-weight: 760;
	line-height: 1.25;
	letter-spacing: -0.025em;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
	margin: 0 0 22px;

	font-size: clamp(23px, 2.3vw, 29px);
}

.woocommerce-account .woocommerce-MyAccount-content h3 {
	margin: 0 0 17px;

	font-size: 19px;
}

.woocommerce-account .woocommerce-MyAccount-content > p {
	color: var(--livo-muted);

	font-size: 14px;
	line-height: 1.65;
}

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

/* Paskyros pradžios tekstas */

.woocommerce-account
	.woocommerce-MyAccount-content
	> p:first-of-type {
	margin-bottom: 14px;
}

.woocommerce-account
	.woocommerce-MyAccount-content
	strong {
	color: var(--livo-ink);
	font-weight: 750;
}

/* =========================================================
   4. PASKYROS TURINIO KORTELĖ
   PABAIGA
   ========================================================= */


/* =========================================================
   5. BENDRI TEKSTAI IR NUORODOS
   PRADŽIA
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--livo-orange);

	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
	color: var(--livo-orange-hover);
}

.woocommerce-account .woocommerce-MyAccount-content p {
	line-height: 1.6;
}

.woocommerce-account .woocommerce-MyAccount-content address {
	margin: 0;

	color: var(--livo-muted);

	font-size: 13px;
	font-style: normal;
	line-height: 1.7;
}

/* =========================================================
   5. BENDRI TEKSTAI IR NUORODOS
   PABAIGA
   ========================================================= */


/* =========================================================
   6. MYGTUKAI
   PRADŽIA
   ========================================================= */

.woocommerce-account .woocommerce-button,
.woocommerce-account button.button,
.woocommerce-account a.button,
.woocommerce-account input.button {
	min-height: 42px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	margin: 0;
	padding: 9px 15px;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-sm);

	background: #fff;
	color: var(--livo-ink);

	font-size: 12px;
	font-weight: 720;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	box-shadow: none;

	transition:
		border-color 150ms ease,
		background-color 150ms ease,
		color 150ms ease;
}

.woocommerce-account .woocommerce-button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account a.button:hover,
.woocommerce-account input.button:hover {
	border-color: var(--livo-orange);

	background: var(--livo-orange-soft);
	color: var(--livo-orange);
}

.woocommerce-account
	.woocommerce-EditAccountForm
	button[type="submit"],
.woocommerce-account
	.woocommerce-address-fields
	button[type="submit"],
.woocommerce-account
	.woocommerce-form-login
	button[type="submit"],
.woocommerce-account
	.woocommerce-form-register
	button[type="submit"] {
	min-height: 48px;

	padding-right: 22px;
	padding-left: 22px;

	border-color: var(--livo-orange);

	background: var(--livo-orange);
	color: #fff;

	font-size: 14px;
}

.woocommerce-account
	.woocommerce-EditAccountForm
	button[type="submit"]:hover,
.woocommerce-account
	.woocommerce-address-fields
	button[type="submit"]:hover,
.woocommerce-account
	.woocommerce-form-login
	button[type="submit"]:hover,
.woocommerce-account
	.woocommerce-form-register
	button[type="submit"]:hover {
	border-color: var(--livo-orange-hover);

	background: var(--livo-orange-hover);
	color: #fff;
}

/* =========================================================
   6. MYGTUKAI
   PABAIGA
   ========================================================= */


/* =========================================================
   7. FORMOS IR LAUKELIAI
   PRADŽIA
   ========================================================= */

.woocommerce-account .form-row {
	width: 100%;

	float: none;

	margin: 0 0 17px;
	padding: 0;
}

.woocommerce-account .form-row-first,
.woocommerce-account .form-row-last {
	width: calc(50% - 7px);
}

.woocommerce-account .form-row-first {
	float: left;
	margin-right: 14px;
}

.woocommerce-account .form-row-last {
	float: right;
	margin-right: 0;
}

.woocommerce-account .form-row-wide {
	clear: both;
}

.woocommerce-account .form-row label {
	display: block;

	margin: 0 0 7px;

	color: var(--livo-ink);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}

.woocommerce-account .form-row label .required {
	color: var(--livo-danger);

	text-decoration: none;
}

.woocommerce-account .form-row label .optional {
	color: var(--livo-subtle);

	font-size: 10px;
	font-weight: 500;
}

.woocommerce-account .woocommerce-input-wrapper {
	width: 100%;
	display: block;
}

.woocommerce-account input.input-text,
.woocommerce-account textarea,
.woocommerce-account select,
.woocommerce-account
	.select2-container
	.select2-selection--single {
	width: 100%;
	min-height: 48px;

	margin: 0;
	padding: 10px 13px;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-sm);

	background: #fff;
	color: var(--livo-ink);

	font-family: inherit;
	font-size: 13px;
	line-height: 1.4;

	box-shadow: none;

	transition:
		border-color 150ms ease,
		box-shadow 150ms ease;
}

.woocommerce-account textarea {
	min-height: 120px;
	resize: vertical;
}

.woocommerce-account input.input-text:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus,
.woocommerce-account
	.select2-container--focus
	.select2-selection--single,
.woocommerce-account
	.select2-container--open
	.select2-selection--single {
	border-color: var(--livo-orange);

	outline: 0;
	box-shadow: 0 0 0 3px rgb(245 102 0 / 10%);
}

.woocommerce-account
	.form-row.woocommerce-invalid
	input.input-text,
.woocommerce-account
	.form-row.woocommerce-invalid
	select,
.woocommerce-account
	.form-row.woocommerce-invalid
	.select2-selection--single {
	border-color: var(--livo-danger);
}

.woocommerce-account
	.form-row.woocommerce-validated
	input.input-text,
.woocommerce-account
	.form-row.woocommerce-validated
	select,
.woocommerce-account
	.form-row.woocommerce-validated
	.select2-selection--single {
	border-color: rgb(37 153 88 / 45%);
}

/* Select2 */

.woocommerce-account .select2-container {
	width: 100% !important;
}

.woocommerce-account
	.select2-container
	.select2-selection--single {
	height: 48px;

	display: flex;
	align-items: center;

	padding-right: 38px;
}

.woocommerce-account
	.select2-container
	.select2-selection--single
	.select2-selection__rendered {
	width: 100%;

	padding: 0;

	color: var(--livo-ink);

	font-size: 13px;
	line-height: 1.4;
}

.woocommerce-account
	.select2-container
	.select2-selection--single
	.select2-selection__arrow {
	top: 50%;
	right: 10px;

	width: 24px;
	height: 24px;

	transform: translateY(-50%);
}

/* Checkbox */

.woocommerce-account input[type="checkbox"] {
	width: 18px;
	height: 18px;

	margin: 0;

	accent-color: var(--livo-orange);
}

/* =========================================================
   7. FORMOS IR LAUKELIAI
   PABAIGA
   ========================================================= */


/* =========================================================
   8. PRISIJUNGIMAS IR REGISTRACIJA
   PRADŽIA
   ========================================================= */

.woocommerce-account #customer_login {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 28px;

	margin: 0;
}

.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after {
	display: none;
	content: none;
}

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
	width: 100%;

	float: none;

	margin: 0;
	padding: 28px;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-lg);

	background: #fff;
	box-shadow: var(--livo-shadow-xs);
}

.woocommerce-account #customer_login h2 {
	margin: 0 0 22px;

	color: var(--livo-ink);

	font-size: 25px;
	font-weight: 760;
	letter-spacing: -0.025em;
}

.woocommerce-account
	form.woocommerce-form-login,
.woocommerce-account
	form.woocommerce-form-register {
	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;
}

.woocommerce-account
	.woocommerce-form-login
	.woocommerce-form-login__rememberme {
	min-height: 42px;

	display: inline-flex;
	align-items: center;
	gap: 8px;

	margin: 0 12px 0 0;

	color: var(--livo-muted);

	font-size: 12px;
	font-weight: 600;
}

.woocommerce-account
	.woocommerce-form-login
	.woocommerce-form-login__submit {
	vertical-align: middle;
}

.woocommerce-account .woocommerce-LostPassword {
	margin: 14px 0 0;

	font-size: 12px;
}

.woocommerce-account .woocommerce-privacy-policy-text {
	color: var(--livo-muted);

	font-size: 11px;
	line-height: 1.55;
}

/* Slaptažodžio stiprumas */

.woocommerce-account .woocommerce-password-strength {
	margin-top: 8px;
	padding: 8px 10px;

	border-radius: 6px;

	font-size: 11px;
	font-weight: 700;
	text-align: left;
}

.woocommerce-account .woocommerce-password-hint {
	display: block;

	margin-top: 7px;

	color: var(--livo-muted);

	font-size: 10px;
	line-height: 1.5;
}

/* =========================================================
   8. PRISIJUNGIMAS IR REGISTRACIJA
   PABAIGA
   ========================================================= */


/* =========================================================
   9. UŽSAKYMŲ LENTELĖ
   PRADŽIA
   ========================================================= */

.woocommerce-account table.shop_table {
	width: 100%;

	margin: 0;

	overflow: hidden;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-md);
	border-collapse: separate;
	border-spacing: 0;

	background: #fff;
}

.woocommerce-account table.shop_table thead {
	background: var(--livo-surface-soft);
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
	padding: 14px;

	border: 0;
	border-bottom: 1px solid var(--livo-border);

	vertical-align: middle;
}

.woocommerce-account table.shop_table th {
	color: var(--livo-muted);

	font-size: 11px;
	font-weight: 750;
	line-height: 1.3;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce-account table.shop_table td {
	color: var(--livo-text);

	font-size: 13px;
	line-height: 1.45;
}

.woocommerce-account table.shop_table tbody tr:last-child td {
	border-bottom: 0;
}

.woocommerce-account table.shop_table tbody tr:hover {
	background: rgb(247 249 251 / 70%);
}

.woocommerce-account
	table.shop_table
	.woocommerce-orders-table__cell-order-number
	a {
	color: var(--livo-ink);

	font-weight: 750;
}

.woocommerce-account
	table.shop_table
	.woocommerce-orders-table__cell-order-total {
	white-space: nowrap;
}

.woocommerce-account
	table.shop_table
	.woocommerce-orders-table__cell-order-actions {
	text-align: right;
}

.woocommerce-account
	table.shop_table
	.woocommerce-orders-table__cell-order-actions
	.button {
	min-height: 36px;

	margin: 2px 0 2px 5px;
	padding: 7px 11px;

	font-size: 11px;
}

/* Užsakymo statusas */

.woocommerce-account
	.woocommerce-orders-table__cell-order-status {
	font-weight: 650;
}

/* =========================================================
   9. UŽSAKYMŲ LENTELĖ
   PABAIGA
   ========================================================= */


/* =========================================================
   10. UŽSAKYMO PERŽIŪRA
   PRADŽIA
   ========================================================= */

.woocommerce-account .woocommerce-order-details {
	margin: 30px 0 0;
}

.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title {
	margin: 0 0 18px;

	font-size: 20px;
}

.woocommerce-account
	.woocommerce-order-details
	table.shop_table
	.product-name {
	font-weight: 650;
}

.woocommerce-account
	.woocommerce-order-details
	table.shop_table
	.product-total {
	text-align: right;
	white-space: nowrap;
}

.woocommerce-account
	.woocommerce-order-details
	table.shop_table
	tfoot
	th {
	color: var(--livo-muted);

	text-align: left;
}

.woocommerce-account
	.woocommerce-order-details
	table.shop_table
	tfoot
	td {
	color: var(--livo-ink);

	font-weight: 700;
	text-align: right;
}

.woocommerce-account
	.woocommerce-order-details
	table.shop_table
	tfoot
	tr:last-child
	th,
.woocommerce-account
	.woocommerce-order-details
	table.shop_table
	tfoot
	tr:last-child
	td {
	border-bottom: 0;

	font-size: 16px;
}

/* =========================================================
   10. UŽSAKYMO PERŽIŪRA
   PABAIGA
   ========================================================= */


/* =========================================================
   11. ADRESAI
   PRADŽIA
   ========================================================= */

.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;

	margin-top: 22px;
}

.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after {
	display: none;
	content: none;
}

.woocommerce-account .woocommerce-Address {
	width: 100%;

	float: none;

	margin: 0;
	padding: 20px;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-md);

	background: var(--livo-surface-soft);
}

.woocommerce-account .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	margin-bottom: 13px;
}

.woocommerce-account .woocommerce-Address-title::before,
.woocommerce-account .woocommerce-Address-title::after {
	display: none;
	content: none;
}

.woocommerce-account .woocommerce-Address-title h3 {
	margin: 0;

	font-size: 17px;
}

.woocommerce-account .woocommerce-Address-title .edit {
	flex: 0 0 auto;

	padding: 5px 9px;

	border: 1px solid var(--livo-border);
	border-radius: 6px;

	background: #fff;

	font-size: 11px;
	font-weight: 700;
}

/* =========================================================
   11. ADRESAI
   PABAIGA
   ========================================================= */


/* =========================================================
   12. PASKYROS DUOMENŲ REDAGAVIMAS
   PRADŽIA
   ========================================================= */

.woocommerce-account .woocommerce-EditAccountForm {
	width: 100%;
}

.woocommerce-account
	.woocommerce-EditAccountForm
	fieldset {
	margin: 26px 0 20px;
	padding: 20px;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-md);

	background: var(--livo-surface-soft);
}

.woocommerce-account
	.woocommerce-EditAccountForm
	fieldset
	legend {
	padding: 0 8px;

	color: var(--livo-ink);

	font-size: 15px;
	font-weight: 750;
}

.woocommerce-account
	.woocommerce-EditAccountForm
	span
	em {
	display: block;

	margin-top: 6px;

	color: var(--livo-muted);

	font-size: 10px;
	line-height: 1.5;
}

/* =========================================================
   12. PASKYROS DUOMENŲ REDAGAVIMAS
   PABAIGA
   ========================================================= */


/* =========================================================
   13. MOKĖJIMO BŪDAI
   PRADŽIA
   ========================================================= */

.woocommerce-account
	.woocommerce-MyAccount-paymentMethods {
	margin-bottom: 20px;
}

.woocommerce-account
	.woocommerce-MyAccount-paymentMethods
	.payment-method-actions {
	text-align: right;
}

.woocommerce-account
	.woocommerce-MyAccount-paymentMethods
	.payment-method-actions
	.button {
	min-height: 36px;

	margin-left: 5px;
	padding: 7px 11px;

	font-size: 11px;
}

.woocommerce-account
	.woocommerce-PaymentMethods {
	display: grid;
	gap: 10px;

	margin: 0 0 20px;
	padding: 0;

	list-style: none;
}

.woocommerce-account
	.woocommerce-PaymentMethods
	.woocommerce-PaymentMethod {
	padding: 15px;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-sm);

	background: var(--livo-surface-soft);
}

/* =========================================================
   13. MOKĖJIMO BŪDAI
   PABAIGA
   ========================================================= */


/* =========================================================
   14. PRANEŠIMAI
   PRADŽIA
   ========================================================= */

.woocommerce-account .woocommerce-notices-wrapper {
	width: 100%;
}

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
	margin: 0 0 20px;

	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-md);

	background: #fff;

	font-size: 13px;
	line-height: 1.5;

	box-shadow: var(--livo-shadow-xs);
}

.woocommerce-account .woocommerce-message {
	border-left: 4px solid var(--livo-success);
}

.woocommerce-account .woocommerce-info {
	border-left: 4px solid var(--livo-orange);
}

.woocommerce-account .woocommerce-error {
	border-left: 4px solid var(--livo-danger);
}

.woocommerce-account
	.woocommerce-message
	.button,
.woocommerce-account
	.woocommerce-info
	.button {
	min-height: 34px;

	padding: 6px 10px;

	font-size: 11px;
}

/* =========================================================
   14. PRANEŠIMAI
   PABAIGA
   ========================================================= */


/* =========================================================
   15. TUŠČIOS BŪSENOS IR PUSLAPIAVIMAS
   PRADŽIA
   ========================================================= */

.woocommerce-account
	.woocommerce-MyAccount-content
	.woocommerce-info {
	padding-right: 18px;
}

.woocommerce-account
	.woocommerce-MyAccount-content
	.woocommerce-info
	.button {
	float: right;
}

.woocommerce-account
	.woocommerce-pagination {
	margin-top: 22px;
}

.woocommerce-account
	.woocommerce-pagination
	ul.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;

	margin: 0;
	padding: 0;

	border: 0;
}

.woocommerce-account
	.woocommerce-pagination
	ul.page-numbers
	li {
	margin: 0;

	border: 0;
}

.woocommerce-account
	.woocommerce-pagination
	.page-numbers {
	min-width: 38px;
	height: 38px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 0 9px;

	border: 1px solid var(--livo-border);
	border-radius: 7px;

	background: #fff;
	color: var(--livo-text);

	font-size: 12px;
	font-weight: 700;
}

.woocommerce-account
	.woocommerce-pagination
	.page-numbers.current,
.woocommerce-account
	.woocommerce-pagination
	.page-numbers:hover {
	border-color: var(--livo-orange);

	background: var(--livo-orange);
	color: #fff;
}

/* =========================================================
   15. TUŠČIOS BŪSENOS IR PUSLAPIAVIMAS
   PABAIGA
   ========================================================= */


/* =========================================================
   16. RESPONSIVE
   PRADŽIA
   ========================================================= */

@media (max-width: 1100px) {
	.woocommerce-account.logged-in .woocommerce {
		grid-template-columns: 210px minmax(0, 1fr);
		gap: 24px;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 24px;
	}
}

@media (max-width: 1023px) {
	body.livo-account-page .livo-page-main,
	.woocommerce-account .livo-page-main {
		padding-top: 28px;
		padding-bottom: 70px;
	}

	.woocommerce-account.logged-in .woocommerce {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 100%;
	}

	.woocommerce-MyAccount-navigation ul {
		position: static;
		top: auto;

		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 5px;

		overflow-x: auto;
		overflow-y: hidden;

		padding: 7px;

		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
		display: none;
	}

	.woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
	}

	.woocommerce-MyAccount-navigation a {
		min-height: 40px;

		padding: 9px 12px;

		white-space: nowrap;
	}

	.woocommerce-MyAccount-navigation a:hover {
		padding-left: 12px;
	}

	.woocommerce-MyAccount-navigation .is-active a::before {
		top: auto;
		right: 10px;
		bottom: 0;
		left: 10px;

		width: auto;
		height: 3px;

		border-radius: 4px 4px 0 0;
	}

	.woocommerce-MyAccount-navigation
		.woocommerce-MyAccount-navigation-link--customer-logout {
		margin-top: 0;
		padding-top: 0;
		padding-left: 5px;

		border-top: 0;
		border-left: 1px solid var(--livo-border);
	}
}

@media (max-width: 767px) {
	body.livo-account-page .livo-page-main,
	.woocommerce-account .livo-page-main {
		padding-top: 20px;
		padding-bottom: 58px;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 20px;

		border-radius: var(--livo-radius-md);
	}

	.woocommerce-account
		.woocommerce-MyAccount-content
		h2 {
		font-size: 22px;
	}

	.woocommerce-account
		.woocommerce-MyAccount-content
		h3 {
		font-size: 18px;
	}

	/* Prisijungimas ir registracija */

	.woocommerce-account #customer_login {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.woocommerce-account #customer_login .u-column1,
	.woocommerce-account #customer_login .u-column2 {
		padding: 20px;

		border-radius: var(--livo-radius-md);
	}

	.woocommerce-account #customer_login h2 {
		font-size: 22px;
	}

	/* Formos */

	.woocommerce-account .form-row-first,
	.woocommerce-account .form-row-last {
		width: 100%;

		float: none;

		margin-right: 0;
	}

	/* Užsakymų lentelė mobile kortelėmis */

	.woocommerce-account
		table.woocommerce-orders-table {
		overflow: visible;

		border: 0;
		border-radius: 0;

		background: transparent;
	}

	.woocommerce-account
		table.woocommerce-orders-table
		thead {
		display: none;
	}

	.woocommerce-account
		table.woocommerce-orders-table,
	.woocommerce-account
		table.woocommerce-orders-table
		tbody,
	.woocommerce-account
		table.woocommerce-orders-table
		tr,
	.woocommerce-account
		table.woocommerce-orders-table
		td {
		width: 100%;
		display: block;
	}

	.woocommerce-account
		table.woocommerce-orders-table
		tr {
		margin-bottom: 12px;
		padding: 14px;

		border: 1px solid var(--livo-border);
		border-radius: var(--livo-radius-md);

		background: #fff;
		box-shadow: var(--livo-shadow-xs);
	}

	.woocommerce-account
		table.woocommerce-orders-table
		td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;

		padding: 8px 0;

		border: 0;
		border-bottom: 1px solid var(--livo-border);

		text-align: right;
	}

	.woocommerce-account
		table.woocommerce-orders-table
		td:last-child {
		padding-bottom: 0;

		border-bottom: 0;
	}

	.woocommerce-account
		table.woocommerce-orders-table
		td::before {
		content: attr(data-title);

		flex: 0 0 auto;

		color: var(--livo-muted);

		font-size: 10px;
		font-weight: 700;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 0.035em;
	}

	.woocommerce-account
		table.woocommerce-orders-table
		.woocommerce-orders-table__cell-order-actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.woocommerce-account
		table.woocommerce-orders-table
		.woocommerce-orders-table__cell-order-actions
		.button {
		margin: 3px 0 3px 5px;
	}

	/* Adresai */

	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr;
	}

	/* Užsakymo detalių lentelė */

	.woocommerce-account
		.woocommerce-order-details
		table.shop_table
		th,
	.woocommerce-account
		.woocommerce-order-details
		table.shop_table
		td {
		padding: 11px 9px;

		font-size: 11px;
	}

	/* Informacinis pranešimas */

	.woocommerce-account
		.woocommerce-MyAccount-content
		.woocommerce-info
		.button {
		width: 100%;

		float: none;

		margin: 12px 0 0;
	}
}

@media (max-width: 479px) {
	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 17px;
	}

	.woocommerce-MyAccount-navigation ul {
		margin-right: -11px;
		margin-left: -11px;

		padding-right: 11px;
		padding-left: 11px;

		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	.woocommerce-account #customer_login .u-column1,
	.woocommerce-account #customer_login .u-column2 {
		padding: 17px;
	}

	.woocommerce-account
		.woocommerce-EditAccountForm
		fieldset {
		padding: 15px;
	}

	.woocommerce-account .woocommerce-Address {
		padding: 17px;
	}

	.woocommerce-account
		.woocommerce-Address-title {
		align-items: flex-start;
	}

	.woocommerce-account
		.woocommerce-Address-title
		h3 {
		font-size: 16px;
	}

	.woocommerce-account
		table.woocommerce-orders-table
		tr {
		padding: 12px;
	}

	.woocommerce-account
		table.woocommerce-orders-table
		td {
		gap: 10px;

		font-size: 12px;
	}
}

/* =========================================================
   16. RESPONSIVE
   PABAIGA
   ========================================================= */


/* =========================================================
   LIVO PIRKĖJO PASKYROS PUSLAPIS
   FAILO PABAIGA
   ========================================================= */