/* PINGGO checkout and customer account — theme version 1.8.0. */
.woocommerce-checkout .pinggo-announcement,
.woocommerce-checkout .pinggo-header,
.woocommerce-checkout .pinggo-footer {
	display: none;
}

.woocommerce-checkout .site-main,
.woocommerce-account .site-main {
	max-width: none;
	padding: 0;
}

.pinggo-checkout {
	min-height: 100vh;
	background: #fff;
	color: #111;
	font-family: Poppins, "Noto Sans TC", sans-serif;
}

.pinggo-checkout__brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1240px;
	margin: 0 auto;
	padding: 32px 28px;
	border-bottom: 1px solid #e5e5e5;
}

.pinggo-checkout__brand a {
	color: #111;
	font-size: 34px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
}

.pinggo-checkout__brand .custom-logo-link {
	display: block;
}

.pinggo-checkout__brand .custom-logo,
.pinggo-checkout__brand .pinggo-checkout__logo {
	display: block;
	width: 112px;
	height: auto;
	max-height: 38px;
	object-fit: contain;
}

.pinggo-checkout__brand > span {
	color: #6e6e6e;
	font-size: 13px;
	letter-spacing: .08em;
}

.pinggo-checkout__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr);
	max-width: 1240px;
	margin: 0 auto;
}

.pinggo-checkout__details,
.pinggo-checkout__summary {
	padding: 54px 56px 80px 28px;
}

.pinggo-checkout__summary {
	padding-right: 28px;
	padding-left: 56px;
	background: #f5f5f5;
	border-left: 1px solid #e2e2e2;
}

.pinggo-checkout__section + .pinggo-checkout__section {
	margin-top: 44px;
}

.pinggo-checkout__section-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 20px;
}

.pinggo-checkout h1,
.pinggo-checkout h2 {
	margin: 0 0 24px;
	color: #111;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.25;
}

.pinggo-checkout__section-heading a {
	color: #111;
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.pinggo-checkout .woocommerce-billing-fields > h3,
.pinggo-checkout .woocommerce-shipping-fields > h3 {
	display: none;
}

.pinggo-checkout .woocommerce-billing-fields__field-wrapper,
.pinggo-checkout .woocommerce-shipping-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.pinggo-checkout .form-row {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.pinggo-checkout .form-row-wide,
.pinggo-checkout #billing_country_field,
.pinggo-checkout #billing_address_1_field,
.pinggo-checkout #billing_address_2_field,
.pinggo-checkout #billing_email_field,
.pinggo-checkout #billing_phone_field {
	grid-column: 1 / -1;
}

.pinggo-checkout label,
.pinggo-account-auth label {
	display: block;
	margin: 0 0 7px;
	color: #333;
	font-size: 12px;
	font-weight: 500;
}

.pinggo-checkout input.input-text,
.pinggo-checkout select,
.pinggo-checkout textarea,
.pinggo-account-auth input.input-text {
	width: 100%;
	min-height: 52px;
	padding: 13px 14px;
	color: #111;
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 0;
	box-shadow: none;
	font: inherit;
	font-size: 14px;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.pinggo-checkout input.input-text:focus,
.pinggo-checkout select:focus,
.pinggo-checkout textarea:focus,
.pinggo-account-auth input.input-text:focus {
	border-color: #111;
	box-shadow: 0 0 0 1px #111;
	outline: none;
}

.pinggo-checkout textarea {
	min-height: 112px;
	resize: vertical;
}

.pinggo-checkout .select2-container .select2-selection--single {
	height: 52px;
	border: 1px solid #b9b9b9;
	border-radius: 0;
}

.pinggo-checkout .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 11px 40px 11px 14px;
	line-height: 28px;
}

.pinggo-checkout .select2-container .select2-selection--single .select2-selection__arrow {
	height: 50px;
}

.pinggo-checkout .woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
}

.pinggo-checkout__summary .shop_table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.pinggo-checkout__summary .shop_table th,
.pinggo-checkout__summary .shop_table td {
	padding: 17px 0;
	border: 0;
	border-bottom: 1px solid #d8d8d8;
	background: transparent;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}

.pinggo-checkout__summary .shop_table td:last-child,
.pinggo-checkout__summary .shop_table th:last-child {
	text-align: right;
}

