/*
 Theme Name:     Relaxio Child (Hello)
 Theme URI:      https://relaxio.fi/
 Description:    Relaxion kustomoitu Hello Elementor -lapsiteema WooCommerce- ja asiakastilinäkymiä varten.
 Author:         Relaxio
 Author URI:     https://relaxio.fi/
 Template:       hello-elementor
 Version:        2.1.13
 Text Domain:    relaxio-child
*/


/*
 * Self-hosted Jost for all frontend pages.
 * Elementor may keep using font-family: "Jost" while Google Fonts is disabled.
 */
@font-face {
	font-family: 'Jost';
	src: url('./assets/fonts/Jost-VariableFont_wght.woff2') format('woff2');
	font-weight: 200 900;
	font-style: normal;
	font-display: swap;
}


/*
 * Elementor global style bridge
 * -----------------------------
 * Elementor remains the single source of truth for oma.relaxio.fi typography
 * and colors. These rules only expose Elementor's global Text/Accent values
 * to WooCommerce and custom plugin markup that lives outside Elementor widgets.
 * No font sizes, families or line-heights are hard-coded here.
 */
html {
	overflow-x: hidden;
}

body {
	min-height: 100vh;
	font-family: var(--e-global-typography-text-font-family), sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

input,
textarea,
select {
	font-family: inherit;
	font-weight: inherit;
}

a {
	color: var(--e-global-color-accent);
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	font-family: inherit;
}

/*
 * Varsinainen liiketoimintalogiikka kuuluu Relaxio Core-, Relaxio Booking-
 * ja Relaxio Gift Wallet -lisäosiin. Tämä tiedosto pidetään tarkoituksella
 * kevyenä ja ulkoasuun rajattuna.
 */

/*
 * Compact WooCommerce checkout. These rules are deliberately scoped to the
 * classic checkout used by Relaxio Booking.
 */
body.woocommerce-checkout .relaxio-wallet-checkout-redeem {
	font-size: 15px !important;
	font-weight: 500;
	line-height: 1.3;
	margin: 20px 0 !important;
	text-align: center;
}

body.woocommerce-checkout .relaxio-wallet-checkout-redeem a {
	font-size: inherit;
	font-weight: inherit;
	text-decoration: underline !important;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

body.woocommerce-checkout form.checkout {
	margin-top: 0 !important;
}

body.woocommerce-checkout form.checkout #order_review_heading {
	line-height: 1.25;
	margin: 0 0 10px !important;
}

body.woocommerce-checkout form.checkout #order_review table.shop_table {
	margin: 0 0 20px !important;
}

/* Relaxio Core prints this heading directly between the order table and payment box. */
body.woocommerce-checkout form.checkout #order_review > h3 {
	line-height: 1.25;
	margin: 0 0 10px !important;
}

body.woocommerce-checkout form.checkout #payment {
	margin: 0;
}

body.woocommerce-checkout form.checkout #payment ul.payment_methods {
	border: 0;
	margin: 0;
	padding: 0;
}

body.woocommerce-checkout form.checkout #payment ul.payment_methods > li.wc_payment_method {
	border: 0 !important;
	line-height: 1.25;
	margin: 0 0 10px !important;
	padding: 0 !important;
	position: relative;
}

body.woocommerce-checkout form.checkout #payment ul.payment_methods > li.wc_payment_method:last-child {
	margin-bottom: 0 !important;
}

body.woocommerce-checkout form.checkout #payment li.wc_payment_method > input[type='radio'] {
	height: 1px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

body.woocommerce-checkout form.checkout #payment li.wc_payment_method > label {
	align-items: center;
	background: rgba(255, 255, 255, .9);
	border: 1px solid rgba(81, 88, 86, .35);
	border-radius: 24px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex !important;
	font-weight: 500;
	gap: 8px;
	justify-content: flex-start;
	line-height: 1.25;
	min-height: 44px;
	padding: 9px 14px;
	width: 100%;
}

body.woocommerce-checkout form.checkout #payment li.wc_payment_method > input[type='radio']:checked + label {
	background: #9c55f2;
	border-color: #9c55f2;
	color: #fff;
	font-weight: 600;
}

body.woocommerce-checkout form.checkout #payment li.wc_payment_method > input[type='radio']:focus-visible + label {
	box-shadow: 0 0 0 3px rgba(156, 85, 242, .25);
	outline: 2px solid #113098;
	outline-offset: 2px;
}

