.elementor-5922 .elementor-element.elementor-element-kroot{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:90px;--padding-left:60px;--padding-right:60px;}.elementor-5922 .elementor-element.elementor-element-kh1 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-5922 .elementor-element.elementor-element-kh1 .elementor-heading-title{font-family:var( --e-global-typography-lvh140-font-family ), Sans-serif;font-size:var( --e-global-typography-lvh140-font-size );font-weight:var( --e-global-typography-lvh140-font-weight );line-height:var( --e-global-typography-lvh140-line-height );letter-spacing:var( --e-global-typography-lvh140-letter-spacing );color:#000080;}.elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:transparent;}.elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:transparent;}.elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:transparent;}.elementor-5922 .elementor-element.elementor-element-kacc > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-5922 .elementor-element.elementor-element-kacc{--tabs-alignment:start;--tabs-normal-color:#FFFFFF;--tabs-hover-color:#FFC900;--tabs-active-color:#FFC900;--tabs-border-type:none;--tabs-border-radius:0px 0px 0px 0px;--tabs-padding:15px 0px 15px 0px;--tabs-spacing:0px;--tabs-divider-color:rgba(255,255,255,0.35);--tabs-divider-weight:1px;--sections-background-color:transparent;--sections-border-type:none;--sections-border-radius:0px 0px 0px 0px;--sections-padding:0px 0px 0px 0px;--edit-link-margin-top:0px;--edit-link-margin-start:0px;--typography-section-titles-color:#000080;--section-title-spacing:26px;--forms-rows-gap:22px;--forms-fields-focus-color:#000080;--order-summary-rows-gap-top:calc( 40px/2 );--order-summary-rows-gap-bottom:calc( 40px/2 );--tables-title-color:#000080;--tables-items-color:#000080;--tables-links-normal-color:#000080;--tables-links-hover-color:#AA0000;--tables-divider-border-type:solid;--tables-divider-border-width:1px;--tables-divider-border-color:#C1C1C1;}.elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Hurme Geometric Sans 1", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.5em;letter-spacing:0.64px;}.elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 0px + 40px );}.elementor-5922 .elementor-element.elementor-element-kacc .woocommerce-pagination{padding-bottom:0px;}.elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Hurme Geometric Sans 1", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:1.275em;letter-spacing:1.8px;}.e-woo-select2-wrapper .select2-results__option:focus{color:#000080;}.elementor-5922 .elementor-element.elementor-element-kacc .order_details thead th, .elementor-5922 .elementor-element.elementor-element-kacc .order_details tfoot td, .elementor-5922 .elementor-element.elementor-element-kacc .order_details tfoot th, .elementor-5922 .elementor-element.elementor-element-kacc .nobr{font-family:"Hurme Geometric Sans 1", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;line-height:1.5em;letter-spacing:3px;}.elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab__orders tbody td, .elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab__downloads tbody td, .elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .product-quantity, .elementor-5922 .elementor-element.elementor-element-kacc .woocommerce-table--order-downloads tbody td, .elementor-5922 .elementor-element.elementor-element-kacc .woocommerce-table--order-details td a, .elementor-5922 .elementor-element.elementor-element-kacc td.product-total, .elementor-5922 .elementor-element.elementor-element-kacc td.payment-method-method, .elementor-5922 .elementor-element.elementor-element-kacc td.payment-method-expires{font-family:"Eames Century Modern", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}@media(max-width:1024px){.elementor-5922 .elementor-element.elementor-element-kh1 .elementor-heading-title{font-size:var( --e-global-typography-lvh140-font-size );line-height:var( --e-global-typography-lvh140-line-height );letter-spacing:var( --e-global-typography-lvh140-letter-spacing );}}@media(max-width:767px){.elementor-5922 .elementor-element.elementor-element-kroot{--padding-top:26px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-5922 .elementor-element.elementor-element-kh1 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-5922 .elementor-element.elementor-element-kh1 .elementor-heading-title{font-size:var( --e-global-typography-lvh140-font-size );line-height:var( --e-global-typography-lvh140-line-height );letter-spacing:var( --e-global-typography-lvh140-letter-spacing );}.elementor-5922 .elementor-element.elementor-element-kacc > .elementor-widget-container{margin:26px 0px 0px 0px;}.elementor-5922 .elementor-element.elementor-element-kacc{--tabs-padding:14px 0px 14px 0px;--section-title-spacing:20px;--forms-rows-gap:22px;}.elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-5922 .elementor-element.elementor-element-kacc .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-size:26px;line-height:1.38em;}}/* Start custom CSS *//* S5 (2026-09-28): field focus is RED 3px (2px border + 1px inset), per Figma 81:633 and the
   owner's decision - it was navy. Button focus rings stay navy: the decision covers fields. */
/* =========================================================================
   LV — Minu konto · template 5922

   E1 — Logi sisse / Loo konto. Figma 67:221 (desktop 1440) · 70:965 (mobile 375)

   My Account is classic WooCommerce PHP, not blocks, so the cascade here is the
   ordinary one: this sheet prints as elementor-post-5922, after the kit
   (elementor-post-16), both in the head. None of the wp_footer channel that
   B-50 / B-51 forced on the cart and checkout is needed.
   ========================================================================= */

/* Elementor's tab shell draws a bordered card that no account frame has. */
.lv-konto .e-my-account-tab {
	border: 0;
	padding: 0;
	background: none;
}

/* --- classic WooCommerce notices ----------------------------------------
   F5.4, read off 67:518 rather than approximated: cream ground, and a 4px bar
   INSET 24 from the left with the text at 44 - which is what lines the notice's
   text up with the card's own content below it. The bar spans the text block
   rather than a fixed 24px, so a notice that wraps to three lines still reads
   as one marked block.

   T5 built the block cart/checkout notices with a flush edge border instead,
   calling it "the same picture". It is close, but it does not produce that
   alignment. Raised as a ticket so the two are settled together rather than
   drifting - and the same ticket carries the info colour, which T5 put on brand
   red and this uses yellow for.

   TWO traps, both of which produce a rule that half-works:

   1. The three notice types do NOT share a tag. `notices/error.php` renders a
      <ul> wrapping one <li> per message; `success.php` and `notice.php` each
      render a <div>. Qualifying with `ul` styles errors only and leaves every
      confirmation and info banner in WooCommerce's colours.

   2. Elementor Pro's own widget-woocommerce-my-account sheet carries ~122
      rules at (0,4,0) to (0,6,0), including
      `... .e-my-account-tab:not(...) .woocommerce-message { font-size: 14px }`.
      Every other rule in this file clears that bar because it carries the
      #customer_login or #lv-konto-panel id; notices live OUTSIDE both, in
      .woocommerce-notices-wrapper, so they have to earn the specificity by
      naming the widget and the tab. Four classes, and this sheet loads after
      Elementor's, so it wins.
   ------------------------------------------------------------------------ */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-error,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-message,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info {
	position: relative;
	margin: 0 0 28px;
	padding: 18px 22px 18px 44px;
	border: 0;
	border-radius: 0;
	background: #FFF0D7;
	color: #000080;
	font-family: "Eames Century Modern", Georgia, serif;
	font-size: 16px;
	line-height: 1.5;
	list-style: none;
	width: auto;
}

/* Woo puts an icon in this pseudo-element; it becomes the accent bar. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-error::before,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-message::before,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info::before {
	content: "";
	position: absolute;
	left: 24px;
	top: 18px;
	bottom: 18px;
	width: 4px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #AA0000;
	font-size: 0;
	border-radius: 0;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-message::before {
	background: #000080;
}

/* #222 settled (owner, 2026-09-25): Info is navy like Success - it was yellow. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info::before {
	background: #000080;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-error li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-error li + li {
	margin-top: 8px;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-error a,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-message a,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info a {
	color: #AA0000;
}

/* --- the two panels ------------------------------------------------------
   Woo floats these at 48% from woocommerce-layout.css; the frame wants two
   equal columns of 640 with a 40 gap, which at 1440 is exactly the 1320 shell.
   ------------------------------------------------------------------------ */
.lv-konto #customer_login.u-columns {
	display: flex;
	align-items: stretch;
	gap: 40px;
	margin: 0;
}

