/* ==========================================================
   Expensive Design — WooCommerce My Account (overrides only)
   Layout is handled by woocommerce.css. This file only
   overrides visual styling: fonts, colours, spacing tweaks.
   ========================================================== */

/* ── Sidebar nav — font & active state ───────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	font-family: "Mitr", sans-serif;
	font-size: 17px;
	font-weight: 400;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.current-menu-item a {
	font-family: "Mitr", sans-serif;
	font-size: 17px;
	font-weight: 400;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #e74c3c;
}

/* Hide ghost empty list items */
.woocommerce-account .woocommerce-MyAccount-navigation li:empty,
.woocommerce-account .woocommerce-MyAccount-navigation li:not(:has(a)) {
	display: none;
}

/* ── Content area — reduce padding slightly ──────────────── */
.woocommerce-account .woocommerce-MyAccount-content {
	padding: 1.5rem 1.75rem;
}

/* ── Section headings ─────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-size: 1.05rem;
	font-weight: 700;
	color: #111;
	margin: 0 0 0.75rem;
}

/* ── Notices ──────────────────────────────────────────────── */
.woocommerce-account .woocommerce-message { background: #f0fdf9; border: 1px solid #b2e8da; color: #1a7a6a; }
.woocommerce-account .woocommerce-info    { background: #f0f1fe; border: 1px solid #c5cafc; color: #3d4ecc; }
.woocommerce-account .woocommerce-error   { background: #fff5f5; border: 1px solid #fcc;    color: #c0392b; }

/* ── Forms ────────────────────────────────────────────────── */
.woocommerce-account .woocommerce-form input[type="text"],
.woocommerce-account .woocommerce-form input[type="email"],
.woocommerce-account .woocommerce-form input[type="password"],
.woocommerce-account .woocommerce-address-fields input,
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-EditAccountForm input,
.woocommerce-account .woocommerce-EditAccountForm select {
	width: 100%;
	padding: 0.5rem 0.8rem;
	border: 1.5px solid #e0e0e0;
	border-radius: 0.4rem;
	font-size: 0.9rem;
	color: #111;
	background: #fff;
	outline: none;
	box-sizing: border-box;
}

.woocommerce-account .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-EditAccountForm input:focus {
	border-color: #5B6EF5;
	box-shadow: 0 0 0 3px rgba(91,110,245,0.1);
}

.woocommerce-account label {
	font-size: 0.825rem;
	font-weight: 600;
	color: #444;
	display: block;
	margin-bottom: 0.25rem;
}

/* ── Addresses ────────────────────────────────────────────── */
.woocommerce-account .woocommerce-Address {
	background: #fafafa;
	border: 1px solid #ebebeb;
	border-radius: 0.6rem;
	padding: 1.1rem;
}

.woocommerce-account .woocommerce-Address-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.6rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid #ebebeb;
}

.woocommerce-account .woocommerce-Address-title h3 {
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0;
	color: #111;
}

.woocommerce-account .woocommerce-Address-title a {
	font-size: 0.8rem;
	color: #5B6EF5;
	text-decoration: none;
}

.woocommerce-account .woocommerce-Address-title a:hover { text-decoration: underline; }

.woocommerce-account address {
	font-style: normal;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #555;
}

/* ── WooCommerce address float override ───────────────────── */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.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 !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

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

/* ── View Order — align tfoot labels (รวม, รวมทั้งหมด, วิธีการชำระเงิน) to left ── */
.woocommerce-account .woocommerce-order-details tfoot th,
.woocommerce-account .woocommerce-order-details tfoot td,
.woocommerce-account .shop_table.woocommerce-table--order-details tfoot th,
.woocommerce-account .shop_table.order_details tfoot th {
	text-align: left !important;
}

/* ── View Order tfoot th — override browser default -internal-center ── */
.woocommerce-MyAccount-content .woocommerce-order-details tfoot tr th {
	text-align: left !important;
}