.pinggo-checkout__summary .product-quantity {
	color: #777;
}

.pinggo-checkout__summary .order-total th,
.pinggo-checkout__summary .order-total td {
	padding-top: 22px;
	border-bottom: 0;
	font-size: 18px;
}

.pinggo-checkout__summary #payment {
	margin-top: 28px;
	background: transparent;
	border: 0;
}

.pinggo-checkout__summary #payment ul.payment_methods {
	padding: 0;
	border-bottom: 1px solid #d8d8d8;
}

.pinggo-checkout__summary #payment div.payment_box {
	margin: 12px 0 18px;
	padding: 16px;
	color: #444;
	background: #fff;
	border-radius: 0;
}

.pinggo-checkout__summary #payment div.form-row {
	padding: 24px 0 0;
}

.pinggo-checkout__summary #place_order,
.pinggo-account-auth .button,
.woocommerce-account .woocommerce-MyAccount-content .button {
	width: 100%;
	min-height: 54px;
	padding: 14px 24px;
	color: #fff;
	background: #111;
	border: 1px solid #111;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .03em;
	transition: color .18s ease, background-color .18s ease;
}

.pinggo-checkout__summary #place_order:hover,
.pinggo-account-auth .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover {
	color: #111;
	background: #fff;
}

.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
	/* Alignment only — the visual language (white card, radius, black
	 * accent) comes from the global storefront notice style (2.5.99). */
	max-width: 1184px;
	margin: 20px auto;
}

/* WooCommerce renders the classic coupon form before the custom checkout
 * shell. Keep that independently rendered row aligned with the checkout. */
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon {
	box-sizing: border-box;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	width: calc(100% - 56px);
	max-width: 1184px;
	margin: 0 auto 24px !important;
	padding: 0;
	border: 0;
}

.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon > p:first-child {
	display: none;
}

