/*
 * Hjerter – /min-konto/
 * v1.8.0
 */

/* ── Bakgrunnsfarge KUN på innholdsarea ──────────────────────────── */
.woocommerce-account .woocommerce {
	background-color: #f9fbff !important;
	padding: 3rem 2.5rem 4rem !important;
}

/* ── Tabs ─────────────────────────────────────────────────────────── */
.hj-account-tabs {
	display: flex;
	justify-content: center;
	gap: 2.5rem;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.hj-account-tabs__btn {
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	padding: 0.1em 0;
	cursor: pointer;
	font-size: 1rem;
	font-family: inherit;
	color: #d3524b;
	line-height: 1.5;
	transition: border-color 0.15s;
}
.hj-account-tabs__btn.is-active,
.hj-account-tabs__btn:hover {
	border-bottom-color: #d3524b;
}

/* ── H1 "Min side …" ────────────────────────────────────────────── */
.woocommerce-account .hj-page-title {
	text-align: center !important;
	color: #d3524b !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

/* ── Skjul WC h2 ──────────────────────────────────────────────────── */
.woocommerce-account #customer_login h2 {
	display: none !important;
}

/* ── All tekst #d3524b ───────────────────────────────────────────── */
.woocommerce-account .woocommerce,
.woocommerce-account #customer_login,
.woocommerce-account #customer_login label,
.woocommerce-account #customer_login p,
.woocommerce-account #customer_login span:not(.required):not(.screen-reader-text),
.woocommerce-account .hj-register-link,
.woocommerce-account .hj-back-to-login {
	color: #d3524b !important;
}

/* ── Fjern kortboks/skygge ────────────────────────────────────────── */
.woocommerce-account #customer_login .woocommerce-form-login,
.woocommerce-account #customer_login .woocommerce-form-register {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0 !important;
}

/* ── Sentrer og fikser WC .col-1 / .col-2 ───────────────────────── */
.woocommerce-account #customer_login,
.woocommerce-account #customer_login.u-columns,
.woocommerce-account #customer_login.col2-set {
	max-width: 480px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	clear: both !important;
	display: block !important;
}
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2,
.woocommerce-account #customer_login .u-column1.col-1,
.woocommerce-account #customer_login .u-column2.col-2,
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	clear: both !important;
	display: block !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}
.woocommerce-account #customer_login .u-column1.hj-hidden,
.woocommerce-account #customer_login .u-column2.hj-hidden {
	display: none !important;
}

/* ── Form-rader ──────────────────────────────────────────────────── */
.woocommerce-account #customer_login .form-row {
	margin-bottom: 1.2rem;
	text-align: left;
}

/* ── Knapper: full bredde ────────────────────────────────────────── */
.woocommerce-account #customer_login .woocommerce-form-login__submit,
.woocommerce-account #customer_login .woocommerce-form-register__submit {
	display: block !important;
	width: 100% !important;
	margin-top: 1.5rem !important;
	margin-bottom: 1rem !important;
}

/* ── Register-lenke-blokk: ingen gap mellom bold og lenke ────────── */
.hj-register-link {
	text-align: center;
	margin-bottom: 1.8rem;
	line-height: 1.5;
}
.hj-register-link strong {
	display: inline;          /* var block – fjerner mellomrom */
	font-size: 1rem;
	font-weight: 600;
	color: #d3524b;
}
.hj-register-link a {
	color: #d3524b;
	text-decoration: underline;
	font-size: 1rem;
}
.hj-register-link a:hover { opacity: 0.75; }

/* ── Tilbake til logg inn ────────────────────────────────────────── */
.hj-back-to-login {
	text-align: center;
	margin-bottom: 1.2rem;
}
.hj-back-to-login a {
	font-size: 0.9rem;
	color: #d3524b;
	text-decoration: none;
	opacity: 0.8;
}
.hj-back-to-login a:hover { opacity: 1; text-decoration: underline; }

/* ── Glemt passord – sentrert + underline ────────────────────────── */
.woocommerce-account #customer_login .woocommerce-LostPassword,
.woocommerce-account #customer_login .lost_password {
	text-align: center !important;
	margin-top: 0.8rem;
	font-size: 0.9rem;
}
.woocommerce-account #customer_login .woocommerce-LostPassword a,
.woocommerce-account #customer_login .lost_password a {
	color: #d3524b !important;
	text-decoration: underline !important;
}

/* ── Forhandler-pending melding ───────────────────────────────────── */
.hj-forhandler-pending {
	background: #e8f4fd !important;
	border-left: 4px solid #d3524b !important;
	padding: 1rem 1.2rem !important;
	margin-bottom: 1.5rem !important;
	color: #d3524b !important;
	font-size: 1rem !important;
	line-height: 1.6 !important;
	border-radius: 2px !important;
}

/* ── Forhandler-felt ──────────────────────────────────────────────── */
.hjerter-forhandler-fields h4 {
	font-size: 1rem;
	font-weight: 600;
	color: #d3524b;
	margin: 1.2rem 0 0.4rem;
}
.woocommerce-account .register .form-row-first,
.woocommerce-account .register .form-row-last { width: 48%; clear: none; }
.woocommerce-account .register .form-row-first { float: left; }
.woocommerce-account .register .form-row-last  { float: right; }
.woocommerce-account .register .form-row-wide  { clear: both; }

@media (max-width: 600px) {
	.woocommerce-account .register .form-row-first,
	.woocommerce-account .register .form-row-last { width: 100%; float: none; }
	.woocommerce-account .woocommerce { padding: 2rem 1rem 3rem !important; }
}