body.woocommerce-checkout form.checkout #payment li.wc_payment_method > label img {
	margin-left: 4px;
	max-height: 24px;
	width: auto;
}

body.woocommerce-checkout form.checkout #payment div.payment_box {
	line-height: 1.3;
	margin: 10px 0 0;
	padding: 10px 15px;
}

body.woocommerce-checkout form.checkout #payment div.payment_box p {
	line-height: 1.3;
	margin: 0 0 5px;
}

body.woocommerce-checkout form.checkout #payment div.payment_box p:last-child {
	margin-bottom: 0;
}

body.woocommerce-checkout form.checkout #payment .place-order {
	margin: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px !important;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper {
	line-height: 1;
	margin: 0;
	padding: 0;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper .form-row {
	line-height: 1;
	margin: 0;
	padding: 0;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
	align-items: start;
	column-gap: 10px;
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	line-height: 1 !important;
	margin: 0;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper input[type='checkbox'] {
	grid-column: 1;
	grid-row: 1;
	margin: 0 !important;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-checkbox-text,
body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper p {
	display: block;
	line-height: 1 !important;
	margin: 0;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-checkbox-text {
	grid-column: 2;
	grid-row: 1;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-checkbox-text::before {
	color: #ff4f1a;
	content: '*';
	font-weight: 600;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper abbr.required {
	display: none;
}

body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-checkbox-text * {
	line-height: 1 !important;
}


/* =========================================================
 * MIGRATED FROM ELEMENTOR CUSTOM CSS — reviewed 2026-09-25
 * Elementor Custom CSS can remain empty.
 * Removed by decision: #9, #14–21, #24, #29, #33, #41.
 * #10/#11 merged, #12 tied to Elementor Accent globals,
 * #3 replaced by an overridable 20 px gutter.
 * ========================================================= */
/* ===== Reviewed former Elementor Custom CSS ===== */

/* #1–2: Elementor controls typography values; retain only technical/global helpers. */
.sanoma-pixel {
	position: absolute;
}

a {
	color: var(--e-global-color-accent);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--e-global-typography-primary-font-family), sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
}

ol {
	margin-bottom: 1em;
	padding: 0 0 0 1em;
}

ul {
	margin-bottom: 1em;
	padding-left: 2em;
}

/* #3: default 20 px page gutter.
 * For a full-width Elementor container add Advanced > CSS Classes:
 * relaxio-full-bleed
 */
:root {
	--relaxio-page-gutter: 20px;
}

.e-con > .e-con-inner {
	max-width: min(
		var(--content-width),
		calc(100% - (2 * var(--relaxio-page-gutter)))
	);
}

.e-con.relaxio-full-bleed > .e-con-inner {
	max-width: var(--content-width);
	width: 100%;
}

#ui-datepicker-div {
	max-width: 25em;
	padding: 0;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button {
	padding: 0!important;
	text-decoration: underline!important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button:active, .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button:focus, .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button:hover {
	background: transparent!important;
	text-decoration: underline!important;
	color: var(--e-global-color-accent);
}

ol {
	margin-bottom: 1em;
	padding: 0 0 0 1em;
}

.woocommerce-info:not(.woocommerce-error), .woocommerce-message {
	display: none;
}

.woocommerce-terms-and-conditions-wrapper input {
	width: 22px;
	height: 22px;
}

.woocommerce form.checkout_coupon {
	display: block!important;
	margin-bottom: 2em!important;
}

.giftcard-fields {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	grid-gap: 12px;
}

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

.woocommerce form.checkout_coupon {
	display: grid;
	grid-gap: 8px;
	grid-template-columns: minmax(0,1fr) auto;
}

.woocommerce form.checkout_coupon .form-row-first {
	flex: 1;
	width: 100%;
}

.wps-gc_lay-2 .mwg_wgm_preview_email #mwg_wgm_preview_email {
  box-sizing: border-box;
  margin: 10px 0px 15px 0px;
  border: 2px solid #9C55F2;
  border-radius: 5px;
  width: 100%;
  max-width: 400px;
  padding: 10px;
  font-size: 14px;
  background: transparent;
  color: #9C55F2;
  text-align: center;
}

.wps_download_pdf {
  padding: 7px 14px;
  background: #9C55F2;
  color: #fff;
  font-weight: bold;
}

img.wps_resend_image {
  padding: 5px 10px;
  background: #9C55F2;
  width: 40px;
}

.wps_wgm_delivery_method {
	border: 0;
	box-shadow: 0 0 0 transparent;
	padding: 0;
}

.woocommerce form.checkout_coupon input {
	font-size: 14px;
	flex: 1;
}

.woocommerce form.checkout_coupon button {
	font-size: 13px;
	border-radius: 6px;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	border-radius: 0;
	background: transparent;
	padding: 0;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
	padding: 0;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
	padding: 24px 0;
}

#customer_login .col-2 {
	display: none;
}

#customer_login .col-1 {
	float: none;
	width: 100%;
	max-width: 400px;
	display: block;
	margin: 0 auto;
}

.woocommerce .woocommerce-ResetPassword .form-row-first, .woocommerce .woocommerce-ResetPassword .form-row-last {
	width: 100%;
	float: none;
}

.woocommerce .woocommerce-ResetPassword .form-row-last {
	margin-bottom: 2em;
}

body.active-member .non-member, body:not(.active-member) .now-member {
	display: none;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border: 0 solid;
	padding: 0;
}

/* #10 + #11: unified form field styling */
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	border: 0;
	border-radius: 6px;
	box-shadow: inset 1px 1px 2px #00000029;
	padding: 12px;
}

/* #12: WooCommerce pill buttons follow Elementor Accent typography. */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
	background: var(--e-global-color-accent);
	color: #fff;
	border-radius: 100px;
	padding: 14px 32px 16px;
	font-family: var(--e-global-typography-accent-font-family), inherit;
	font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight);
	line-height: var(--e-global-typography-accent-line-height);
	letter-spacing: var(--e-global-typography-accent-letter-spacing);
	text-transform: var(--e-global-typography-accent-text-transform);
}

