/**
 * Area akun (My Account) — dibuat 12 Okt 2026.
 *
 * Halaman bawaan WooCommerce (shortcode [woocommerce_my_account]) ditata di
 * sini; stylesheet tata letak WooCommerce sudah di-dequeue (aturan proyek) jadi
 * semua responsif = tanggung jawab file ini. Pola yang DIPINJAM dari Cart &
 * Checkout (jangan diubah satu arah saja): kotak 52px bersudut tajam dengan
 * label mengambang di dalam kotak (`:placeholder-shown`, placeholder spasi
 * diisi account.js), garis pemisah 1px --tk-co-line, tombol utama hitam,
 * tombol sekunder bergaris tipis.
 *
 * Dua keadaan: TAMU (`body:not(.logged-in)`) = kolom login/daftar 400px di
 * tengah; PELANGGAN (`body.logged-in`) = navigasi kiri 200px + isi kanan.
 */

.woocommerce-account {
	--tk-co-line: #dedede;
	--tk-co-field: #d9d9d9;
	--tk-co-muted: #707070;
	--tk-co-ink: #1a1a1a;
	--tk-co-soft: #f5f5f5;
}

.woocommerce-account .site-main {
	margin-top: 40px;
}

.woocommerce-account .entry-title {
	margin-bottom: 24px;
	text-transform: uppercase;
}

.woocommerce-account .woocommerce-privacy-policy-text,
.woocommerce-account .woocommerce-privacy-policy-text p {
	margin: 0 0 16px;
	color: var(--tk-co-muted);
	font-size: 12px;
	line-height: 1.5;
}

/* ---------- Pesan WooCommerce (sukses / galat / info): teks polos bergaris kiri ---------- */
.woocommerce-account .woocommerce-notices-wrapper > *,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
	margin: 0 0 24px;
	padding: 12px 16px;
	border: 0;
	border-left: 2px solid var(--tk-co-ink);
	background: none;
	color: var(--tk-co-ink);
	list-style: none;
}

.woocommerce-account .woocommerce-error {
	/* Galat = kotak merah lembut bergaya pesan kolom Takkan (revisi user 13 Okt 2026): tanpa garis
	   tebal di kiri, garis tipis merah muda, teks merah 12px seperti `.tk-field-error`. */
	border: 1px solid #f0d3d0;
	background: #fbeeee;
	color: var(--tk-co-error, #c0392b);
	font-size: 12px;
	line-height: 1.5;
}

.woocommerce-account .woocommerce-error li,
.woocommerce-account .woocommerce-error a {
	color: inherit;
}

/* Sukses / info = kotak abu muda bergaris tipis, teks 12px (pasangan netral dari kotak galat merah;
   revisi user 13 Okt 2026: "Your account has been deleted." dst. tanpa garis hitam tebal di kiri). */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
	border: 1px solid var(--tk-co-line);
	background: #fafafa;
	font-size: 12px;
	line-height: 1.5;
}

/* Sukses = hijau lembut (revisi user 13 Okt 2026), pasangan kotak galat merah lembut. */
.woocommerce-account .woocommerce-message {
	border-color: #cfe6d3;
	background: #eef7f0;
	color: #2f6b3c;
}

.woocommerce-account .woocommerce-message a {
	color: inherit;
}

/* WooCommerce memfokuskan kotak pesan (tabindex=-1) → cincin fokus hitam; tidak dipakai. */
.woocommerce-account .woocommerce-error:focus,
.woocommerce-account .woocommerce-message:focus,
.woocommerce-account .woocommerce-info:focus {
	outline: 0;
}

.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-info::before {
	display: none;
}

/* Pesan dengan tombol (mis. "Confirm email address"): teks dulu, tombol di bawahnya. */
.woocommerce-account .woocommerce-message:has(a.button),
.woocommerce-account .woocommerce-info:has(a.button) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.woocommerce-account .woocommerce-message a.button,
.woocommerce-account .woocommerce-info a.button {
	order: 2;
	float: none;
	margin: 0;
}

/* ---------- Judul bagian ---------- */
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce legend {
	margin: 0 0 16px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
}

/* ---------- Reset kotak formulir bawaan WooCommerce ----------
   `.woocommerce form.login/.register` memberi bingkai, padding, sudut 5px dan
   latar. Di Takkan formulir polos tanpa bingkai. */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce-account .woocommerce form.woocommerce-form-login,
.woocommerce-account .woocommerce form.woocommerce-form-register,
.woocommerce-account .woocommerce form.lost_reset_password {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}

/* Tombol tampil/sembunyi sandi (ditambah JS WooCommerce): ikon di dalam kolom. */
.woocommerce-account .woocommerce .password-input {
	position: relative;
	display: block;
}

.woocommerce-account .woocommerce .password-input input.input-text {
	padding-right: 48px;
}

.woocommerce-account .woocommerce button.show-password-input {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 52px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--tk-co-muted);
	opacity: 1;
}

.woocommerce-account .woocommerce button.show-password-input:hover,
.woocommerce-account .woocommerce button.show-password-input:focus {
	border: 0;
	background: none;
	color: var(--tk-co-ink);
	opacity: 1;
}

/* Baris "Remember me" + tombol Log in dalam satu <p class="form-row">. */
.woocommerce-account .woocommerce form .form-row:has(.woocommerce-form-login__submit) {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}

/* ---------- Kolom formulir (login, daftar, alamat, detail akun) ---------- */
.woocommerce-account .woocommerce form .form-row {
	position: relative;
	float: none;
	width: 100%;
	margin: 0 0 12px;
	padding: 0;
}