.lv-konto #customer_login > .u-column1,
.lv-konto #customer_login > .u-column2 {
	float: none;
	width: auto;
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	padding: 44px;
	background: #FFF0D7;
}

.lv-konto #customer_login h2 {
	margin: 0 0 28px;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.275;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #000080;
}

/* Only WooCommerce's own `.woocommerce form.login { margin: 2em 0 }` is being
   undone here. The WHITE PANEL these forms used to sit on came from Elementor
   Pro, not from Woo, and is switched off in the widget's Style > Sections
   controls instead - see B-58. Do not re-add a background override here; the
   controls are the single source for it, and they fix the reset-password form
   and every logged-in section at the same time. */
.lv-konto #customer_login form.woocommerce-form {
	margin: 0;
	padding: 0;
	border: 0;
}

/* --- fields -------------------------------------------------------------- */
.lv-konto #customer_login .woocommerce-form p.form-row {
	margin: 0 0 22px;
	padding: 0;
}

.lv-konto #customer_login .woocommerce-form label,
.lv-konto #lv-konto-panel label,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account .form-row label,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields .form-row label:not(.screen-reader-text) {
	display: block;
	margin: 0 0 10px;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #000080;
}

/* Woo prints the asterisk in its own red; the frame keeps it navy. */
.lv-konto #customer_login .woocommerce-form label .required,
.lv-konto #lv-konto-panel label .required,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account .form-row label .required,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields .form-row label .required {
	color: #000080;
	text-decoration: none;
}

.lv-konto #customer_login .woocommerce-form input.input-text,
.lv-konto #lv-konto-panel input.input-text,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account input.input-text,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields input.input-text {
	box-sizing: border-box;
	width: 100%;
	height: 56px;
	margin: 0;
	/* Field/Input (boxed) 52:24 is a 2px navy box with its text 18 from the
	   outer edge; Figma strokes sit inside the frame, so 18 = 2 + 16 here. S0. */
	padding: 14px 16px;
	border: 2px solid #000080;
	border-radius: 0;
	background: #FFFFFF;
	color: #000080;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	box-shadow: none;
}

.lv-konto #customer_login .woocommerce-form input.input-text::placeholder,
.lv-konto #lv-konto-panel input.input-text::placeholder,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account input.input-text::placeholder,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields input.input-text::placeholder {
	color: rgba(0, 0, 128, 0.5);
	opacity: 1;
}

.lv-konto #customer_login .woocommerce-form input.input-text:focus,
.lv-konto #lv-konto-panel input.input-text:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account input.input-text:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields input.input-text:focus {
	border-color: #AA0000;
	box-shadow: inset 0 0 0 1px #AA0000;
	outline: none;
}

/* --- remember me + submit -----------------------------------------------
   Woo puts the checkbox, the nonce and the submit button in ONE <p>. The
   frame stacks them 28 apart, so that <p> becomes the flex column.

   The label body.elementor-page-5922 carries `label` on purpose: without it the generic label
   rule above is (1,2,1) against this rule's (1,2,0) and wins the type on the
   element count alone, leaving the checkbox text set in 10px tracked caps.
   ------------------------------------------------------------------------ */
.lv-konto #customer_login form.login p.form-row:not(.form-row-wide) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	margin: 0 0 20px;
}

.lv-konto #customer_login label.woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
	color: #000080;
	cursor: pointer;
}

.lv-konto #customer_login label.woocommerce-form-login__rememberme span {
	font: inherit;
	letter-spacing: inherit;
	text-transform: none;
	color: inherit;
}

/* F5.8: an 18px navy square. The kit styles bare inputs at (0,3,1), which the
   id in this body.elementor-page-5922 clears comfortably. */
.lv-konto #customer_login input.woocommerce-form__input-checkbox {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 2px solid #000080;
	border-radius: 0;
	background: #FFFFFF;
	cursor: pointer;
}

.lv-konto #customer_login input.woocommerce-form__input-checkbox:checked {
	background: #000080;
}

.lv-konto #customer_login input.woocommerce-form__input-checkbox:checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 0;
	width: 5px;
	height: 9px;
	border: solid #FFFFFF;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.lv-konto #customer_login input.woocommerce-form__input-checkbox:focus-visible {
	outline: 3px solid #AA0000;
	outline-offset: 2px;
}

/* --- buttons -------------------------------------------------------------
   F5.2 primary. Owner rule, standing since Stage T: buttons never react to the
   pointer. :focus-visible is the deliberate exception — a keyboard user has to
   be able to see where they are.
   ------------------------------------------------------------------------ */
.lv-konto #customer_login button.button,
.lv-konto #lv-konto-panel button.button {
	display: inline-block;
	width: auto;
	min-height: 40px;
	margin: 0;
	padding: 10px 26px;
	border: 0;
	border-radius: 0;
	background: #FFC900;
	color: #000080;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	cursor: pointer;
}

.lv-konto #customer_login button.button:hover,
.lv-konto #customer_login button.button:focus,
.lv-konto #customer_login button.button:active,
.lv-konto #lv-konto-panel button.button:hover,
.lv-konto #lv-konto-panel button.button:focus,
.lv-konto #lv-konto-panel button.button:active {
	border: 0;
	background: #FFC900;
	color: #000080;
	box-shadow: none;
	transform: none;
	opacity: 1;
	text-decoration: none;
}

.lv-konto #customer_login button.button:focus-visible,
.lv-konto #lv-konto-panel button.button:focus-visible {
	outline: 2px solid #000080;
	outline-offset: 3px;
}

/* --- lost password ------------------------------------------------------- */
.lv-konto #customer_login p.woocommerce-LostPassword {
	margin: 0;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
}

.lv-konto #customer_login p.woocommerce-LostPassword a {
	color: #AA0000;
	text-decoration: none;
}

/* --- register panel ------------------------------------------------------ */
.lv-konto #customer_login .woocommerce-privacy-policy-text {
	margin: 0 0 28px;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

.lv-konto #customer_login .woocommerce-privacy-policy-text p {
	margin: 0;
}

.lv-konto #customer_login .woocommerce-privacy-policy-text a {
	color: #AA0000;
	text-decoration: underline;
}

.lv-konto #customer_login form.register p.form-row:not(.form-row-wide) {
	margin: 0;
}

/* --- E2 · Unustatud parool ------------------------------------------------
   Figma 67:354. One cream card, half the shell wide, so it lines up exactly
   with E1's left-hand panel: calc((100% - 40px) / 2) is the same arithmetic
   the two flex columns resolve to.

   The card is our own wrapper (see lv-account.php) because WooCommerce renders
   only the <form> here - no heading, no way back. Its id is what gives these
   rules the specificity to clear Elementor Pro's (0,7,0) account rules; on E1
   that came free from Woo's own #customer_login.
   ------------------------------------------------------------------------ */
.lv-konto #lv-konto-panel {
	box-sizing: border-box;
	width: calc((100% - 40px) / 2);
	padding: 44px;
	background: #FFF0D7;
}

.lv-konto #lv-konto-panel .lv-konto__panel-title {
	margin: 0 0 28px;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.275;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #000080;
}

.lv-konto #lv-konto-panel form.woocommerce-ResetPassword {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The intro paragraph is the form's only unclassed <p>. Elementor targets that
   same shape with `.woocommerce .login p:not([class])` at 12px grey, which the
   id here clears. */
.lv-konto #lv-konto-panel form.woocommerce-ResetPassword > p:not([class]) {
	margin: 0 0 28px;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

/* Woo floats .form-row-first at 47%; the frame has one full-width field. */
.lv-konto #lv-konto-panel p.form-row {
	width: 100%;
	float: none;
	margin: 0 0 22px;
	padding: 0;
}