.coupon-uses-left {
	margin-bottom: 8px;
}

.woocommerce-checkout .col2-set .col-2{
	display: none;
}

.woocommerce-checkout .col2-set .col-1 {
	float: none;
	width: 100%;
}

.woocommerce-checkout label {
	display: inline-block;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
	padding: 16px 32px;
	font-size: 1rem;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt, [type=button], [type=submit], button {
    background: var(--e-global-color-accent);
    color: #fff;
    border: 0;
}

.woocommerce table.shop_table {
	border-collapse: collapse;
}


#coupon-redeem input[type=submit] {
	width: 100%;
	margin-top: 16px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: var( --e-global-color-text );
}

#billing_country_field, #billing_address_2 {
	display: none;
}

.woocommerce div.product form.cart .button {
	font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight);
	text-transform: var(--e-global-typography-accent-text-transform);
	letter-spacing: var(--e-global-typography-accent-letter-spacing);
	border-radius: 100px;
	padding: 12px 32px 14px;
	line-height: 1.5em;
}

.woocommerce div.product form.cart .button:hover {
	background: var(--e-global-color-676ed705);
}

.elementor-widget-woocommerce-cart .e-cart-section.coupon {
	padding: 24px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0;
}

.elementor-widget-woocommerce-cart .woocommerce .coupon-col-start {
	flex: 3!important;
	padding-right: 16px!important;
}

.elementor-widget-woocommerce-cart .woocommerce .coupon-col-end {
	flex: 0!important;
}

.elementor-widget-woocommerce-cart .woocommerce .coupon-col-end .button {
	border-radius: 6px;
	border: 0;
	background: var(--e-global-color-accent)!important;
	color: #fff!important;
	font-size: 12px!important;
	padding: 12px 20px 13px;
	
}

.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward):not(.remove) {
	color: var(--e-global-color-accent)!important;
	font-weight: 600;
}

.elementor-widget-woocommerce-cart .woocommerce table.cart .product-thumbnail, .elementor-widget-woocommerce-cart .woocommerce table.cart .product-quantity {
	display: none;
}

#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
	vertical-align: top;
}

.woocommerce table.shop_table.booking_details tr td, .woocommerce table.shop_table.booking_details tr th {
	border: 0;
	background: transparent;
}

mark {
	background-color: transparent;
	font-weight: 600;
}

.woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	padding: 0 0 0 0;
}

label {
	line-height: 2em;
	display: block;
}