.woocommerce-account .woocommerce form .form-row > span {
	display: block;
}

.woocommerce-account .woocommerce form .form-row > label:not(.woocommerce-form__label-for-checkbox),
.woocommerce-account .woocommerce form .form-row > span > label,
.woocommerce-account .woocommerce form .form-row > .password-input + label {
	position: absolute;
	z-index: 2;
	top: 26px;
	left: 13px;
	right: 36px;
	margin: 0;
	transform: translateY(-50%);
	overflow: hidden;
	color: var(--tk-co-muted);
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	transition: top 0.15s, font-size 0.15s, transform 0.15s;
}

/* Label bertanda `screen-reader-text` (mis. "Apartment, suite, etc." di form alamat) ikut tampil
   sebagai label mengambang — kalau tidak, kotaknya kosong tanpa judul (revisi user 13 Okt 2026). */
.woocommerce-account .woocommerce form .form-row > label.screen-reader-text,
.woocommerce-account .woocommerce form .form-row > span > label.screen-reader-text {
	width: auto;
	height: auto;
	clip: auto;
	clip-path: none;
	padding: 0;
}

.woocommerce-account .woocommerce form .form-row label .required,
.woocommerce-account .woocommerce form .form-row label .optional {
	display: none;
}

.woocommerce-account .woocommerce form .form-row:focus-within > label,
.woocommerce-account .woocommerce form .form-row:focus-within > span > label,
.woocommerce-account .woocommerce form .form-row:has(input:not(:placeholder-shown)) > label,
.woocommerce-account .woocommerce form .form-row:has(input:not(:placeholder-shown)) > span > label,
.woocommerce-account .woocommerce form .form-row:has(input:autofill) > label,
.woocommerce-account .woocommerce form .form-row:has(.select2-selection__rendered[title]:not([title=""])) > label,
.woocommerce-account .woocommerce form .form-row:has(.select2-selection__rendered[title]:not([title=""])) > span > label {
	top: 7px;
	transform: none;
	font-size: 12px;
}

.woocommerce-account .woocommerce form input.input-text {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 52px;
	margin: 0;
	padding: 22px 12px 6px;
	border: 1px solid var(--tk-co-field);
	border-radius: 0;
	background: #ffffff;
	color: var(--tk-co-ink);
	font: inherit;
	line-height: 22px;
	box-shadow: none;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.woocommerce-account .woocommerce form input.input-text:focus {
	outline: none;
	border-color: var(--tk-co-ink);
	box-shadow: 0 0 0 1px var(--tk-co-ink);
}

.woocommerce-account .woocommerce form input.input-text::placeholder {
	color: transparent;
}

/* select2 (Country, Province) */
.woocommerce-account .woocommerce form .select2-container .select2-selection--single {
	box-sizing: border-box;
	height: 52px;
	padding: 22px 36px 6px 12px;
	border: 1px solid var(--tk-co-field);
	border-radius: 0;
	background: #ffffff;
}

.woocommerce-account .woocommerce form .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	color: var(--tk-co-ink);
	line-height: 22px;
}

.woocommerce-account .woocommerce form .select2-container .select2-selection--single .select2-selection__arrow {
	top: 13px;
	right: 10px;
	height: 26px;
}

.woocommerce-account .woocommerce form .select2-container--focus .select2-selection--single,
.woocommerce-account .woocommerce form .select2-container--open .select2-selection--single {
	border-color: var(--tk-co-ink);
	box-shadow: 0 0 0 1px var(--tk-co-ink);
}

/* Daftar pilihan select2: skin global di dropdown.css. */

/* Petunjuk di bawah kolom (mis. "This will be how your name is displayed"). */
.woocommerce-account .woocommerce form .form-row span em {
	display: block;
	margin-top: 6px;
	color: var(--tk-co-muted);
	font-size: 12px;
	font-style: normal;
}

.woocommerce-account .woocommerce form fieldset {
	margin: 24px 0 0;
	padding: 0;
	border: 0;
}

/* Kotak centang "Remember me" bergaya Checkout. */
.woocommerce-account .woocommerce form label.woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	margin: 4px 0 16px;
	font-size: 14px;
	line-height: 1.3;
	cursor: pointer;
}

.woocommerce-account .woocommerce form input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0 12px 0 0;
	border: 1px solid var(--tk-co-field);
	background: #ffffff;
	cursor: pointer;
}

.woocommerce-account .woocommerce form input[type="checkbox"]:checked {
	border-color: var(--tk-co-ink);
	background: var(--tk-co-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat;
}

/* ---------- Tombol ----------
   Utama (hitam, selebar kolom): kirim form. Sekunder (garis tipis): tautan
   aksi seperti View / Edit / tautan cepat. ⚠️ `button:hover/focus`
   GeneratePress menimpa warna → dikunci eksplisit di semua state. */
.woocommerce-account .woocommerce form button[type="submit"],
.woocommerce-account .woocommerce form .button {
	box-sizing: border-box;
	display: block;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid var(--tk-co-ink);
	border-radius: 0;
	background: var(--tk-co-ink);
	color: #ffffff;
	font: inherit;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}

.woocommerce-account .woocommerce form button[type="submit"]:hover,
.woocommerce-account .woocommerce form button[type="submit"]:focus,
.woocommerce-account .woocommerce form .button:hover,
.woocommerce-account .woocommerce form .button:focus {
	border-color: var(--tk-co-ink);
	background: var(--tk-co-ink);
	color: #ffffff;
	opacity: 0.82;
}

.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce a.edit,
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-actions a,
.tk-account__quick-link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin: 0;
	padding: 0 18px;
	border: 1px solid var(--tk-co-line);
	border-radius: 0;
	background: #ffffff;
	color: var(--tk-co-ink);
	font: inherit;
	text-decoration: none;
	cursor: pointer;
}

