/* ===================================
   MY ACCOUNT PAGE - HORIZONTAL TABS
   =================================== */

/* Account Navigation - Horizontal Layout */
.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 100%;
	float: none;
	margin: 0 0 30px 0;
	border: none;
	background: transparent;
}
.woocommerce-cart-wrap .cart-collaterals {
    background-color: #6868688c!important;
    border-radius: 12px;
    width: 50%;
}
span.checkout-name {
    color: #fff!important;
}
.checkout-page-title .current .checkout-counter {
    color: #000000!important;
}
.checkout-page-title .checkout-counter {
    background-color: rgb(255 255 255) !important;
    color: rgb(0 0 0)!important;
}
.thaimmo-no-membership h3{
    color: #fff!important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 1200px !important
}
form.woocommerce-EditAccountForm.edit-account {
    padding-top: 30px;
    padding-bottom: 30px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	overflow-x: auto;
	overflow-y: hidden;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 2px solid #e5e7eb;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #667eea #f1f5f9;
}
.woocommerce-MyAccount-content {
    color: #fff;
}
/* Scrollbar styling for webkit browsers */
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
	height: 6px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-track {
	background: #f1f5f9;
	border-radius: 3px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb {
	background: #667eea;
	border-radius: 3px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb:hover {
	background: #5568d3;
}

/* Tab Items */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 12px 24px;
	background: #ffffff;
	border: 2px solid #e5e7eb;
	border-radius: 8px;
	color: #374151;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	background: #f9fafb;
	border-color: #667eea;
	color: #667eea;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-color: #667eea;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Account Content - Centered with Max Width */
.woocommerce-account .woocommerce-MyAccount-content {
	width: 100%;
	max-width: 1290px;
	margin: 0 auto;
	float: none;
	padding: 0 20px;
}

/* Center the main account wrapper */
.woocommerce-account .woocommerce {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Center all content sections */
.woocommerce-account .woocommerce-MyAccount-content > * {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Specific centering for forms */
.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* Hide First name and Last name fields */
.woocommerce-account .woocommerce-EditAccountForm .form-row:has(#account_first_name),
.woocommerce-account .woocommerce-EditAccountForm .form-row:has(#account_last_name),
.woocommerce-account .woocommerce-EditAccountForm p:has(#account_first_name),
.woocommerce-account .woocommerce-EditAccountForm p:has(#account_last_name) {
	display: none !important;
}

/* Flex layout for remaining form fields */
.woocommerce-account .woocommerce-EditAccountForm {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
	align-items: flex-start !important;
}

/* Display name and email in same row */
.woocommerce-account .woocommerce-EditAccountForm .form-row,
.woocommerce-account .woocommerce-EditAccountForm > p {
	flex: 1 1 calc(50% - 10px) !important;
	min-width: 280px !important;
	margin: 0 !important;
}

/* Password fieldset takes full width */
.woocommerce-account .woocommerce-EditAccountForm fieldset {
	flex: 1 1 100% !important;
	width: 100% !important;
	border: 1px solid #e5e7eb;
	padding: 20px;
	border-radius: 8px;
	margin: 10px 0 !important;
}

/* Password fields within fieldset */
.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row {
	flex: 1 1 100% !important;
	width: 100% !important;
}

/* Hide clear elements */
.woocommerce-account .woocommerce-EditAccountForm .clear {
	display: none !important;
}

/* Submit button takes full width */
.woocommerce-account .woocommerce-EditAccountForm > p:last-child {
	flex: 1 1 100% !important;
	width: 100% !important;
}

/* Center membership cards and stats */
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content .points-info,
.woocommerce-account .woocommerce-MyAccount-content > div {
	margin-left: auto;
	margin-right: auto;
}

/* Center tables */
.woocommerce-account .woocommerce-MyAccount-content table {
	margin-left: auto;
	margin-right: auto;
}

/* Center messages */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
	margin-left: auto;
	margin-right: auto;
}

/* ===================================
   ORDERS TABLE - WHITE HEADERS
   =================================== */

/* Make all order table headers white */
.woocommerce-account th.woocommerce-orders-table__header,
.woocommerce-account th.woocommerce-orders-table__header-order-number,
.woocommerce-account th.woocommerce-orders-table__header-order-date,
.woocommerce-account th.woocommerce-orders-table__header-order-status,
.woocommerce-account th.woocommerce-orders-table__header-order-total,
.woocommerce-account th.woocommerce-orders-table__header-order-actions {
	color: #ffffff !important;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		gap: 8px;
		padding: 8px 0;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
		padding: 10px 20px;
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: 20px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		gap: 6px;
		padding: 6px 0;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
		padding: 8px 16px;
		font-size: 12px;
	}
}