.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon .form-row {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon input.input-text,
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon button {
	box-sizing: border-box;
	min-height: 48px;
	margin: 0;
	border-radius: 0;
}

.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon button {
	padding: 12px 24px;
	border: 1px solid #111;
	background: #111;
	color: #fff;
}

/* The WooCommerce icon font is not part of the PINGGO visual system and can
 * render as an unknown glyph. Notices remain fully labelled without it. */
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before {
	display: none;
	content: none;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
	padding-left: 20px;
}

.pinggo-account-auth {
	display: grid;
	grid-template-columns: minmax(0, 520px);
	justify-content: center;
	max-width: 1240px;
	margin: 0 auto;
	padding: 90px 28px 120px;
	color: #111;
	font-family: Poppins, "Noto Sans TC", sans-serif;
}

.pinggo-account-auth--split {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pinggo-account-auth__panel {
	padding: 0 80px 0 0;
}

.pinggo-account-auth__panel + .pinggo-account-auth__panel {
	padding: 0 0 0 80px;
	border-left: 1px solid #dedede;
}

.pinggo-account-auth__eyebrow {
	margin: 0 0 12px;
	color: #747474;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.pinggo-account-auth h1,
.pinggo-account-auth h2 {
	margin: 0 0 16px;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
}

.pinggo-account-auth__intro {
	margin: 0 0 34px;
	color: #6b6b6b;
	font-size: 14px;
	line-height: 1.7;
}

.pinggo-account-auth .form-row {
	margin: 0 0 20px;
}

.pinggo-account-auth__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: -2px 0 26px;
	font-size: 13px;
}

.pinggo-account-auth__actions label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.pinggo-account-auth__actions a {
	color: #111;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.woocommerce-account .woocommerce {
	max-width: 1240px;
	margin: 0 auto;
	padding: 52px 28px 120px;
}

.woocommerce-account .pinggo-page__hero {
	box-sizing: border-box;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 56px 28px 12px;
	color: #111;
	text-align: center;
}

.woocommerce-account .pinggo-page__eyebrow {
	margin: 0 0 8px;
	color: #555;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.woocommerce-account .pinggo-page__hero h1 {
	margin: 0;
	font-size: clamp(38px, 4vw, 56px);
	font-weight: 500;
	letter-spacing: -.035em;
	line-height: 1.12;
}

/* 2.9.87：原本 margin:0 會蓋掉 content-pages.css:5 的 margin:0 auto，讓 1180px 內容容器
 * 整塊貼左（1920 視窗實測 left=0／右空 740px；站長 2026-09-17 回報「登入卡片沒居中」）。
 * 同一個雷 2.9.81 已在完成訂單頁單獨補過一次——這次修總開關，帳號相關子頁一起受益。 */
.woocommerce-account .pinggo-page__content {
	margin: 0 auto;
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: left;
	width: 25%;
	padding-right: 54px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #ddd;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	border-bottom: 1px solid #ddd;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 15px 4px;
	color: #666;
	font-size: 14px;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	color: #111;
	font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: right;
	width: 75%;
	color: #333;
	font-size: 14px;
	line-height: 1.8;
}

.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	width: 100%;
	margin-top: 22px;
}

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

.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-Addresses .u-column2 {
	box-sizing: border-box;
	float: none !important;
	width: 100% !important;
	max-width: none;
	min-height: 0;
	display: grid;
	grid-template-columns: minmax(150px, .8fr) minmax(240px, 1.7fr) auto;
	align-items: center;
	column-gap: 28px;
	padding: 22px 24px;
	border: 0;
	border-left: 3px solid #111;
	background: #f5f5f5;
}

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

.woocommerce-account .woocommerce-Address-title h2 {
	float: none;
	width: auto;
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	grid-column: 1;
	grid-row: 1;
}

.woocommerce-account .woocommerce-Address-title a {
	float: none;
	flex: 0 0 auto;
	min-width: 132px;
	padding: 11px 18px;
	color: #fff;
	background: #111;
	border: 1px solid #111;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	grid-column: 3;
	grid-row: 1;
}

.woocommerce-account .woocommerce-Address-title a:hover,
.woocommerce-account .woocommerce-Address-title a:focus {
	color: #111;
	background: #fff;
}

.woocommerce-account .woocommerce-Address address {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	color: #666;
	font-style: normal;
}

.woocommerce-account .woocommerce-MyAccount-content .button {
	width: auto;
	min-height: 44px;
}

.woocommerce-account table.shop_table {
	border: 1px solid #ddd;
	border-radius: 0;
	border-collapse: collapse;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
	padding: 15px;
	border: 0;
	border-bottom: 1px solid #ddd;
}

@media (max-width: 900px) {
	.pinggo-checkout__layout {
		grid-template-columns: 1fr;
	}

	.pinggo-checkout__details,
	.pinggo-checkout__summary {
		padding: 36px 22px 54px;
	}

	.pinggo-checkout__summary {
		border-top: 1px solid #ddd;
		border-left: 0;
	}

	.pinggo-account-auth--split {
		grid-template-columns: 1fr;
		gap: 58px;
	}

	.pinggo-account-auth__panel,
	.pinggo-account-auth__panel + .pinggo-account-auth__panel {
		padding: 0;
		border: 0;
	}
}

@media (max-width: 640px) {
	.pinggo-checkout__brand {
		padding: 22px 18px;
	}

	.pinggo-checkout .woocommerce-billing-fields__field-wrapper,
	.pinggo-checkout .woocommerce-shipping-fields__field-wrapper {
		grid-template-columns: 1fr;
	}

	.pinggo-checkout .form-row {
		grid-column: 1;
	}

	.pinggo-account-auth,
	.woocommerce-account .woocommerce {
		padding: 52px 20px 80px;
	}

	.woocommerce-account .pinggo-page__hero {
		padding: 38px 20px 0;
		text-align: left;
	}

	.woocommerce-account .pinggo-page__hero h1 {
		font-size: 36px;
	}

	.pinggo-account-auth h1,
	.pinggo-account-auth h2 {
		font-size: 30px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		float: none;
		width: 100%;
		padding: 0;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: 38px;
	}

	.woocommerce-account .woocommerce-Address {
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 14px;
		min-height: 0;
		padding: 22px;
	}

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

	.woocommerce-account .woocommerce-Address-title h2 { grid-row: 1; }
	.woocommerce-account .woocommerce-Address address { grid-row: 2; }
	.woocommerce-account .woocommerce-Address-title a {
		grid-row: 3;
		width: 100%;
	}

	.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon {
		grid-template-columns: 1fr;
		width: calc(100% - 36px);
	}

	.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon button {
		width: 100%;
	}
}

/* WooCommerce Checkout Block — production checkout uses block markup. */
.woocommerce-checkout .pinggo-page{
	min-height:100vh;
	background:#fff;
	color:#111;
	font-family:Arial,"Noto Sans TC",sans-serif
}
.woocommerce-checkout .pinggo-checkout-block__brand{
	box-sizing:border-box;
	display:flex;
	width:100%;
	max-width:1240px;
	min-height:88px;
	margin:0 auto;
	padding:24px 28px;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid #e1e1e1;
	background:#fff
}
.woocommerce-checkout .pinggo-checkout-block__brand a,
.woocommerce-checkout .pinggo-checkout-block__brand .custom-logo-link{display:block}
.woocommerce-checkout .pinggo-checkout-block__brand .custom-logo,
.woocommerce-checkout .pinggo-checkout-block__brand .pinggo-page__logo{
	display:block;
	width:112px;
	height:auto;
	max-height:38px;
	object-fit:contain
}
.woocommerce-checkout .pinggo-checkout-block__brand strong{
	color:#111;
	font-size:28px;
	letter-spacing:-.04em
}
.woocommerce-checkout .pinggo-checkout-block__brand>span{
	color:#666;
	font-size:12px;
	font-weight:600;
	letter-spacing:.1em
}
/* 2.9.87：同一個「margin:0 蓋掉置中」的雷，這裡一併修為 margin:0 auto。
 * （2.9.81 曾在完成訂單頁單獨補 margin-left/right:auto——該頁 body 同時帶
 *  woocommerce-checkout 與 woocommerce-order-received；總開關修好後補丁已移除。） */
.woocommerce-checkout .pinggo-page__content{margin:0 auto;padding:0}
.woocommerce-checkout .wp-block-woocommerce-checkout{
	box-sizing:border-box;
	width:100%;
	max-width:1240px!important;
	margin:0 auto!important;
	padding:48px 28px 96px!important
}
.woocommerce-checkout .wc-block-components-sidebar-layout{
	align-items:flex-start;
	gap:64px
}
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main{
	box-sizing:border-box;
	width:calc(62% - 32px);
	padding:0
}
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar{
	box-sizing:border-box;
	position:sticky;
	top:24px;
	width:calc(38% - 32px);
	margin:0;
	padding:28px;
	border:1px solid #e1e1e1;
	background:#f7f7f7
}
.woocommerce-checkout .wc-block-components-checkout-step{
	margin:0 0 38px;
	padding:0;
	border:0
}
.woocommerce-checkout .wc-block-components-checkout-step__heading-container{margin:0 0 16px}
.woocommerce-checkout .wc-block-components-title,
.woocommerce-checkout .wc-block-components-checkout-step__title,
.woocommerce-checkout .wc-block-components-sidebar>h2{
	color:#111;
	font-size:20px;
	font-weight:600;
	letter-spacing:-.015em;
	line-height:1.3
}
.woocommerce-checkout .wc-block-components-checkout-step__description,
.woocommerce-checkout .wc-block-components-checkout-step__heading-content,
.woocommerce-checkout .wc-block-components-checkout-step__content{
	color:#555;
	font-size:13px
}
.woocommerce-checkout .wc-block-components-address-form,
.woocommerce-checkout .wc-block-checkout__shipping-fields .wc-block-components-address-form,
.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form{
	row-gap:12px
}
.woocommerce-checkout .wc-block-components-address-form>.wc-block-components-country-input,
.woocommerce-checkout .wc-block-components-address-form>.wc-block-components-state-input,
.woocommerce-checkout .wc-block-components-address-form>.wc-block-components-text-input,
.woocommerce-checkout .wc-block-components-address-form>.wc-block-components-select-input{
	margin-top:0!important
}
.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.woocommerce-checkout .wc-block-components-address-form__address_2-toggle{
	border-color:#aaa!important;
	border-radius:6px!important;
	background:#fff!important;
	box-shadow:none!important
}
.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input:focus{
	border-color:#111!important;
	box-shadow:0 0 0 1px #111!important
}
.woocommerce-checkout .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-components-checkbox{border-color:#d0d0d0}
.woocommerce-checkout .wc-block-components-checkout-place-order-button{
	min-height:52px;
	border:1px solid #111!important;
	border-radius:26px!important;
	background:#111!important;
	color:#fff!important;
	font-size:14px;
	font-weight:600
}
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover{background:#333!important}
.woocommerce-checkout .wc-block-components-order-summary{padding:0}
.woocommerce-checkout .wc-block-components-order-summary-item{
	padding:18px 0;
	border-bottom:1px solid #ddd
}
.woocommerce-checkout .wc-block-components-order-summary-item__image{width:72px}
.woocommerce-checkout .wc-block-components-order-summary-item__image img{
	background:#fff;
	object-fit:contain
}
.woocommerce-checkout .wc-block-components-totals-wrapper{
	padding:17px 0;
	border-top:0;
	border-bottom:1px solid #d6d6d6
}
.woocommerce-checkout .wc-block-components-totals-footer-item{font-size:18px}
.woocommerce-checkout .wc-block-components-notice-banner{
	border:0;
	border-left:3px solid #111;
	border-radius:0;
	background:#f2f2f2;
	color:#333
}

/* Checkout Block coupon controls do not consistently inherit the theme's
 * neutral button palette. Lock every state here so WordPress/WooCommerce
 * defaults cannot reintroduce a pink accent. */
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout .wc-block-components-sidebar{
	--wc-primary:#111!important;
	--e-global-color-primary:#111!important;
	--e-global-color-accent:#111!important;
	accent-color:#111
}
.woocommerce-checkout .wc-block-components-totals-coupon__button,
.woocommerce-checkout .wc-block-components-totals-coupon__button:hover,
.woocommerce-checkout .wc-block-components-totals-coupon__button:active,
.woocommerce-checkout .wc-block-components-totals-coupon__button:focus,
.woocommerce-checkout .wc-block-components-totals-coupon__button:focus-visible{
	border:1px solid #111!important;
	background:#111!important;
	box-shadow:none!important;
	color:#fff!important;
	outline-color:#111!important
}
.woocommerce-checkout .wc-block-components-totals-coupon__button .wc-block-components-button__text{
	color:inherit!important
}
.woocommerce-checkout .wc-block-components-totals-coupon__button:disabled,
.woocommerce-checkout .wc-block-components-totals-coupon__button[aria-disabled="true"]{
	border-color:#aaa!important;
	background:#f2f2f2!important;
	color:#666!important;
	opacity:1!important
}
@media(max-width:900px){
	.woocommerce-checkout .pinggo-checkout-block__brand{
		min-height:76px;
		padding:20px 18px
	}
	.woocommerce-checkout .wp-block-woocommerce-checkout{padding:30px 18px 72px!important}
	.woocommerce-checkout .wc-block-components-sidebar-layout{
		display:flex;
		flex-direction:column;
		gap:34px
	}
	.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
	.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar{width:100%}
	.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar{
		position:static;
		order:-1;
		padding:22px 18px
	}
	.woocommerce-checkout .wc-block-components-checkout-step{margin-bottom:30px}
}

/* ==========================================================================
   PINGGO account auth — minimal refinement (2.5.69)
   Pure visual overlay for /my-account/. No structure or functionality change.
   Scoped to .woocommerce-account / .pinggo-account-auth so the checkout and
   the rest of the storefront keep their existing styles.
   ========================================================================== */

/* Page hero: quiet centred heading on the 1080px column (kept at 32px;
 * the original 56px centred headline felt competing with the panels). */
.woocommerce-account .pinggo-page__hero {
	box-sizing: border-box;
	max-width: 1080px;
	padding: 46px 28px 30px;
	text-align: center;
}

.woocommerce-account .pinggo-page__hero .pinggo-page__eyebrow {
	margin: 0 0 6px;
	color: #8a8a8a;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.4;
}

.woocommerce-account .pinggo-page__hero h1 {
	font-size: clamp(26px, 3vw, 32px);
	font-weight: 600;
	letter-spacing: -.02em;
}

/* Auth canvas: narrower column, tighter rhythm, secondary-size titles. */
.woocommerce-account .woocommerce,
.pinggo-account-auth {
	max-width: 1080px;
}

.pinggo-account-auth {
	padding: 44px 28px 96px;
}

.pinggo-account-auth__panel {
	padding: 0 56px 0 0;
}

.pinggo-account-auth__panel + .pinggo-account-auth__panel {
	padding: 0 0 0 56px;
	border-left-color: #eee;
}

.pinggo-account-auth__eyebrow {
	margin: 0 0 8px;
	color: #8a8a8a;
	font-size: 11px;
	letter-spacing: .1em;
}

.pinggo-account-auth h1,
.pinggo-account-auth h2 {
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -.01em;
	line-height: 1.25;
}

.pinggo-account-auth__intro {
	margin: 0 0 26px;
	color: #8a8a8a;
	font-size: 13px;
}

/* Fields: 48px, softer border, square corners, single-line focus.
 * Specificity beats WooCommerce 11's .woocommerce form .form-row .input-text
 * rule (0,3,1), which would reintroduce its --wc-form-border-color/radius. */
.pinggo-account-auth form .form-row input.input-text {
	min-height: 48px;
	padding: 12px 14px;
	border: 1px solid #d0d0d0;
	border-radius: 0;
}

.pinggo-account-auth form .form-row input.input-text:focus {
	border-color: #111;
	box-shadow: none;
}

/* Primary button: 48px black square, hover darkens instead of inverting. */
.pinggo-account-auth .button {
	min-height: 48px;
	padding: 12px 24px;
	font-size: 13px;
}

.pinggo-account-auth .button:hover {
	color: #fff;
	background: #333;
	border-color: #333;
}

/* Actions row: quieter secondary text. */
.pinggo-account-auth__actions {
	margin: 2px 0 24px;
	font-size: 12px;
}

/* Social login (plugin CSS kept; volume lowered to match the minimal look). */
.pinggo-account-auth .pinggo-social-login {
	margin: 0 0 24px;
}

.pinggo-account-auth .pinggo-social-login__title {
	display: none;
}

.pinggo-account-auth .pinggo-social-login__buttons {
	gap: 10px;
}

.pinggo-account-auth .pinggo-social-login__button {
	min-height: 46px;
	border-radius: 0;
	font-size: 13px;
}

.pinggo-account-auth .pinggo-social-login__button--google {
	border-color: #d0d0d0;
}

.pinggo-account-auth .pinggo-social-login__terms {
	margin: 8px 0 0;
	color: #9a9a9a;
	font-size: 10px;
	line-height: 1.5;
}

.pinggo-account-auth .pinggo-social-login__divider {
	margin-top: 18px;
	color: #9a9a9a;
	font-size: 11px;
}

.pinggo-account-auth .pinggo-social-login__divider::before,
.pinggo-account-auth .pinggo-social-login__divider::after {
	background: #e8e8e8;
}

@media (max-width: 900px) {
	.pinggo-account-auth__panel,
	.pinggo-account-auth__panel + .pinggo-account-auth__panel {
		padding: 0;
		border-left: 0;
	}
}

@media (max-width: 640px) {
	.woocommerce-account .pinggo-page__hero {
		padding: 32px 20px 0;
	}

	.woocommerce-account .pinggo-page__hero h1 {
		font-size: 26px;
	}

	.woocommerce-account .woocommerce,
	.pinggo-account-auth {
		padding: 36px 20px 72px;
	}

	.pinggo-account-auth h1,
	.pinggo-account-auth h2 {
		font-size: 20px;
	}
}

/* ==========================================================================
   PINGGO account auth — single-card aggregation (2.5.71)
   One 460px card on the 1080px account column: social sign-in on top, email
   forms beneath, register form as a second tab switched in place
   (assets/js/account-auth.js). Continues the 2.5.69 language: 48px square
   fields and buttons, #d0d0d0 borders, quiet grey supporting copy.
   ========================================================================== */

/* Card container: single centred column (site-wide border-box, so the
 * declared width includes the 28px side padding: 516 = 460 card + 2×28). */
.pinggo-account-auth {
	display: block;
	max-width: 516px;
	margin: 0 auto;
	padding: 44px 28px 96px;
}

.pinggo-account-auth__card {
	box-sizing: border-box;
	padding: 40px 44px 36px;
	border: 1px solid #ececec;
	background: #fff;
}

/* Keep error/notice strips aligned to the card width on the auth page. */
.woocommerce-account .woocommerce:has(> #customer_login) .woocommerce-notices-wrapper {
	max-width: 460px;
	margin: 0 auto;
}

.woocommerce-account .woocommerce:has(> #customer_login) .woocommerce-error,
.woocommerce-account .woocommerce:has(> #customer_login) .woocommerce-info,
.woocommerce-account .woocommerce:has(> #customer_login) .woocommerce-message {
	margin: 0 0 18px;
}

/* Social sign-in: card lead + full-width stacked buttons. */
.pinggo-account-auth .pinggo-social-login {
	margin: 0 0 26px;
}

.pinggo-account-auth .pinggo-social-login__title {
	display: block;
	margin: 0 0 14px;
	color: #111;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
}

.pinggo-account-auth .pinggo-social-login__buttons {
	grid-template-columns: minmax(0, 1fr);
}

.pinggo-account-auth .pinggo-social-login__button {
	min-height: 48px;
}

/* Email forms: register tab hidden until switched; drop WooCommerce's
 * inner bordered box so the card stays a single clean surface. */
.pinggo-account-auth [data-pinggo-auth-form][hidden] {
	display: none !important;
}

.pinggo-account-auth form.login,
.pinggo-account-auth form.register {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.pinggo-account-auth__note {
	margin: 0 0 20px;
	color: #8a8a8a;
	font-size: 12px;
	line-height: 1.6;
}

/* Login / register switch row at the card foot. */
.pinggo-account-auth__switch {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 26px 0 0;
	padding-top: 22px;
	border-top: 1px solid #f0f0f0;
	color: #8a8a8a;
	font-size: 12px;
}

.pinggo-account-auth__switch-btn {
	padding: 0;
	color: #111;
	background: none;
	border: 0;
	font: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.pinggo-account-auth__switch-btn:hover,
.pinggo-account-auth__switch-btn:focus {
	color: #333;
	outline-color: #111;
}

@media (max-width: 640px) {
	.pinggo-account-auth {
		padding: 36px 20px 72px;
	}

	.pinggo-account-auth__card {
		padding: 30px 22px 28px;
	}

	.pinggo-account-auth .pinggo-social-login__title {
		font-size: 14px;
	}
}

/* ==========================================================================
   PINGGO account auth — hero centred in the header-to-card band (2.5.74)
   The auth view reads as one composition: the hero text block is vertically
   centred between the site header and the login card (even breathing room
   above and below). Client feedback: the 92px gaps felt airy, so 2.5.76
   tightened the rhythm to ~64px (desktop) / ~48px (mobile) while keeping
   the title exactly on the band centre. Scoped to the auth view so
   logged-in account pages keep their hero rhythm.

   Tuning is derived from measured geometry:
   titleCentre = headerBottom + heroPadTop + content/2
   bandCentre  = headerBottom + (heroH + woocommercePadTop + authPadTop) / 2
   Equalised by heroPadTop = heroPadBottom + (woocommercePadTop + authPadTop):
   desktop  G=28+28=56 → 64/8;  mobile  G=24+12=36 → 48/12.
   ========================================================================== */
.woocommerce-account .pinggo-page:has(#customer_login) .pinggo-page__hero {
	padding: 64px 28px 8px;
}

.woocommerce-account .pinggo-page:has(#customer_login) .woocommerce {
	padding-top: 28px;
}

.woocommerce-account .pinggo-page:has(#customer_login) .pinggo-account-auth {
	padding-top: 28px;
}

@media (max-width: 640px) {
	.woocommerce-account .pinggo-page:has(#customer_login) .pinggo-page__hero {
		padding: 48px 20px 12px;
	}

	.woocommerce-account .pinggo-page:has(#customer_login) .woocommerce {
		padding-top: 24px;
	}

	.woocommerce-account .pinggo-page:has(#customer_login) .pinggo-account-auth {
		padding-top: 12px;
	}
}

/* 2.6.1: remove every leftover container border in the account area (the
 * vertical black line), and keep notices a neutral card. */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce > div,
.woocommerce-account .pinggo-page__content,
.woocommerce-checkout .woocommerce-notices-wrapper {
	border: 0 !important;
	border-left: 0 !important;
}
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-checkout .woocommerce-notices-wrapper .wc-block-components-notice-banner {
	border: 1px solid #e6e6e6 !important;
	border-left: 1px solid #e6e6e6 !important;
	border-radius: 10px !important;
	background: #fff !important;
}