@media (hover: hover) {
	.woocommerce-account .woocommerce a.button:hover,
	.woocommerce-account .woocommerce a.edit:hover,
	.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-actions a:hover,
	.tk-account__quick-link:hover {
		border-color: var(--tk-co-ink);
		background: #ffffff;
		color: var(--tk-co-ink);
		text-decoration: none;
	}
}

.woocommerce-account .woocommerce a:focus-visible {
	outline: 1px solid var(--tk-co-ink);
	outline-offset: 2px;
}

/* ---------- TAMU: satu kolom, default LOGIN (HP & desktop) ----------
   Revisi user 12 Okt 2026 (acuan layout klien): judul "Login", email, sandi,
   "Forgot password?" rata kanan, tombol hitam, "or login with" + tombol Google,
   "Don't have an account? Sign Up". Sign Up/Login mengganti tampilan lewat
   `account.js` (atribut `data-view` di #customer_login); form lain disembunyikan,
   bukan dihapus. Tanpa JS: <noscript> di <head> menampilkan keduanya bertumpuk. */
body.woocommerce-account:not(.logged-in) .inside-article {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}

/* Judul halaman "Account" disembunyikan secara visual (tetap ada untuk pembaca
   layar); yang tampil hanya judul form ("Login" / "Create account"). */
body.woocommerce-account:not(.logged-in) .entry-title {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

body.woocommerce-account:not(.logged-in) #customer_login {
	display: block;
}

body.woocommerce-account:not(.logged-in) #customer_login::before,
body.woocommerce-account:not(.logged-in) #customer_login::after {
	content: none;
	display: none; /* clearfix bawaan WooCommerce. */
}

body.woocommerce-account:not(.logged-in) #customer_login .col-1,
body.woocommerce-account:not(.logged-in) #customer_login .col-2 {
	float: none;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
}

body.woocommerce-account:not(.logged-in) #customer_login:not([data-view="register"]) .col-2,
body.woocommerce-account:not(.logged-in) #customer_login[data-view="register"] .col-1 {
	display: none;
}

/* Judul form: gaya judul halaman Takkan (24px tebal kapital). */
body.woocommerce-account:not(.logged-in) #customer_login h2 {
	margin: 0 0 24px;
	font-size: var(--tk-title-size);
	font-weight: var(--tk-title-weight);
	letter-spacing: var(--tk-title-tracking);
	line-height: 1.2;
	text-transform: uppercase;
}