.lv-konto #lv-konto-panel p.form-row:last-of-type {
	margin: 0;
}

.lv-konto #lv-konto-panel .clear {
	display: none;
}

.lv-konto #lv-konto-panel .lv-konto__back {
	margin: 20px 0 0;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
}

.lv-konto #lv-konto-panel .lv-konto__back a {
	color: #AA0000;
	text-decoration: none;
}

/* --- E3 · Uus parool ------------------------------------------------------
   Figma 67:460. Same panel as E2, so almost everything is already in place;
   what follows is only what differs.

   67:522 has no intro paragraph. `woocommerce_reset_password_message` is
   filtered empty, which still leaves Woo's <p> in the markup - dropping it here
   rather than rewriting the template keeps this file the only place that knows
   the paragraph is unwanted.
   ------------------------------------------------------------------------ */
.lv-konto #lv-konto-panel form.woocommerce-ResetPassword > p:empty {
	display: none;
}

/* Woo splits these two into form-row-first / form-row-last, which its own CSS
   floats at 47%. The frame stacks them full width; p.form-row above already
   says width:100%, and this clears the float's other half. */
.lv-konto #lv-konto-panel p.form-row-first,
.lv-konto #lv-konto-panel p.form-row-last {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-left: 0;
}

/* The notice above the card is the ONE place in Stage E where a notice is not
   full width: 67:518 draws it 640 wide, flush with the card beneath it. Only
   the two password views get that treatment - on the logged-in views a notice
   spans its content column. */
body.lv-account--lost-password .lv-konto .woocommerce-notices-wrapper {
	max-width: calc((100% - 40px) / 2);
}

body.lv-account--lost-password .lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-error,
body.lv-account--lost-password .lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-message,
body.lv-account--lost-password .lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info {
	margin-bottom: 36px;
}

@media (max-width: 767px) {

	body.lv-account--lost-password .lv-konto .woocommerce-notices-wrapper {
		max-width: none;
	}
}

/* --- mobile 375 · Figma 70:965 ------------------------------------------- */

/* --- password reveal ----------------------------------------------------
   Not in the frame, which was drawn before WooCommerce added it. Kept anyway:
   it is Woo's own control, it already carries an Estonian aria-label, and a
   password field you cannot check is a worse experience than a frame that is
   one glyph out of date. Styled to belong — navy, and inset to the same 18 the
   input is padded by, with room made so typed text never runs under it.

   Its lit state is a real state change, not a pointer reaction, so it does not
   breach the no-hover rule.
   ------------------------------------------------------------------------ */
.lv-konto #customer_login .password-input {
	display: block;
	position: relative;
}

.lv-konto #customer_login .password-input input.input-text {
	padding-right: 52px;
}

.lv-konto #customer_login button.show-password-input {
	right: 16px;
	padding: 0;
	border: 0;
	background: none;
	color: rgba(0, 0, 128, 0.55);
}

.lv-konto #customer_login button.show-password-input:hover,
.lv-konto #customer_login button.show-password-input:focus,
.lv-konto #customer_login button.show-password-input:active {
	background: none;
	border: 0;
	box-shadow: none;
	color: rgba(0, 0, 128, 0.55);
}

.lv-konto #customer_login button.show-password-input.display-password,
.lv-konto #customer_login button.show-password-input.display-password:hover,
.lv-konto #customer_login button.show-password-input.display-password:focus {
	color: #000080;
}

.lv-konto #customer_login button.show-password-input:focus-visible {
	outline: 2px solid #000080;
	outline-offset: 2px;
}


/* WooCommerce clearfixes every .form-row with a ::before and an ::after that
   both carry `content: " "`. Harmless while the row is display:block — but the
   moment it becomes a flex container they turn into two zero-width FLEX ITEMS,
   and the 28px gap is applied around them too. That is 28 above the checkbox,
   28 below the button, and a row 56 taller than it should be: a layout that
   still looks plausible, which is what makes it worth measuring rather than
   eyeballing.
   ------------------------------------------------------------------------ */
.lv-konto #customer_login.u-columns::before,
.lv-konto #customer_login.u-columns::after,
.lv-konto #customer_login form.login p.form-row:not(.form-row-wide)::before,
.lv-konto #customer_login form.login p.form-row:not(.form-row-wide)::after {
	content: none;
}

@media (max-width: 767px) {

	.lv-konto #customer_login.u-columns {
		flex-direction: column;
		gap: 24px;
	}

	.lv-konto #customer_login > .u-column1,
	.lv-konto #customer_login > .u-column2 {
		/* 26 top and bottom, 22 either side - the mobile frame insets them differently. */
		padding: 26px 22px;
	}

	.lv-konto #customer_login h2 {
		margin: 0 0 22px;
		font-size: 26px;
		line-height: 1.38;
	}

	.lv-konto #customer_login .woocommerce-form p.form-row {
		margin: 0 0 20px;
	}

	.lv-konto #customer_login form.login p.form-row:not(.form-row-wide) {
		gap: 22px;
		margin: 0 0 18px;
	}

	/* E2 / E3 · 97:977 and 97:1150 keep the desktop card's rhythm on a phone -
	   28 under the title and the intro, 22 between fields, 20 above the back
	   link - and only narrow the sides to 20. The title stays on the mobile
	   heading style (26); the frames' 23 is detached placeholder text. S0. */
	.lv-konto #lv-konto-panel {
		width: 100%;
		padding: 44px 20px;
	}

	.lv-konto #lv-konto-panel .lv-konto__panel-title {
		font-size: 26px;
		line-height: 1.38;
	}
}


/* =========================================================================
   E4 · Töölaud — and the two-column shell every logged-in view uses.
   Figma 69:499 (desktop 1440) · 70:1078 (mobile 375)
   ========================================================================= */

/* --- the two columns -----------------------------------------------------
   Elementor floats the nav left at 25% and pads the content 6%; the frame
   wants a fixed 320 rail and a 40 gap. Scoped to lv-account--in because the
   SAME .woocommerce wrapper holds E1's login columns and E2/E3's single panel
   when logged out, and turning it into a flex row there would break all three.
   ------------------------------------------------------------------------ */
body.lv-account--in .lv-konto .e-my-account-tab .woocommerce {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

/* B-57: Woo clearfixes this wrapper, and both pseudo-elements would become
   flex items with a 40px gap around them. */
body.lv-account--in .lv-konto .e-my-account-tab .woocommerce::before,
body.lv-account--in .lv-konto .e-my-account-tab .woocommerce::after {
	content: none;
}

body.lv-account--in .lv-konto .lv-konto__nav {
	box-sizing: border-box;
	flex: 0 0 320px;
	width: 320px;
	align-self: flex-start;
	padding: 34px 30px 35px;
	background: #000080;
}

body.lv-account--in .lv-konto .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	flex: 1 1 0;
	min-width: 0;
	padding: 0;
}

/* --- the navy rail ------------------------------------------------------
   Only the panel and its title are CSS. The links themselves — type, colours,
   padding, and the 1px divider between them — are the widget's own Style > Tabs
   controls, which is the right lever here (B-58): Elementor's vertical-tab
   rules set `display:inline-block` on the li and their own padding, size and
   link colour on the a, and out-specifying all of that would be fighting a
   control panel that already exists.
   ------------------------------------------------------------------------ */
.lv-konto .lv-konto__navtitle {
	margin: 0 0 20px;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.275;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #FFFFFF;
}

.lv-konto .woocommerce-MyAccount-navigation {
	margin: 0;
	padding: 0;
}

/* Elementor floats this rail and sizes it 25% at (0,4,0); the frame wants a
   fixed 320 column, which the wrapper provides, so the <nav> itself just fills
   it. At (0,2,0) our override lost silently and the rail shrink-wrapped to its
   shortest item — 65px — which is why KONTO ANDMED and LOGI VÄLJA wrapped. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation {
	float: none;
	width: auto;
}

/* The items must be full-width blocks: Elementor's divider is an ::after at
   width:100% of the li, so an inline-block li draws a rule only as wide as its
   own text instead of the 260 the frame rules across. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li {
	display: block;
	width: 100%;
}

/* Elementor hides the divider under the last item; 69:575 draws one. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout::after {
	display: block;
}


/* --- dashboard: greeting -------------------------------------------------- */
.lv-konto .lv-konto__greeting .elementor-heading-title {
	text-transform: uppercase;
}