.woocommerce-form p:not(.form-row) {
	font-size: 0.8em;
	line-height: 1.33em;
}

.woocommerce-form [type=submit] {
	width: 100%;
	font-weight: var(--e-global-typography-accent-font-weight);
	text-transform: var(--e-global-typography-accent-text-transform);
}

.woocommerce form .form-row {
	padding: 0;
}

.woocommerce-checkout h3 {
	font-size: 1.5rem;
}

.options-container .options {
	display: flex!important;
	margin-bottom: 2em;
	flex-wrap: wrap;
}

.woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce table.shop_table {
	border: 0 solid;
}

.woocommerce table.shop_table td, .woocommerce table.shop_table th {
	border-bottom: 2px solid #C7E8FA;
	background: #fff;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
}

.woocommerce-MyAccount-navigation ul li a {
	background: #FFFFFF73;
	display: block;
	padding: 8px 16px 10px;
	margin-bottom: 2px;
}

.woocommerce-MyAccount-navigation-link--wt-smart-coupon {
	display: none;
}

table caption+thead tr:first-child td, table caption+thead tr:first-child th, table colgroup+thead tr:first-child td, table colgroup+thead tr:first-child th, table thead:first-child tr:first-child td, table thead:first-child tr:first-child th {
	border-block-start: 0;
}

.relaxio-starts {
	background: #FFFFFF73;
	text-align: center;
	margin-top: 96px;
	padding: 0 24px 24px;
	border-radius: 20px;
}

.relaxio-starts img {
	width: 120px;
	margin-top: -60px;
	border-radius: 160px;
}

.relaxio-starts h2 {
	font-size: 1.5rem;
	margin-bottom: 0;
}

.relaxio-starts h3 {
	font-weight: 400;
	font-size: 1rem;
	
}

.relaxio-buttons {
	grid-gap: 16px;
	margin-top: 1rem;
	display: grid;
}

.relaxio-buttons button {
	flex: 1;
}

.relaxio-timing {
	display: flex;
	padding: 2em 0;
	align-items: center;
}

.relaxio-timing span {
	color: var(--e-global-color-accent);
	font-size: 1.25rem;
	font-weight: 600;
	display: inline-block;
	flex: 1;
}

.relaxio-timing i {
	display: block;
	width: 2em;
	height: 1px;
	background: rgba(0,0,0,0.1);
	vertical-align: middle;
	margin: 0 1em;
}

.relaxio-timing span:first-child {
	text-align: right;
	text-transform: uppercase;
}

.relaxio-timing span:last-child {
	text-align: left;
}

.relaxio-chair {
	font-size: 1.5rem;
}

.woocommerce-MyAccount-content .shop_table.booking_details {
	
}

.relaxio-tags {
	display: flex;
	justify-content: center;
	grid-gap: 4px;
	margin-top: 1em;
}

.relaxio-tags span {
	display: block;
	padding: 2px 8px 3px;
	background: rgba(255,255,255,0.5);
}

.woocommerce table.shop_table .order-total:not(.recurring-total) strong {
	font-weight: 700;
	font-size: 1.5em;
	display: block;
}

.recurring-totals th {
	border-top: 12px solid #C7E8FA!important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background: rgba(255,255,255,0.4);
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	
}

.woocommerce table.my_account_orders .button {
	font-size: 0.8rem;
	padding: 8px 14px;
	margin: 0 4px 4px 0;
}

#order_review > h3 {
	margin-top: 2em;
}

.woocommerce-MyAccount-content table th, .woocommerce-MyAccount-content table td {
	padding: 8px 12px!important;
	line-height: 1.2em!important;
}

.woocommerce-MyAccount-content table .button {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-weight: 600;
	color: var(--e-global-color-accent);
	text-transform: none;
	padding: 4px 0;
	margin: 0 8px 0 0;
	letter-spacing: 0;
	line-height: 1.2;
}

.woocommerce-MyAccount-content table .button:hover,
.woocommerce-MyAccount-content table .button:focus {
	background: transparent;
	color: #000;
}

fieldset {
	border: 0;
	padding: 0 0 0 0;
	display: block;
	margin: 0 0 1em;
}

fieldset legend {
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 1em;
	display: block;
}

fieldset fieldset {
	margin-top: 1em;
}