/* Form login: "Forgot password?" naik ke atas tombol, rata kanan. */
body.woocommerce-account:not(.logged-in) form.woocommerce-form-login {
	display: flex;
	flex-direction: column;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-LostPassword {
	order: 1;
	margin: 0 0 16px;
	text-align: right;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) {
	order: 2;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .tk-google-login {
	order: 3;
}

/* ---------- Panel "Check your email" (pendaftar menunggu verifikasi, 13 Okt 2026) ----------
   Menggantikan form login/daftar selama cookie pendaftar sah (kelas body `tk-verify-pending`,
   lihat Takkan_Email_Verification). Gaya mengikuti blok login: kolom 400px, judul token Takkan,
   tombol sekunder 52px. */
body.woocommerce-account.tk-verify-pending #customer_login {
	display: none;
}

.woocommerce-account .woocommerce h2.tk-verify__title {
	margin: 0 0 16px;
	font-size: var(--tk-title-size);
	font-weight: var(--tk-title-weight);
	letter-spacing: var(--tk-title-tracking);
	line-height: 1.2;
	text-transform: uppercase;
}

.tk-verify__text {
	margin: 0 0 16px;
	color: var(--tk-co-ink);
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.tk-verify__status {
	margin: 0 0 24px;
	color: var(--tk-co-muted);
	font-size: 12px;
	line-height: 1.5;
}

.woocommerce-account .woocommerce button.tk-verify__resend {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	min-height: 0;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--tk-co-line);
	border-radius: 0;
	background: #fff;
	color: var(--tk-co-ink);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
}

.woocommerce-account .woocommerce button.tk-verify__resend:hover:not(:disabled),
.woocommerce-account .woocommerce button.tk-verify__resend:focus:not(:disabled) {
	border-color: var(--tk-co-ink);
	background: #fff;
	color: var(--tk-co-ink);
}

.woocommerce-account .woocommerce button.tk-verify__resend:disabled {
	background: #fff;
	color: #9a9a9a;
	cursor: default;
}

.tk-verify__note {
	margin: 24px 0 0;
	color: var(--tk-co-muted);
	text-align: center;
}

.tk-verify__note a {
	color: var(--tk-co-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Tautan pengganti tampilan. */
body.woocommerce-account:not(.logged-in) .tk-auth-switch {
	margin: 24px 0 0;
	color: var(--tk-co-muted);
	text-align: center;
}

body.woocommerce-account:not(.logged-in) .tk-auth-switch a {
	color: var(--tk-co-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Desktop: login/daftar muat SATU layar tanpa scroll dan berada di TENGAH
   ruang antara navbar dan footer (revisi user 12 Okt 2026). Padding bawah
   footer boleh kecil di sini: tombol kembali-ke-atas hanya muncul saat
   halaman menggulir, dan halaman ini tidak menggulir. */
@media (min-width: 769px) {
	body.woocommerce-account:not(.logged-in) .site-main {
		margin-top: 24px;
	}

	body.woocommerce-account:not(.logged-in) .tk-site-footer__inner {
		padding-top: 24px;
		padding-bottom: 32px;
	}

	body.woocommerce-account:not(.logged-in) #page {
		display: flex;
		flex: 1 0 auto;
		flex-direction: column;
		justify-content: center;
	}
}

.woocommerce-account .woocommerce-LostPassword {
	margin: 16px 0 0;
}

.woocommerce-account .woocommerce-LostPassword a {
	color: var(--tk-co-muted);
	font-size: 12px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Tombol Google bergaya sekunder Takkan (revisi user 12 Okt 2026).
   `__face` = yang dilihat pelanggan (garis tipis, latar kosong, 52px, logo G);
   `__real` = tombol RESMI Google (iframe, tinggi 40px) di-skala vertikal ×1,3
   supaya menutup seluruh tombol 52px dan dibuat nyaris transparan — klik jatuh
   ke tombol asli. `opacity: 0.004` (bukan 0) disengaja: sebagian peramban
   memperlakukan iframe berlapis nol sebagai tak terlihat. Hover/fokus
   dikendalikan wadah (`:hover`/`:focus-within` tetap menyala walau pointer
   berada di atas iframe). */
.tk-google-login__btn {
	position: relative;
	display: block;
	height: 52px;
}

.tk-google-login__face {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	height: 52px;
	padding: 0 20px;
	border: 1px solid var(--tk-co-line);
	background: none;
	color: var(--tk-co-ink);
	line-height: 1;
}

.tk-google-login__logo {
	flex: 0 0 auto;
	display: block;
}

.tk-google-login__real {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	overflow: hidden;
	opacity: 0.004;
	transform: scale(1, 1.3);
	transform-origin: 0 0;
	cursor: pointer;
}

@media (hover: hover) {
	.tk-google-login__btn:hover .tk-google-login__face {
		border-color: var(--tk-co-ink);
	}
}

.tk-google-login__btn:focus-within .tk-google-login__face {
	border-color: var(--tk-co-ink);
	outline: 1px solid var(--tk-co-ink);
	outline-offset: 2px;
}

/* Pemisah "or". */
.tk-google-login__error {
	margin: 8px 0 0;
	color: var(--tk-error);
	font-size: 12px;
}

/* "or login with" / "or sign up with": teks tengah di atas tombol Google. */
.tk-google-login__or {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 24px 0 16px;
	color: var(--tk-co-muted);
	text-align: center;
}

/* Garis abu lembut di kiri-kanan tulisan (revisi user 12 Okt 2026), sama untuk
   "or login with" dan "or sign up with". */
.tk-google-login__or::before,
.tk-google-login__or::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: var(--tk-co-line);
}

/* ---------- PELANGGAN: navigasi kiri + isi kanan ---------- */
body.woocommerce-account.logged-in .inside-article {
	max-width: 1028px;
	margin-right: auto;
	margin-left: auto;
}

body.woocommerce-account.logged-in .entry-content > .woocommerce {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	column-gap: 48px;
	align-items: start;
}

/* ⚠️ Elemen "clearfix" bawaan WooCommerce (`.woocommerce::before/::after`,
   display: table) ikut menjadi item grid dan menempati sel pertama →
   navigasi terdorong ke kolom kanan, isi turun ke kiri (ketahuan dari
   screenshot user 12 Okt 2026). Dimatikan, dan posisi kolom ditetapkan
   eksplisit. */
body.woocommerce-account.logged-in .entry-content > .woocommerce::before,
body.woocommerce-account.logged-in .entry-content > .woocommerce::after {
	content: none;
	display: none;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
	grid-column: 1;
	grid-row: 1;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
	grid-column: 2;
	grid-row: 1 / span 2;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

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

/* inline-block: garis bawah hanya selebar tulisan (bug yang sama dengan
   navbar). Animasi underline sama dengan navbar: 1px, kiri → kanan, 0.25s. */
.woocommerce-MyAccount-navigation a {
	position: relative;
	display: inline-block;
	color: var(--tk-fg);
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;
}

.woocommerce-MyAccount-navigation a:hover {
	text-decoration: none; /* Menimpa a:hover global: kalau tidak ada DUA garis. */
}

.woocommerce-MyAccount-navigation a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}

.woocommerce-MyAccount-navigation li.is-active a::after,
.woocommerce-MyAccount-navigation a:focus-visible::after {
	transform: scaleX(1);
}

@media (hover: hover) {
	.woocommerce-MyAccount-navigation a:hover::after {
		transform: scaleX(1);
	}
}

.woocommerce-MyAccount-content {
	box-sizing: border-box;
	min-width: 0;
	max-width: 720px;
	padding: 32px 40px; /* Atas = bawah (revisi user 13 Okt 2026); margin elemen terakhir dinolkan di bawah. */
	background: #fafafa; /* Panel abu muda (catatan klien 13 Okt 2026, acuan Polene) — sama dengan kartu Contact Us. */
}

/* Elemen terakhir di panel tidak menambah jarak bawah — padding panel yang menentukan. */
.woocommerce-MyAccount-content > :last-child,
.woocommerce-MyAccount-content .tk-account__section:last-child,
.woocommerce-MyAccount-content .tk-account__pair .tk-account__section,
.woocommerce-MyAccount-content .tk-account__section > :last-child,
.woocommerce-MyAccount-content .woocommerce-address-fields > p:last-child,
.woocommerce-MyAccount-content form > p:last-child {
	margin-bottom: 0;
}

/* Judul panel (Orders / Profile / Address) + judul bagian Overview: garis tipis di bawahnya. */
.woocommerce-account .woocommerce h2.tk-account__panel-title {
	margin: 0 0 24px;
	padding: 0 0 16px;
	border-bottom: 1px solid var(--tk-co-line);
	color: var(--tk-co-ink);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0;
}

/* Form alamat memuat judul sendiri ("Address"): sembunyikan bila judul panel sudah ada. */
.woocommerce-account .woocommerce-MyAccount-content .tk-account__panel-title + .woocommerce-address-fields h2,
.woocommerce-account .woocommerce-MyAccount-content .tk-account__panel-title + form > h2:first-child {
	display: none;
}

/* Overview (dashboard): pesanan terakhir selebar penuh, lalu Address dan
   Account details berdampingan (HP: bertumpuk).
   Hierarki (revisi user 12 Okt 2026: sapaan dan judul bagian sebelumnya
   sama ukuran & berat): judul halaman 24px tebal kapital > sapaan 20px
   biasa (bukan kapital) > label bagian 12px tebal kapital abu. Spasi huruf
   hanya pada huruf kapital kecil (0.06em); sapaan tanpa spasi huruf. */
.woocommerce-account .woocommerce h2.tk-account__hello {
	margin: 0 0 40px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}

.woocommerce-account .woocommerce .tk-account__section > h2 {
	margin: 0 0 20px;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--tk-co-line);
	color: var(--tk-co-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
}

.tk-account__section {
	margin: 0 0 48px;
}

.tk-account__pair {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 48px;
}

.tk-account__section address {
	margin: 0 0 24px;
	line-height: 1.6;
}

.tk-account__section p {
	margin: 0 0 24px;
}

/* Keadaan kosong di dalam bagian Overview: `.tk-account__section p` di atas memberi margin-bawah 24px pada
   JUDUL komponen `.tk-empty` (bocor) — dinolkan supaya jarak judul → teks ikut aturan komponen (style.css,
   ±16px terlihat; revisi user 14 Okt 2026). */
.tk-account__section .tk-empty .tk-empty__title {
	margin-bottom: 0;
}

.tk-account__section .tk-empty .tk-empty__text {
	margin-bottom: 0;
}

.tk-account__section > table {
	margin-bottom: 24px;
}

.tk-account__empty {
	color: var(--tk-co-muted);
}

.tk-account__tracking {
	display: block;
	margin-top: 4px;
	color: var(--tk-co-muted);
	font-size: 12px;
	letter-spacing: 0;
}

.tk-account__quick-link {
	width: auto;
}

@media (max-width: 768px) {
	.tk-account__pair {
		display: block;
	}

	/* Bertumpuk di HP: kembalikan jarak antar bagian (margin akhir bagian dinolkan di desktop). */
	.woocommerce-MyAccount-content .tk-account__pair .tk-account__section:not(:last-child) {
		margin-bottom: 40px;
	}
}

/* ---------- Tabel (pesanan, detail pesanan): garis 1px seragam, tanpa kotak ---------- */
.woocommerce-account table.shop_table,
.woocommerce-account table.woocommerce-orders-table {
	width: 100%;
	margin: 0 0 24px;
	border: 0;
	border-collapse: collapse;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td,
.woocommerce-account table.woocommerce-orders-table th,
.woocommerce-account table.woocommerce-orders-table td {
	padding: 20px 12px 20px 0;
	border: 0;
	border-bottom: 1px solid var(--tk-co-line);
	text-align: left;
	font-weight: 400;
	vertical-align: middle;
}

.woocommerce-account table.shop_table thead th,
.woocommerce-account table.woocommerce-orders-table thead th {
	padding-top: 0;
	color: var(--tk-co-muted);
}

.woocommerce-account table.shop_table tfoot th {
	font-weight: 600;
}

/* ---------- Alamat ----------
   Satu alamat (blok Shipping disembunyikan, lihat takkan_account_single_address()).
   Susunan vertikal: judul → isi alamat → tombol Edit, supaya judul dan tombol
   tidak berdesakan (screenshot user 12 Okt 2026). `header` dibuat `contents`
   agar h2 dan tombol bisa diurutkan terhadap <address>. */
.woocommerce-account .woocommerce-Addresses {
	display: block;
	max-width: none; /* Mengisi lebar panel (revisi user 13 Okt 2026). */
}

.woocommerce-account .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-Addresses .u-column2,
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2 {
	float: none;
	width: 100%;
}

/* Alamat tersimpan (atau pesan "belum ada alamat") di kiri, tombol Add/Edit di KANAN sebaris
   dengan teksnya, selebar panel (revisi user 13 Okt 2026). */
.woocommerce-account .woocommerce-Address {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 24px;
}

.woocommerce-account .woocommerce-Address-title {
	display: contents;
}

/* Judul panel "Address" sudah dicetak hook → judul bawaan blok alamat disembunyikan (tadinya dobel). */
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
	display: none;
}

.woocommerce-account .woocommerce-Address address {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
}

.woocommerce-account .woocommerce-Address-title a.edit {
	grid-column: 2;
	grid-row: 2;
	white-space: nowrap;
}

@media (max-width: 480px) {
	.woocommerce-account .woocommerce-Address {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 16px;
	}

	.woocommerce-account .woocommerce-Address address,
	.woocommerce-account .woocommerce-Address-title a.edit {
		grid-column: 1;
	}

	.woocommerce-account .woocommerce-Address-title a.edit {
		grid-row: 3;
		justify-self: start;
	}
}

.woocommerce-account address {
	font-style: normal;
	line-height: 1.6;
}

/* Form di dalam panel akun mengisi lebar panel (revisi user 13 Okt 2026; dulu dibatasi 480px). */
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .woocommerce-EditAccountForm {
	max-width: none;
}

/* ---------- HP ---------- */
@media (max-width: 768px) {
	body.woocommerce-account.logged-in .entry-content > .woocommerce {
		display: block;
	}

	/* Navigasi jadi satu baris yang bisa digeser di atas isi. */
	.woocommerce-MyAccount-navigation {
		margin: 0 0 24px;
	}

	.woocommerce-MyAccount-navigation ul {
		flex-direction: row;
		gap: 24px;
		overflow-x: auto;
		white-space: nowrap;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

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

	.woocommerce-MyAccount-navigation a {
		padding: 8px 0 4px;
	}

	.woocommerce-MyAccount-navigation a::after {
		bottom: 2px;
	}
}

/* Tabel pesanan jadi kartu bertumpuk di HP (label dari data-title). */
@media (max-width: 700px) {
	.woocommerce-account table.woocommerce-orders-table thead {
		display: none;
	}

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

	.woocommerce-account table.woocommerce-orders-table tr {
		padding: 16px 0;
		border-bottom: 1px solid var(--tk-co-line);
	}

	.woocommerce-account table.woocommerce-orders-table td {
		padding: 4px 0;
		border: 0;
	}

	/* Nomor pesanan (<th scope="row">) = judul kartu, tanpa garis. */
	.woocommerce-account table.woocommerce-orders-table tbody th {
		display: block;
		padding: 0 0 4px;
		border: 0;
		font-weight: 600;
	}

	.woocommerce-account table.woocommerce-orders-table td::before {
		content: attr(data-title) ": ";
		color: var(--tk-co-muted);
	}

	.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before {
		content: none;
	}

	.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
		padding-top: 12px;
	}
}

/* ---------- Form daftar: nama depan/belakang berdampingan + tanggal lahir ---------- */
.tk-account__namepair {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 12px;
}

.tk-birthday {
	margin: 0 0 16px;
}

.tk-birthday__label {
	display: block;
	margin: 0 0 8px;
	color: var(--tk-co-muted);
	font-size: 12px;
	line-height: 1.3;
}

.tk-birthday__row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 12px;
}

.tk-birthday__cell {
	position: relative;
	min-width: 0;
}

/* Keadaan kosong: komponen global `.tk-empty` di style.css. */

@media (max-width: 768px) {
	.woocommerce-MyAccount-content {
		padding: 24px 20px;
	}

	.tk-birthday__row {
		column-gap: 8px;
	}
}

/* ==========================================================================
   MENU AKUN — panel bergaya ASOS (revisi user 13 Okt 2026, screenshot acuan):
   baris putih berikon, garis tipis antarbaris (mulai dari teks) — TANPA pita abu
   antar kelompok (dihapus atas permintaan user 13 Okt malam), item aktif tebal + latar abu + garis hitam di kiri. Hanya desktop;
   di HP menu tetap satu baris yang bisa digeser (ikon disembunyikan).
   Ikon = CSS mask (SVG data-URI) per endpoint → tanpa override template navigation.
   ========================================================================== */
.woocommerce-MyAccount-navigation li a::before {
	display: none;
}

@media (min-width: 769px) {
	.woocommerce-MyAccount-navigation ul {
		gap: 0;
		border: 1px solid var(--tk-co-line);
		background: #ffffff;
	}

	.woocommerce-MyAccount-navigation li {
		position: relative;
		display: block;
		background: #ffffff;
	}

	/* Garis antarbaris dimulai dari teks (kolom ikon 58px). */
	.woocommerce-MyAccount-navigation li:not(:last-child)::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		left: 58px;
		height: 1px;
		background: var(--tk-co-line);
	}

	.woocommerce-MyAccount-navigation li a,
	.woocommerce-MyAccount-navigation li a:hover,
	.woocommerce-MyAccount-navigation li a:focus {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		gap: 16px;
		width: 100%;
		min-height: 56px;
		padding: 0 20px;
		color: var(--tk-co-ink);
		font-size: 12px;
		letter-spacing: 0;
		text-transform: uppercase; /* Semua huruf kapital (feedback klien 13 Okt 2026). */
	}

	.woocommerce-MyAccount-navigation li a::after {
		display: none; /* tanpa garis bawah animasi: penanda aktif = latar + garis kiri. */
	}

	.woocommerce-MyAccount-navigation li a::before {
		content: "";
		display: block;
		flex: 0 0 auto;
		width: 22px;
		height: 22px;
		background: currentColor;
		-webkit-mask: var(--tk-nav-icon) center / contain no-repeat;
		mask: var(--tk-nav-icon) center / contain no-repeat;
	}

	@media (hover: hover) {
		.woocommerce-MyAccount-navigation li:not(.is-active) a:hover {
			background: #fafafa;
		}
	}

	.woocommerce-MyAccount-navigation li.is-active a {
		background: #f5f5f5;
		box-shadow: inset 3px 0 0 var(--tk-co-ink);
		font-weight: 600;
	}
}

.woocommerce-MyAccount-navigation-link--dashboard a {
	--tk-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 9h16M4 15h16'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--orders a {
	--tk-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 7h14l-1.1 12.1a2 2 0 0 1-2 1.9H8.1a2 2 0 0 1-2-1.9L5 7z'/%3E%3Cpath d='M9 7V5.5a3 3 0 0 1 6 0V7'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account a {
	--tk-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='14'/%3E%3Ccircle cx='9' cy='11' r='2'/%3E%3Cpath d='M6 16c.4-1.6 1.6-2.4 3-2.4s2.6.8 3 2.4M14.5 10h4M14.5 14h4'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-address a {
	--tk-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7v9H4zM10 20v-5h4v5'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--change-password a {
	--tk-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='5' y='10' width='14' height='10'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
	--tk-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M9 4H5v16h4M16 8l4 4-4 4M20 12H9'/%3E%3C/svg%3E");
}

/* ==========================================================================
   FORM ADDRESS AKUN = form Delivery Checkout (revisi user 13 Okt 2026).
   Susunan baris memakai CSS `order` (BUKAN urutan DOM): address-i18n.js bawaan
   WooCommerce menyusun ulang field alamat. Aturannya cermin `cart-checkout.css`
   (bagian "Field: susunan baris"), dengan pembungkus `.tk-account-address`;
   kelas `tk-country-id` di pembungkus yang sama = alamat Indonesia (dropdown
   bertingkat tampil, kota/provinsi bawaan disembunyikan locale).
   ========================================================================== */
.tk-account-address .woocommerce-address-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.tk-account-address .woocommerce-address-fields__field-wrapper > * {
	flex: 1 1 100%;
	order: 15;
	min-width: 0;
}

.woocommerce-account .woocommerce .tk-account-address form .form-row,
.woocommerce-account .woocommerce .tk-account-address .form-row {
	margin: 0;
}

.tk-account-address .tk-address-id {
	display: contents;
}

.tk-account-address #billing_country_field { order: 1; }
.tk-account-address #billing_first_name_field { order: 2; flex-basis: calc(50% - 6px); }
.tk-account-address #billing_last_name_field { order: 3; flex-basis: calc(50% - 6px); }
.tk-account-address #billing_address_1_field { order: 5; }
.tk-account-address #billing_address_2_field { order: 6; }
.tk-account-address #billing_city_field { order: 7; flex-basis: calc(33.333% - 8px); }
.tk-account-address #billing_state_field { order: 8; flex-basis: calc(33.333% - 8px); }
.tk-account-address #billing_postcode_field { order: 9; flex-basis: calc(33.333% - 8px); }
.tk-account-address #billing_phone_field { order: 20; }

/* Indonesia: Provinsi | Kota, Kecamatan | Kelurahan, lalu Kode pos penuh. */
.tk-account-address .tk-address-id__row {
	order: 7;
	flex-basis: calc(50% - 6px);
}

.tk-account-address.tk-country-id #billing_postcode_field {
	order: 11;
	flex-basis: 100%;
}

.tk-account-address:not(.tk-country-id) .tk-address-id__row {
	display: none;
}

/* Jarak tombol "Save address" dari kolom terakhir. */
.tk-account-address > p {
	margin: 24px 0 0;
}

/* Kotak dropdown selalu berlabel kecil di atas (ada nilai/placeholder), seperti Checkout. */
.woocommerce-account .woocommerce form .tk-account-address .tk-float:has(select) > label {
	top: 7px;
	transform: none;
	font-size: 12px;
}

.tk-account-address .tk-float .woocommerce-input-wrapper {
	display: block;
}

@media (max-width: 480px) {
	.tk-account-address #billing_city_field,
	.tk-account-address #billing_state_field {
		flex-basis: calc(50% - 6px);
	}

	.tk-account-address #billing_postcode_field,
	.tk-account-address .tk-address-id__row {
		flex-basis: 100%;
	}
}

/* Tombol form alamat nonaktif (kolom wajib belum lengkap): abu seperti tombol Submit Contact Us. */
.woocommerce-account .woocommerce form button.button:disabled,
.woocommerce-account .woocommerce form button.button:disabled:hover,
.woocommerce-account .woocommerce form button.button:disabled:focus {
	border-color: #bdbdbd;
	background: #bdbdbd;
	color: #ffffff;
	opacity: 1;
	cursor: not-allowed;
}

/* ---------- Pesan error isian wajib (menggantikan balon native; account-validate.js) ---------- */
.woocommerce-account .woocommerce form .form-row.has-error input.input-text {
	border-color: var(--tk-co-error, #c0392b);
}

.woocommerce-account .woocommerce form .form-row.has-error input.input-text:focus {
	box-shadow: 0 0 0 1px var(--tk-co-error, #c0392b);
}

.woocommerce-account .woocommerce form .tk-field-error {
	margin: 4px 0 0;
	color: var(--tk-co-error, #c0392b);
	font-size: 12px;
	line-height: 1.4;
}

/* ---------- Tombol "Log out" terpisah (secondary button), di bawah panel menu ---------- */
.woocommerce-account .woocommerce a.tk-account__logout,
.woocommerce-account .woocommerce a.tk-account__logout:hover,
.woocommerce-account .woocommerce a.tk-account__logout:focus {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	grid-column: 1;
	grid-row: 2;
	width: 100%;
	min-height: 52px;
	margin: 16px 0 0;
	padding: 0 20px;
	border: 1px solid var(--tk-co-line);
	border-radius: 0;
	background: #ffffff;
	color: var(--tk-co-ink);
	font: inherit;
	font-size: 12px;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase; /* Sama dengan menu (feedback klien 13 Okt 2026). */
}

@media (hover: hover) {
	.woocommerce-account .woocommerce a.tk-account__logout:hover {
		border-color: var(--tk-co-ink);
	}
}

/* HP: urutan nav → isi → tombol Log out di paling bawah. */
@media (max-width: 768px) {
	body.woocommerce-account.logged-in .entry-content > .woocommerce {
		display: flex;
		flex-direction: column;
	}

	.woocommerce-MyAccount-navigation {
		order: 1;
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}

	.woocommerce-MyAccount-content {
		order: 2;
		width: 100%;
	}

	.woocommerce-account .woocommerce a.tk-account__logout {
		order: 3;
		margin-top: 24px;
	}
}

/* ---------- Hapus akun: tautan di Profile + kotak konfirmasi bergaya Takkan ---------- */
.woocommerce-account .woocommerce p.tk-account__delete-link {
	margin: 24px 0 0;
}

.woocommerce-account .woocommerce .tk-account__delete-link a {
	color: var(--tk-co-muted);
	font-size: 12px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (hover: hover) {
	.woocommerce-account .woocommerce .tk-account__delete-link a:hover {
		color: var(--tk-co-ink);
	}
}

/* Kotak konfirmasi: tampil lewat :target (#tk-delete-account) — jalan tanpa JavaScript. */
.tk-modal {
	display: none;
	position: fixed;
	z-index: 1000;
	inset: 0;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.tk-modal:target {
	display: flex;
}

.woocommerce-account .woocommerce .tk-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
}

.tk-modal__panel {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 440px;
	max-height: 100%;
	overflow-y: auto;
	padding: 32px;
	background: #ffffff;
}

.woocommerce-account .woocommerce .tk-modal__title {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.woocommerce-account .woocommerce .tk-modal__text {
	margin: 0 0 24px;
	line-height: 1.6;
}

.woocommerce-account .woocommerce .tk-modal__actions {
	display: flex;
	gap: 12px;
	margin-top: 24px;
}

.woocommerce-account .woocommerce .tk-modal__actions > * {
	flex: 1 1 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	margin: 0;
	padding: 0 16px;
	border-radius: 0;
	font: inherit;
	text-decoration: none;
	cursor: pointer;
}

.woocommerce-account .woocommerce .tk-modal__actions a.tk-modal__cancel,
.woocommerce-account .woocommerce .tk-modal__actions a.tk-modal__cancel:hover,
.woocommerce-account .woocommerce .tk-modal__actions a.tk-modal__cancel:focus {
	border: 1px solid var(--tk-co-line);
	background: #ffffff;
	color: var(--tk-co-ink);
}

.woocommerce-account .woocommerce .tk-modal__actions button.tk-modal__confirm,
.woocommerce-account .woocommerce .tk-modal__actions button.tk-modal__confirm:hover,
.woocommerce-account .woocommerce .tk-modal__actions button.tk-modal__confirm:focus {
	border: 1px solid var(--tk-co-ink);
	background: var(--tk-co-ink);
	color: #ffffff;
}

.woocommerce-account .woocommerce .tk-modal__actions button.tk-modal__confirm:disabled,
.woocommerce-account .woocommerce .tk-modal__actions button.tk-modal__confirm:disabled:hover,
.woocommerce-account .woocommerce .tk-modal__actions button.tk-modal__confirm:disabled:focus {
	border-color: #bdbdbd;
	background: #bdbdbd;
	cursor: not-allowed;
}

/* ---------- "Complete your profile" (akun baru; endpoint complete-profile) ---------- */
body.tk-onboarding.woocommerce-account.logged-in .entry-content > .woocommerce {
	display: block;
}

body.tk-onboarding .woocommerce-MyAccount-navigation,
body.tk-onboarding.woocommerce-account .woocommerce a.tk-account__logout {
	display: none;
}

body.tk-onboarding .woocommerce-MyAccount-content {
	max-width: 520px;
	margin: 0 auto;
}

.woocommerce-account .woocommerce .tk-onboarding__intro {
	margin: 0 0 24px;
	color: var(--tk-co-muted);
	line-height: 1.6;
}

.tk-onboarding__email {
	margin: 0 0 16px;
}

.tk-onboarding__email .tk-birthday__label {
	margin: 0 0 4px;
}

.tk-onboarding__email-value {
	display: block;
	overflow-wrap: anywhere;
}

.tk-onboarding-form .tk-birthday {
	margin-bottom: 24px;
}

.woocommerce-account .woocommerce p.tk-onboarding__skip-wrap {
	margin: 12px 0 0;
}

.woocommerce-account .woocommerce a.tk-onboarding__skip,
.woocommerce-account .woocommerce a.tk-onboarding__skip:hover,
.woocommerce-account .woocommerce a.tk-onboarding__skip:focus {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	padding: 0 20px;
	border: 1px solid var(--tk-co-line);
	border-radius: 0;
	background: #ffffff;
	color: var(--tk-co-ink);
	text-decoration: none;
}

@media (hover: hover) {
	.woocommerce-account .woocommerce a.tk-onboarding__skip:hover {
		border-color: var(--tk-co-ink);
	}
}

/* Judul besar halaman disembunyikan di "Complete your profile" (dobel dengan judul panel; revisi user 13 Okt
   malam). Tetap ada untuk pembaca layar. */
body.tk-onboarding.woocommerce-account .entry-title {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}