.lv-konto .lv-konto__notyou {
	margin: 0;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

.lv-konto .lv-konto__notyou a {
	color: #AA0000;
	text-decoration: none;
}

/* --- dashboard: last order ----------------------------------------------- */
.lv-konto .lv-last-order {
	padding: 30px;
	background: #FFF0D7;
}

.lv-konto .lv-last-order__label {
	margin: 0 0 16px;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #000080;
}

/* Flex at both widths rather than grid, so the mobile rearrangement is a
   matter of `order` and one pseudo-element used as a line break — and so the
   pseudo-element cannot quietly become an extra column (B-57). */
.lv-konto .lv-last-order__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 22px;
}

.lv-konto .lv-last-order__meta::after {
	content: none;
}

.lv-konto .lv-last-order__no,
.lv-konto .lv-last-order__date,
.lv-konto .lv-last-order__total {
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.275;
	color: #000080;
}

.lv-konto .lv-last-order__no {
	flex: 0 0 180px;
}

.lv-konto .lv-last-order__date {
	flex: 0 0 200px;
}

.lv-konto .lv-last-order__total {
	flex: 0 0 180px;
}

.lv-konto .lv-last-order__total bdi {
	font: inherit;
}

.lv-konto .lv-last-order__status {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
}

/* --- the status chip (shared with E5) ------------------------------------ */
.lv-konto .lv-chip {
	display: inline-block;
	padding: 6px 14px;
	background: #FFF0D7;
	color: #000080;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	white-space: nowrap;
	border: 0;
}

.lv-konto .lv-chip--processing {
	background: #FFC900;
}

/* 69:592 gives the chip a cream ground, which is the panel's own colour here —
   a completed order's chip would disappear into it. White instead, everywhere
   except the yellow state. Filling a gap the frames do not cover: they only
   ever draw this chip on white (E5's table) or in its yellow state (here). */
.lv-konto .lv-last-order .lv-chip {
	background: #FFFFFF;
}

.lv-konto .lv-last-order .lv-chip--processing {
	background: #FFC900;
}