.woocommerce-account.woocommerce-edit-account .u-column1.col-1.woocommerce-Address, #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	display: none;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.jet-listing .slick-list {
		padding-right: 10%;
	}

	.elementor-widget-woocommerce-cart .woocommerce .coupon-col-start {
		padding-right: 0 !important;
	}

	.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
		font-size: 10vw !important;
	}

	.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
		font-size: 28px !important;
	}
}

.activate-door, .activate-program {
	margin-right: 10px !important;
}

.woocommerce-order-details__title {
	margin-top: 40px;
}

ul.woocommerce-thankyou-order-details {
	padding-left: 0;
}

.woocommerce-thankyou-order-details li.woocommerce-order-overview__date {
	display: none;
}

mark.order-date {
	display: none;
}

.woocommerce .woocommerce-order-details .order-actions-button:last-child {
	    margin-right: 0;
    background: none;
    color: #9933ff;
    padding: 0;
    text-transform: none;
}

.activate-door {
	margin-bottom: 20px;
}

/* iOS Safari: estä automaattinen zoom input-kenttiin (alle 16px font-size laukaisee zoomin) */
@media (max-width: 1024px) {
  .amelia-app input,
  .amelia-app select,
  .amelia-app textarea,
  .woocommerce input,
  .woocommerce select,
  .woocommerce textarea {
    font-size: 16px !important;
  }
}

/* Relaxio-booking nappi */
.relaxio-open-btn {
    display: inline-block;
    padding: 8px 14px;
    background: #9C55F2;
    color: #fff !important;
    text-decoration: none;
    border-radius: 24px;
    font-weight: 700;
    font-size: 14px;
    transition: 0.2s ease;
}

/* Poista valkoinen tausta WooCommerce orders-taulukosta */
.relaxio-all-orders table.shop_table {
    background: transparent !important;
    border: 0px solid #9ec9de !important;
    border-collapse: collapse;
}

.relaxio-all-orders table.shop_table th,
.relaxio-all-orders table.shop_table td {
    background: transparent !important;
    border: 0px  solid #9ec9de !important;
}
.relaxio-all-orders table.shop_table tr {
    background: transparent !important;
    border: 1px solid #515856 !important;
}

.woocommerce-MyAccount-content table.shop_table td,
.woocommerce-MyAccount-content table.shop_table th {
    border-bottom: 1px solid #9ec9de !important;
}

.woocommerce-MyAccount-content table.shop_table {
    border: none !important;
}

/*
 * Secondary WooCommerce actions
 * -----------------------------
 * Jost 500 / 12px / 14px line-height / ALL CAPS / tracking 0.04em.
 * Account actions use a compact 1px oval outline.
 * WooCommerce pagination uses the same typography with an underline.
 */

/* Secondary account actions: oval outline */
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce .woocommerce-MyAccount-content a.woocommerce-MyAccount-downloads-file {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 14px;
	padding: 0 6px;
	background: transparent;
	color: var(--e-global-color-accent);
	border: 1px solid currentColor;
	border-radius: 999px;
	box-shadow: none;
	font-family: "Jost", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.button:focus,
.woocommerce .woocommerce-MyAccount-content a.woocommerce-MyAccount-downloads-file:hover,
.woocommerce .woocommerce-MyAccount-content a.woocommerce-MyAccount-downloads-file:focus {
	background: transparent;
	color: #000;
	border-color: currentColor;
}

/* Previous / next page navigation: underline instead of outline */
.woocommerce .woocommerce-pagination a.woocommerce-button.button,
.woocommerce .woocommerce-pagination a.woocommerce-button--previous,
.woocommerce .woocommerce-pagination a.woocommerce-button--next {
	display: inline-block;
	height: auto;
	padding: 0;
	background: transparent;
	color: var(--e-global-color-accent);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-family: "Jost", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.woocommerce .woocommerce-pagination a.woocommerce-button.button:hover,
.woocommerce .woocommerce-pagination a.woocommerce-button.button:focus,
.woocommerce .woocommerce-pagination a.woocommerce-button--previous:hover,
.woocommerce .woocommerce-pagination a.woocommerce-button--previous:focus,
.woocommerce .woocommerce-pagination a.woocommerce-button--next:hover,
.woocommerce .woocommerce-pagination a.woocommerce-button--next:focus {
	background: transparent;
	color: #000;
}