/* --- buttons in the account body ----------------------------------------- */
.lv-konto .lv-last-order__actions {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.lv-konto .lv-btn,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content p.order-again a.button,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account button.button,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields button.button,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Address a.edit {
	display: inline-block;
	box-sizing: border-box;
	border-radius: 0;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	letter-spacing: 0.3em;
	text-align: center;
	white-space: nowrap;
}

.lv-konto .lv-btn--primary,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content p.order-again a.button,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account button.button,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields button.button {
	padding: 10px 26px;
	border: 0;
	background: #FFC900;
	color: #000080;
	font-size: 13px;
	line-height: 1.5;
}

/* F5.2 records the secondary button as transparent, which was measured on a
   white page. 69:598 draws it on cream and its interior is white, so the fill
   is real rather than inherited. */
.lv-konto .lv-btn--secondary,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view {
	padding: 9px 26px;
	border: 1px solid #000080;
	background: #FFFFFF;
	color: #000080;
	font-size: 12px;
	line-height: 1.5;
}

.lv-konto .lv-btn:hover,
.lv-konto .lv-btn:focus,
.lv-konto .lv-btn:active,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again:active,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view:active {
	box-shadow: none;
	transform: none;
	opacity: 1;
	text-decoration: none;
}

.lv-konto .lv-btn--primary:hover,
.lv-konto .lv-btn--primary:focus,
.lv-konto .lv-btn--primary:active,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again:active,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content p.order-again a.button:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content p.order-again a.button:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content p.order-again a.button:active,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account button.button:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account button.button:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account button.button:active,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields button.button:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields button.button:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields button.button:active {
	background: #FFC900;
	color: #000080;
	border: 0;
}

.lv-konto .lv-btn--secondary:hover,
.lv-konto .lv-btn--secondary:focus,
.lv-konto .lv-btn--secondary:active,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view:active {
	background: #FFFFFF;
	color: #000080;
	border: 1px solid #000080;
}

.lv-konto .lv-btn:focus-visible,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.order-again:focus-visible,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content a.button.view:focus-visible,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content p.order-again a.button:focus-visible,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account button.button:focus-visible,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields button.button:focus-visible,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Address a.edit:focus-visible {
	outline: 2px solid #000080;
	outline-offset: 3px;
}

/* --- dashboard: the three tiles ------------------------------------------ */
.lv-konto .lv-tile {
	box-sizing: border-box;
	flex: 1 1 0;
	min-width: 0;
	min-height: 276px;
	/* 69:602: a 2px stroke inside 26/24 - so 24/22 of padding here. S0. */
	padding: 24px 22px;
	border: 2px solid #000080;
	background: #FFFFFF;
}

.lv-konto .lv-tile__title .elementor-heading-title {
	text-transform: uppercase;
}

.lv-konto .lv-tile__text {
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

.lv-konto .lv-tile__text p {
	margin: 0;
}

/* The frame parks a fixed 100px spacer above the link; the intent is a link
   pinned to the bottom of a tile that is as tall as the tallest of the three. */
.lv-konto .lv-tile__link {
	margin-top: auto;
	padding-top: 18px;
}

.lv-konto .lv-tile__link a {
	color: #000080;
	text-decoration: none;
	text-transform: uppercase;
}

.lv-konto .lv-tile__link a::after {
	content: "→";
	margin-left: 10px;
	letter-spacing: 0;
}

.lv-konto .lv-tile__link a:focus-visible {
	outline: 2px solid #000080;
	outline-offset: 3px;
}

/* --- mobile 375 · 70:1078 ------------------------------------------------ */
@media (max-width: 767px) {

	body.lv-account--in .lv-konto .e-my-account-tab .woocommerce {
		flex-direction: column;
		gap: 30px;
		/* The desktop rule aligns these two columns to flex-start so the navy
		   rail hugs its content. Once the container turns vertical that same
		   value stops being about vertical alignment and starts meaning
		   shrink-to-fit WIDTH - and the content column grew to its widest child
		   (the order table), 375 inside a 335 parent, taking the page with it. */
		align-items: stretch;
	}

	body.lv-account--in .lv-konto .lv-konto__nav {
		flex: 0 0 auto;
		width: 100%;
		padding: 24px 22px 25px;
	}

	.lv-konto .lv-konto__navtitle {
		margin: 0 0 14px;
	}

	.lv-konto .lv-konto__greeting .elementor-heading-title {
		font-size: 26px;
		line-height: 1.38;
	}

	/* 70:1078 drops this line entirely; the logout link is in the rail above.
	   The WIDGET has to go, not just its <p>: Elementor carries the 34px gap on
	   the widget's own container, so hiding the paragraph alone left the gap. */
	.lv-konto .lv-konto__notyou-w {
		display: none;
	}

	.lv-konto .lv-last-order {
		padding: 24px 22px;
	}

	.lv-konto .lv-last-order__label {
		margin: 0 0 14px;
	}

	.lv-konto .lv-last-order__meta {
		margin: 0 0 20px;
	}

	.lv-konto .lv-last-order__no {
		flex: 0 0 auto;
		order: 0;
	}

	.lv-konto .lv-last-order__status {
		flex: 0 0 auto;
		order: 1;
		margin-left: auto;
	}

	/* A flex item made of nothing, purely to end the first line. */
	.lv-konto .lv-last-order__meta::after {
		content: "";
		flex: 0 0 100%;
		height: 12px;
		order: 2;
	}

	.lv-konto .lv-last-order__date {
		flex: 0 0 auto;
		order: 3;
	}

	.lv-konto .lv-last-order__total {
		flex: 0 0 auto;
		order: 4;
	}

	.lv-konto .lv-last-order__total::before {
		content: "·";
		margin: 0 8px;
	}

	.lv-konto .lv-last-order__actions {
		flex-direction: column;
		gap: 12px;
	}

	.lv-konto .lv-btn {
		width: 100%;
	}

	/* `flex: 1 1 0` sizes the MAIN axis. In a column that is the height, so the
	   three tiles collapsed to their padding - 46px tall - once the container
	   turned vertical. Same shorthand, opposite meaning. */
	.lv-konto .lv-tile {
		flex: 0 0 auto;
		min-height: 0;
		padding: 20px 18px;
	}

	.lv-konto .lv-tile__link {
		padding-top: 16px;
	}
}


/* =========================================================================
   E5 · Tellimused. Figma 69:666 (desktop 1440) · 70:1218 (mobile 375)
   ========================================================================= */

/* The endpoint heading, printed by [lv_account_title] on every logged-in view
   that is not the dashboard — TELLIMUSED, AADRESSID, KONTO ANDMED, TELLIMUS #n. */
/* --- the orders table ----------------------------------------------------
   Type, colours, row padding and the divider all come from the widget's own
   Style > Tables and Style > Section titles controls, because Elementor writes
   those from CSS variables at specificity 63-73 and there is a control for each
   (B-58). What is left here is the geometry it hard-codes and the two columns
   the frame sets larger than the rest.
   ------------------------------------------------------------------------ */
.lv-konto table.woocommerce-orders-table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

/* 150 / 150 / 190 / 150 / 320 of the frame's 960, as percentages so they hold
   at the 1305 shell too. */
.lv-konto table.woocommerce-orders-table th.woocommerce-orders-table__header-order-number,
.lv-konto table.woocommerce-orders-table th.woocommerce-orders-table__header-order-date,
.lv-konto table.woocommerce-orders-table th.woocommerce-orders-table__header-order-total {
	width: 15.625%;
}

.lv-konto table.woocommerce-orders-table th.woocommerce-orders-table__header-order-status {
	width: 19.7917%;
}

.lv-konto table.woocommerce-orders-table th.woocommerce-orders-table__header-order-actions {
	width: 33.3333%;
}

.lv-konto table.woocommerce-orders-table th,
.lv-konto table.woocommerce-orders-table td {
	border: 0;
	background: none;
	text-align: left;
	vertical-align: middle;
	font-weight: 400;
}

/* Elementor pins thead cells to `padding-top: 0` and a 9px bottom, from a
   variable that has NO control behind it - the one value in this table it does
   not expose. 69:747 wants 12 above and below the 15px label. Matching its own
   `thead:first-child tr:first-child` shape is what clears its (0,6,3). */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table thead:first-child tr:first-child th {
	padding: 12px 0;
	border-bottom: 1px solid #C1C1C1;
}

/* 69:761 and 69:768 set the number and the sum a step larger than the date. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr th.woocommerce-orders-table__cell-order-number,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-total {
	font-size: 20px;
	line-height: 1.275;
}

.lv-konto table.woocommerce-orders-table tbody bdi {
	font: inherit;
}

/* Desktop says the date; the item count belongs to the mobile card. */
.lv-konto table.woocommerce-orders-table .lv-o-count {
	display: none;
}

.lv-konto table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* --- pagination ----------------------------------------------------------
   69:824 draws a numbered pager, but that line is a build note on the frame and
   Woo's account pagination is Previous / Next only. Owner's call on 2026-09-10
   was to stay on stock WooCommerce, so this is styled rather than rebuilt. It
   cannot be seen with four fixture orders; it appears from the eleventh.
   ------------------------------------------------------------------------ */
.lv-konto .woocommerce-pagination {
	display: flex;
	gap: 12px;
	margin: 28px 0 0;
	padding: 0;
}

/* Four things the widget's controls do not reach.

   1. Elementor gives every account h2 a 30px top margin; the frame starts the
      heading at the top of the content column.
   2. `tables_titles_typography_*` styles the order-SUMMARY tables, not this
      header row, which stays on the theme's 14px Roboto.
   3. The order number is a <th>, and the items typography reaches the <td>s
      only — so it kept Roboto while its siblings took the serif.
   4. Woo pads cells 8px on the inline end; the frame's columns are flush.
   ------------------------------------------------------------------------ */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content h2.lv-konto__title {
	margin-top: 0;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table thead:first-child tr:first-child th {
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #000080;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr th.woocommerce-orders-table__cell-order-number {
	font-family: "Eames Century Modern", Georgia, serif;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr th,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr td {
	padding-right: 0;
	padding-left: 0;
}

/* --- E5 mobile 375 · 70:1218 -------------------------------------------
   Five columns do not fit 335px, and the frame says so in as many words. The
   table becomes one card per order: number and status on a line, then the date
   with its item count, the total, and the two buttons stacked full width — in
   the opposite order from the desktop row, TELLI UUESTI first.

   Every rule here names `tr.woocommerce-orders-table__row`. Without that class
   the body.elementor-page-5922s sit a hair BELOW Elementor's own `tbody>tr:nth-child(2n)>td`
   (0,5,3), and the 20px cell padding it sets from a variable survives into the
   card — which made every cell 67px tall and the card 445 instead of 246.
   ------------------------------------------------------------------------ */
@media (max-width: 767px) {

	.lv-konto table.woocommerce-orders-table,
	.lv-konto table.woocommerce-orders-table tbody {
		display: block;
		width: 100%;
	}

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

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		margin: 0 0 16px;
		/* 70:1280: 2px inside 22/20. S0. */
		padding: 20px 18px;
		border: 2px solid #000080;
		background: #FFFFFF;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row:last-child {
		margin-bottom: 0;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row th,
	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row td {
		display: block;
		padding: 0;
		border: 0;
	}

	/* Woo's shop_table_responsive prints the column name into every cell as
	   `td::before { content: attr(data-title) }`. The frame's card has no such
	   labels - and inside the actions cell, which is a flex column, that
	   pseudo-element becomes a FLEX ITEM: an empty one, but it still took a
	   line-height and a 10px gap, pushing the buttons 34px down. B-57 again,
	   from a different stylesheet. */
	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row th::before,
	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row td::before {
		content: none;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row th.woocommerce-orders-table__cell-order-number {
		grid-column: 1;
		grid-row: 1;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-status {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-date {
		grid-column: 1 / -1;
		grid-row: 2;
		margin-top: 12px;
	}

	/* 70:1288 sets the total in the sans, bold — the one thing the card
	   emphasises over the desktop row. */
	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-total {
		grid-column: 1 / -1;
		grid-row: 3;
		margin-top: 8px;
		font-family: "Hurme Geometric Sans 1", sans-serif;
		font-weight: 700;
		font-size: 20px;
		line-height: 1.275;
	}

	.lv-konto table.woocommerce-orders-table .lv-o-count {
		display: inline;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-actions {
		grid-column: 1 / -1;
		grid-row: 4;
		margin-top: 18px;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.lv-konto table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button {
		width: 100%;
	}

	/* The frame leads with TELLI UUESTI on the card and with VAATA in the row. */
	.lv-konto table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button.order-again {
		order: 0;
	}

	.lv-konto table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button.view {
		order: 1;
	}
}


/* Elementor colours every link in the account area with
   `.woocommerce a { color: var(--links-normal-color,#5bc0de) }` at (0,4,0),
   which is why the order numbers came out pale blue. B-58 again: the rule has
   to name the widget and the tab to clear it. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.woocommerce-orders-table tbody a:not(.button) {
	color: #000080;
	text-decoration: none;
}

/* WooCommerce's own prompt to verify the e-mail address, which links up orders
   placed as a guest with the same address. Kept — guest checkout is on, so it
   does real work — and given the secondary button's look. It depends on mail
   actually being deliverable: see G11.

   The frames have no design for it; this is the F5.2 secondary on cream, the
   same treatment the last-order panel's VAATA TELLIMUST gets. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info a.button,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-message a.button,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-error a.button {
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 9px 26px;
	border: 1px solid #000080;
	border-radius: 0;
	background: #FFFFFF;
	color: #000080;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info a.button:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info a.button:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info a.button:active {
	background: #FFFFFF;
	color: #000080;
	border: 1px solid #000080;
	box-shadow: none;
}

@media (max-width: 767px) {

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-info a.button,
	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-message a.button,
	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-error a.button {
		display: block;
		margin: 14px 0 0;
		text-align: center;
		white-space: normal;
	}
}


/* =========================================================================
   E6 · Tellimus #n. Figma 69:859

   69:945 — the invoice notice with its LAE ARVE ALLA (PDF) link — is not built.
   Owner's call, 2026-09-10: WooCommerce issues no PDF invoices. There is no
   invoice number and no file, so every word of that block would have been
   untrue. Nothing stands in its place.
   ========================================================================= */

/* The section-title spacing control is 26 for every account heading; this one
   view sets its heading 14 above the meta line. */
body.lv-account--view-order .lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content h2.lv-konto__title {
	margin-bottom: 14px;
}

.lv-konto .lv-order__meta {
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

.lv-konto .woocommerce-MyAccount-content > p:first-of-type {
	margin: 0;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content p.lv-order__status {
	margin: 20px 0 34px;
}

/* 69:955 labels the items table with a UI/Label 10, not the 30px section title
   the widget's control gives every other account h2. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content h2.woocommerce-order-details__title,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content h2.woocommerce-column__title {
	margin: 0 0 14px;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #000080;
}

/* --- the items table -----------------------------------------------------
   Two columns, not the frame's three. WooCommerce renders the quantity inline
   inside the product cell (`× 2`), and a third column would need
   order-details-item.php overridden in the theme - which this environment
   cannot do, sandbox PHP being confined to novamira-sandbox/. Stock Woo, per
   the owner's standing call.

   The whole table is laid out as blocks and grid rows rather than left as a
   table, for one reason: 69:991 wants the totals as their own cream panel with
   24px of air above it, and a <tfoot> can only become that if it is a block.
   A block inside a `table-layout: fixed` table takes the FIRST COLUMN's width
   - 650 of 945 here, 230 of 335 at mobile - and `width: 100%` resolves against
   that same box, so it does not help. Making the table itself a block is what
   fixes it.
   ------------------------------------------------------------------------ */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details thead,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot {
	display: block;
	width: 100%;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details thead tr,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody tr {
	display: grid;
	grid-template-columns: 68.75% 31.25%;
	align-items: center;
}

/* B-57 / B-62: any pseudo-element WooCommerce hangs on these rows or cells
   would become a grid item the moment the row stops being a table row. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tr::before,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tr::after,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody td::before {
	content: none;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details thead:first-child tr:first-child th {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid #C1C1C1;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #000080;
	text-align: left;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody tr td {
	display: block;
	padding: 18px 0;
	border: 0;
	border-bottom: 1px solid #C1C1C1;
	text-align: left;
	vertical-align: middle;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody tr td.product-total {
	font-size: 20px;
	line-height: 1.275;
}

.lv-konto table.order_details tbody a {
	color: #000080;
	text-decoration: none;
}

.lv-konto table.order_details .product-quantity {
	font-weight: 400;
}

.lv-konto table.order_details .wc-item-meta {
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.lv-konto table.order_details bdi {
	font: inherit;
}

/* --- the totals panel ---------------------------------------------------- */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot {
	box-sizing: border-box;
	margin: 24px 0 0;
	padding: 24px 26px;
	background: #FFF0D7;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot tr {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 20px;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot th,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot td {
	display: block;
	padding: 7px 0;
	border: 0;
	text-align: left;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

/* The KOKKU row. Found through the marker span the totals filter puts in the
   value, because order-details.php gives its tfoot rows no classes. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot tr:has(.lv-order-total) {
	margin-top: 10px;
	padding-top: 14px;
	border-top: 2px solid #000080;
	align-items: baseline;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot tr:has(.lv-order-total) th {
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.275;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot tr:has(.lv-order-total) td {
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.275;
	text-align: right;
}

.lv-konto table.order_details tfoot .includes_tax {
	display: block;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
}

/* Woo puts an actions row in the same tfoot. 69:991 has none, but re-ordering
   from the order you are looking at is the most natural place for it, so it
   stays — stock Woo — with a rule above it to keep KOKKU as the panel's last
   emphatic line. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot tr:last-child:not(:has(.lv-order-total)) {
	margin-top: 18px;
	align-items: center;
}

/* --- the address cards ---------------------------------------------------- */
.lv-konto .woocommerce-customer-details .addresses {
	display: flex;
	gap: 24px;
	margin: 34px 0 0;
}

/* B-57: Woo clearfixes col2-set, and both pseudo-elements would become flex
   items with a 24px gap around them. */
.lv-konto .woocommerce-customer-details .addresses::before,
.lv-konto .woocommerce-customer-details .addresses::after {
	content: none;
}

.lv-konto .woocommerce-customer-details .addresses > .col-1,
.lv-konto .woocommerce-customer-details .addresses > .col-2 {
	box-sizing: border-box;
	float: none;
	width: auto;
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	/* 69:1009: a 2px stroke inside 24/26. S0. */
	padding: 22px 24px;
	border: 2px solid #000080;
	background: #FFFFFF;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-customer-details address {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

.lv-konto .woocommerce-customer-details address p {
	margin: 0;
	font: inherit;
}

/* 69:1012 runs the registry lines straight on from the postal address, no
   blank line (that is E7's 69:1137, and was wrongly carried over here - S0). */
.lv-konto .woocommerce-customer-details address p.lv-order__b2b {
	margin: 0;
}

/* 69:1011: 12 under the card's label, where the items label has 14. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content h2.woocommerce-column__title {
	margin-bottom: 12px;
}

/* --- E6 mobile 375 · Figma 97:1328 -------------------------------------
   Recovered in S0. The frame keeps the desktop rhythm - 20 / 34 around the
   status chip, 24/26 in the totals panel, 34 above the addresses - and turns
   each item into two stacked lines with no header row.
   ------------------------------------------------------------------------ */
@media (max-width: 767px) {

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details thead {
		display: none;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody {
		border-top: 1px solid #C1C1C1;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody tr {
		display: block;
		padding: 14px 0;
		border-bottom: 1px solid #C1C1C1;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody tr td {
		padding: 0;
		border: 0;
		font-size: 16px;
		line-height: 1.5;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tbody tr td.product-total {
		margin-top: 6px;
		font-size: 20px;
		line-height: 1.275;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot tr:has(.lv-order-total) td {
		font-size: 23px;
	}

	/* A label cell sized itself wider than the row once the panel narrowed to
	   283 - Kohaletoimetamine next to its price ran 6px off the screen. The
	   label gives way; the amount never wraps. */
	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot th {
		flex: 1 1 auto;
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce table.order_details tfoot td {
		flex: 0 1 auto;
		min-width: 0;
	}

	.lv-konto .woocommerce-customer-details .addresses {
		flex-direction: column;
		gap: 16px;
	}
}

.lv-konto .woocommerce-MyAccount-content p.order-again {
	margin: 24px 0 0;
}

/* Woo prefixes the phone and e-mail lines with icon glyphs and indents them
   for it; 69:1012 has neither. */
.lv-konto .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.lv-konto .woocommerce-customer-details .woocommerce-customer-details--email::before {
	content: none;
}

.lv-konto .woocommerce-customer-details .woocommerce-customer-details--phone,
.lv-konto .woocommerce-customer-details .woocommerce-customer-details--email {
	padding-left: 0;
}

/* Long product names must break rather than widen the grid column. */
.lv-konto table.order_details td.product-name {
	overflow-wrap: anywhere;
}


/* =========================================================================
   E8 · Konto andmed. Figma 69:1186

   The frame draws four fields, a rule, a PAROOLI VAHETUS heading and three more.
   WooCommerce's form is the same shape, plus D5's B2B block between the e-mail
   address and the password fieldset - which the frame has no equivalent for,
   because it was drawn assuming those would be address fields.

   Labels stay WooCommerce's own. The frame's wording differs only as synonyms
   (Perenimi / Perekonnanimi, Parooli vahetus / Parooli muutmine) and the owner's
   standing call is to stay on stock Woo where the difference is not material.
   ========================================================================= */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account {
	display: flex;
	flex-wrap: wrap;
	/* Column gap only. The VERTICAL 22 is the widget's Forms > Rows Gap
	   control, which Elementor writes as `.form-row { margin-bottom }` at
	   (0,6,0) - it reaches the fieldset and the B2B block too, where a flex
	   gap on this form cannot. Using both would have stacked 22 on 22. */
	gap: 0 22px;
	margin: 0;
	padding: 34px;
	border: 0;
	background: #FFF0D7;
}

.lv-konto .woocommerce form.edit-account > * {
	flex: 0 0 100%;
}

/* Woo pads every .form-row by 3px, which made each field group 87 tall where
   the frame's is 81. */
.lv-konto .woocommerce form.edit-account .form-row {
	padding: 0;
}

/* 69:1267 pairs the two name fields, 435 of 892 each on a 22 gap. */
.lv-konto .woocommerce form.edit-account > p.form-row-first,
.lv-konto .woocommerce form.edit-account > p.form-row-last {
	flex: 0 0 calc((100% - 22px) / 2);
	float: none;
	width: auto;
}

/* Woo's float clears have no work to do in a flex form, and each one would be
   a full-width flex item with a 22px gap on either side of it. */
.lv-konto .woocommerce form.edit-account > .clear {
	display: none;
}

/* 69:1288: a rule, 10 below the last field and 24 above the heading. The 22 is
   the form's own gap; the 10 is this margin. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account > fieldset {
	margin: 10px 0 0;
	padding: 24px 0 0;
	border: 0;
	/* 69:1288 is navy. S0. */
	border-top: 1px solid #000080;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account > fieldset > legend {
	display: block;
	width: auto;
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.275;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #000080;
}

/* A <legend> is not laid out like other boxes: the browser draws it IN the
   fieldset's top border, centred on the line, and cuts the line behind it.
   So the 24 of padding-top never applied - the heading sat on the rule and
   broke it, where 69:1288-1289 put a clean rule 24 above the heading.
   Floating the legend is what takes it out of the border; the first field
   then clears it. S0. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account > fieldset > legend {
	float: left;
	width: 100%;
}

.lv-konto .woocommerce form.edit-account > fieldset > legend + * {
	clear: both;
}

.lv-konto .woocommerce form.edit-account > fieldset p.form-row:last-child {
	margin-bottom: 0;
}

/* The D5 block sits between the e-mail address and the password fieldset. */
.lv-konto .woocommerce form.edit-account .lv-b2b p.form-row:last-child {
	margin-bottom: 0;
}

/* T4's note, in its account-page form: Woo appends "(valikuline)" to anything
   not required, which on a checkbox reads as nonsense - ticking it IS the
   choice. The three fields below it are conditionally required, not optional,
   so the same suffix misleads there too. */
.lv-konto .woocommerce form.edit-account .lv-b2b .optional,
.lv-konto .woocommerce form.edit-account > p.form-row .optional {
	display: none;
}

/* Woo explains what the display name is for; 69:1282 has no such line, but an
   explanation of a non-obvious field is worth more than the 20px it costs. */
.lv-konto .woocommerce form.edit-account #account_display_name_description {
	display: block;
	margin: 8px 0 0;
	font-family: "Eames Century Modern", Georgia, serif;
	font-size: 14px;
	line-height: 1.5;
	color: #000080;
}

.lv-konto .woocommerce form.edit-account #account_display_name_description em {
	font-style: normal;
}

/* 69:1308: 22 + 8 above the button. The last password row ends the fieldset
   with no margin, so the 22 is the button's own - where Elementor Pro's
   `.woocommerce-EditAccountForm .button { margin-top: 20px }` had been
   leaving it at 28. S0. */
.lv-konto .woocommerce form.edit-account > p:last-of-type {
	margin-top: 8px;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account > p:last-of-type button.button {
	margin-top: 22px;
}


/* --- E8 mobile 375 · Figma 97:1789 -------------------------------------
   Recovered in S0. 34/20 insets, 26 under the heading, the name pair 18
   apart and every other row 22 - the widget's Forms > Rows Gap now says 22
   on mobile too (it was 20, from E1's frame; E1's rows are set by their own
   id-scoped rule and do not read it).
   ------------------------------------------------------------------------ */
@media (max-width: 767px) {

	body.lv-account--edit-account .lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content h2.lv-konto__title {
		margin-bottom: 26px;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account {
		padding: 34px 20px;
	}

	.lv-konto .woocommerce form.edit-account > p.form-row-first,
	.lv-konto .woocommerce form.edit-account > p.form-row-last {
		flex: 0 0 100%;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form.edit-account > p.form-row-first {
		margin-bottom: 18px;
	}
}


/* =========================================================================
   E7 · Aadressid. Figma 69:1051

   Two cards from WooCommerce's own my-address.php, and Woo's own edit form
   behind each MUUDA. Reg nr / KMKR on the billing card are D5's account fields
   - shown here, edited on Konto andmed (E8), which the billing form says.

   The frame shows "Eesti" under each address. Woo leaves the store's own
   country off a formatted address - here, in e-mails and on E6 alike - and that
   stays, so the three places agree.
   ========================================================================= */

/* 69:1129 -> 69:1131 is 14, not the 26 the Section titles control gives every
   other account heading. Only the card list has the intro line; the two edit
   forms keep 26 above their panel, like E8's. */
body.lv-account--edit-address:not(.lv-account--address-form) .lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content h2.lv-konto__title {
	margin-bottom: 14px;
}

/* Elementor's general text colour is grey; 69:1131 is navy. */
body.lv-account--edit-address .lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content-wrapper > p {
	margin: 0;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

/* --- the two cards: 69:1133 ----------------------------------------------- */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .u-columns.woocommerce-Addresses {
	display: flex;
	gap: 24px;
	margin: 28px 0 0;
}

/* B-57: col2-set's clearfix pseudo-elements would be flex items. */
.lv-konto .woocommerce .u-columns.woocommerce-Addresses::before,
.lv-konto .woocommerce .u-columns.woocommerce-Addresses::after {
	content: none;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Addresses > .woocommerce-Address {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	float: none;
	width: auto;
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	padding: 30px;
	border: 0;
	background: #FFF0D7;
}

/* Woo's <header> holds the title AND the edit link, above the address. The
   frame puts MUUDA at the foot of the card, so the header steps aside and the
   link is ordered last. Its heading still precedes it in the DOM, which is what
   names a bare "Muuda" for a screen reader. */
.lv-konto .woocommerce .woocommerce-Address > header.woocommerce-Address-title {
	display: contents;
}

/* 69:1135 */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Address .woocommerce-Address-title h2 {
	float: none;
	margin: 0 0 14px;
	padding: 0;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.275;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #000080;
}

/* 69:1137. The 120 under it is the frame's 20 spacer plus its 100 "grow":
   the link is pinned to the foot, so both cards end their MUUDA on one line
   whichever address is longer. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Address address {
	margin: 0 0 120px;
	padding: 0;
	border: 0;
	background: none;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

/* Elementor Pro's widget script sets an inline height on every <address> on
   load, the tallest one's, so boxes in a row line up. These cards are flex
   items that already stretch to one height; the inline value only adds dead
   space to the shorter card once they stack on a phone, and is measured before
   the web fonts arrive. An inline style is beaten by !important alone. E6's
   address cards get the same script and the same fix, and so do E1's two
   forms - the script equalizes those too, which on a phone had made the
   stacked login panel 15px taller than 70:1004. B-65. */
.lv-konto .woocommerce .woocommerce-Address address,
.lv-konto .woocommerce .woocommerce-customer-details address,
.lv-konto #customer_login form.woocommerce-form {
	height: auto !important;
}

/* 69:1137 sets the registry lines off by one blank line. */
.lv-konto .woocommerce .woocommerce-Address address .lv-address__b2b {
	display: block;
	margin-top: 24px;
}

/* 69:1140 - Button/Secondary as the component draws it: transparent, so the
   cream shows through. (E4's 69:598 is the one frame that fills it white.) */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Address a.edit {
	order: 1;
	position: static;
	float: none;
	margin: auto 0 0;
	padding: 9px 26px;
	border: 1px solid #000080;
	background: transparent;
	color: #000080;
	font-size: 12px;
	line-height: 1.5;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Address a.edit:hover,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Address a.edit:focus,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-Address a.edit:active {
	background: transparent;
	color: #000080;
	border: 1px solid #000080;
	box-shadow: none;
	text-decoration: none;
}

/* --- the edit form ---------------------------------------------------------
   No frame. It takes E8's panel, and the card's own 20px title so the form
   reads as the card it was opened from.
   ------------------------------------------------------------------------- */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content form:has(> .woocommerce-address-fields) {
	margin: 0;
	padding: 34px;
	border: 0;
	background: #FFF0D7;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content form:has(> .woocommerce-address-fields) > h2 {
	margin: 0 0 14px;
	padding: 0;
	font-family: "Hurme Geometric Sans 1", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.275;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #000080;
}

.lv-konto .woocommerce .woocommerce-address-fields p.lv-konto__hint {
	margin: 0 0 22px;
	font-family: "Eames Century Modern", Georgia, serif;
	font-size: 14px;
	line-height: 1.5;
	color: #000080;
}

.lv-konto .woocommerce .woocommerce-address-fields p.lv-konto__hint a {
	color: #000080;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Rows as E8's: the VERTICAL 22 is the widget's Forms > Rows Gap control
   (B-64), so this gap is the column gap only. */
.lv-konto .woocommerce .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 0 22px;
}

.lv-konto .woocommerce .woocommerce-address-fields__field-wrapper > * {
	flex: 0 0 100%;
}

.lv-konto .woocommerce .woocommerce-address-fields .form-row {
	padding: 0;
}

.lv-konto .woocommerce .woocommerce-address-fields__field-wrapper > p.form-row-first,
.lv-konto .woocommerce .woocommerce-address-fields__field-wrapper > p.form-row-last {
	flex: 0 0 calc((100% - 22px) / 2);
	float: none;
	width: auto;
}

/* Woo labels the second street line for screen readers only, so its input
   hangs under the first. Elementor tucks it 5px under - on the billing form
   only, by id; the shipping form got the full row gap. Both take the label's
   own 10. */
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields p#billing_address_1_field,
.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields p#shipping_address_1_field {
	margin-bottom: 10px;
}

/* 30 above the button, as on E8. Elementor Pro's `.woocommerce p:last-of-type
   { margin-bottom: 0 }` (0,5,1) outranks its own rows-gap rule on the last
   field - E8's last field is inside a fieldset, so it never met it - so the
   whole 30 is the button's, and the row is zeroed here on purpose so the two
   cannot add up if that rule ever changes. Elementor gives the button 20. */
.lv-konto .woocommerce .woocommerce-address-fields > p:last-child {
	margin: 0;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > p.form-row:last-child {
	margin-bottom: 0;
}

.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields button.button {
	margin-top: 30px;
}

/* --- the country select ----------------------------------------------------
   Woo turns it into selectWoo (Select2) on this form - stock behaviour, and a
   search box is the right tool for 250 countries. The closed box is the text
   input's twin; the open list is appended to <body>, outside .lv-konto.
   ------------------------------------------------------------------------- */
.lv-konto .woocommerce .woocommerce-address-fields .select2-container .select2-selection--single {
	box-sizing: border-box;
	height: 56px;
	margin: 0;
	border: 2px solid #000080;
	border-radius: 0;
	background: #FFFFFF;
	box-shadow: none;
}

.lv-konto .woocommerce .woocommerce-address-fields .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 14px 48px 14px 16px;
	font-family: "Eames Century Modern", Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #000080;
}

.lv-konto .woocommerce .woocommerce-address-fields .select2-container .select2-selection--single .select2-selection__arrow {
	top: 0;
	right: 16px;
	width: 16px;
	height: 52px;
}

.lv-konto .woocommerce .woocommerce-address-fields .select2-container .select2-selection--single .select2-selection__arrow b {
	border-color: #000080 transparent transparent transparent;
}

.lv-konto .woocommerce .woocommerce-address-fields .select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #000080 transparent;
}

.lv-konto .woocommerce .woocommerce-address-fields .select2-container--focus .select2-selection--single,
.lv-konto .woocommerce .woocommerce-address-fields .select2-container--open .select2-selection--single {
	border-color: #AA0000;
	box-shadow: inset 0 0 0 1px #AA0000;
	outline: none;
}

body.lv-account .select2-container .select2-dropdown {
	border: 2px solid #000080;
	border-radius: 0;
	background: #FFFFFF;
	font-family: "Eames Century Modern", Georgia, serif;
	color: #000080;
}

body.lv-account .select2-container .select2-search--dropdown {
	padding: 10px;
}

body.lv-account .select2-container .select2-search--dropdown .select2-search__field {
	box-sizing: border-box;
	height: 44px;
	padding: 10px 14px;
	border: 2px solid #000080;
	border-radius: 0;
	font-family: "Eames Century Modern", Georgia, serif;
	font-size: 16px;
	line-height: 24px;
	color: #000080;
	outline: none;
}

/* The kit sets list items in Roboto. */
body.lv-account .select2-container .select2-results__option {
	padding: 8px 18px;
	font-family: "Eames Century Modern", Georgia, serif;
	font-size: 16px;
	line-height: 1.5;
	color: #000080;
}

body.lv-account .select2-container .select2-results__option[aria-selected="true"],
body.lv-account .select2-container .select2-results__option[data-selected="true"] {
	background: #FFF0D7;
	color: #000080;
}

body.lv-account .select2-container .select2-results__option--highlighted[aria-selected],
body.lv-account .select2-container .select2-results__option--highlighted[data-selected] {
	background: #000080;
	color: #FFFFFF;
}

/* --- E7 mobile 375 · Figma 97:1587 -------------------------------------
   Recovered in S0. The cards keep their desktop insets (30) and the 120
   under the address; they only stack, on a 16 gap. The edit forms follow
   E8's mobile panel.
   ------------------------------------------------------------------------ */
@media (max-width: 767px) {

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .u-columns.woocommerce-Addresses {
		flex-direction: column;
		gap: 16px;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-content form:has(> .woocommerce-address-fields) {
		padding: 34px 20px;
	}

	.lv-konto .woocommerce .woocommerce-address-fields__field-wrapper > p.form-row-first,
	.lv-konto .woocommerce .woocommerce-address-fields__field-wrapper > p.form-row-last {
		flex: 0 0 100%;
	}

	.lv-konto .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-address-fields__field-wrapper > p.form-row-first {
		margin-bottom: 18px;
	}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hurme Geometric Sans 1';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://lv2026.fluxdigital.eu/wp-content/uploads/lv-fonts/HurmeGeometricSans1-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Hurme Geometric Sans 1';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://lv2026.fluxdigital.eu/wp-content/uploads/lv-fonts/HurmeGeometricSans1-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Eames Century Modern';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://lv2026.fluxdigital.eu/wp-content/uploads/lv-fonts/EamesCenturyModern-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Eames Century Modern';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://lv2026.fluxdigital.eu/wp-content/uploads/lv-fonts/EamesCenturyModern-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */