/**
 * Modern My Account Authentication Styles
 * Single form, minimal design matching reference image
 */

/* Reset and Override Theme Styles */
.woocommerce-auth-container *,
.woocommerce-auth-container *::before,
.woocommerce-auth-container *::after {
	box-sizing: border-box !important;
}

/* Container Styles */
.woocommerce-auth-container {
	max-width: 420px !important;
	margin: 0 auto !important;
	padding: 3rem 1.5rem !important;
}

.woocommerce-auth-container h2 {
	font-size: 1.75rem !important;
	font-weight: 600 !important;
	margin: 0 0 2rem 0 !important;
	padding: 0 !important;
	color: #000000 !important;
	text-align: left !important;
	letter-spacing: -0.02em !important;
	line-height: 1.3 !important;
	text-transform: none !important;
}

/* Form Styles */
.woocommerce-auth-form {
	background: #ffffff !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.woocommerce-auth-container .woocommerce-auth-form .form-row,
body .woocommerce-auth-form .form-row {
	margin-bottom: 1.25rem !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	line-height: normal !important;
	display: block !important;
	position: relative !important;
}

.woocommerce-auth-container .woocommerce-auth-form .form-row:last-of-type,
body .woocommerce-auth-form .form-row:last-of-type {
	margin-bottom: 0 !important;
}

.woocommerce-auth-container .woocommerce-auth-form .form-row-wide,
body .woocommerce-auth-form .form-row-wide {
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

.woocommerce-auth-container .woocommerce-auth-form .form-row.form-row,
body .woocommerce-auth-form .form-row.form-row {
	float: none !important;
	width: 100% !important;
	clear: both !important;
}

/* Hide Labels - Using Placeholders Instead */
.woocommerce-auth-form label,
.woocommerce-auth-form .woocommerce-form-row label {
	display: none !important;
}

/* Input Wrapper with Icons */
.woocommerce-auth-form .input-wrapper {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
}

.woocommerce-auth-form .input-icon {
	position: absolute !important;
	left: 1rem !important;
	width: 18px !important;
	height: 18px !important;
	pointer-events: none !important;
	z-index: 1 !important;
	flex-shrink: 0 !important;
}

/* Input Styles */
.woocommerce-auth-form input[type="text"],
.woocommerce-auth-form input[type="email"],
.woocommerce-auth-form input[type="password"],
.woocommerce-auth-form .woocommerce-Input--text,
.woocommerce-auth-form .input-text {
	width: 100% !important;
	padding: 0.875rem 1rem 0.875rem 2.75rem !important;
}

.woocommerce-auth-form input[type="password"] {
	padding-right: 2.75rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
	color: #000000 !important;
	background-color: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 6px !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	margin: 0 !important;
	font-family: inherit !important;
	box-shadow: none !important;
}

.woocommerce-auth-form input[type="text"]:focus,
.woocommerce-auth-form input[type="email"]:focus,
.woocommerce-auth-form input[type="password"]:focus,
.woocommerce-auth-form .woocommerce-Input--text:focus,
.woocommerce-auth-form .input-text:focus {
	outline: none !important;
	border-color: #d0d0d0 !important;
	box-shadow: none !important;
	background-color: #ffffff !important;
}

.woocommerce-auth-form input[type="text"]::placeholder,
.woocommerce-auth-form input[type="email"]::placeholder,
.woocommerce-auth-form input[type="password"]::placeholder {
	color: #999999 !important;
	opacity: 1 !important;
}

/* Google Login Button */
.woocommerce-auth-container .woocommerce-google-login-button,
body .woocommerce-google-login-button {
	width: 100% !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	padding: 0.875rem 1.5rem !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	color: #000000 !important;
	background-color: #f5f5f5 !important;
	border: 1px solid #d0d0d0 !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-align: center !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.75rem !important;
	margin-bottom: 1.5rem !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	font-family: inherit !important;
	float: none !important;
	clear: both !important;
	vertical-align: baseline !important;
}

.woocommerce-auth-container .woocommerce-google-login-button:hover,
body .woocommerce-google-login-button:hover {
	background-color: #e8e8e8 !important;
	border-color: #c0c0c0 !important;
	height: auto !important;
	line-height: 1.5 !important;
	float: none !important;
}

.woocommerce-auth-container .woocommerce-google-login-button:focus,
body .woocommerce-google-login-button:focus {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important;
	height: auto !important;
	line-height: 1.5 !important;
	float: none !important;
}

.woocommerce-google-login-button svg {
	flex-shrink: 0 !important;
}

.woocommerce-google-login-button span {
	color: #000000 !important;
}

/* Separator */
.woocommerce-auth-separator {
	display: flex !important;
	align-items: center !important;
	gap: 1rem !important;
	margin: 1.5rem 0 !important;
}

.woocommerce-auth-separator .separator-line {
	flex: 1 !important;
	height: 1px !important;
	background-color: #e0e0e0 !important;
}

.woocommerce-auth-separator .separator-text {
	font-size: 0.875rem !important;
	color: #999999 !important;
	font-weight: 400 !important;
	white-space: nowrap !important;
}

/* Password Toggle Button */
.password-toggle {
	position: absolute !important;
	right: 1rem !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	padding: 0.25rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 2 !important;
	opacity: 0.6 !important;
	transition: opacity 0.2s ease !important;
	width: auto !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	line-height: 1 !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
}

.password-toggle:hover {
	opacity: 1 !important;
}

.password-toggle:focus {
	outline: none !important;
}

.password-toggle-icon {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
}

.password-toggle[aria-pressed="true"] .password-toggle-icon {
	display: none !important;
}

.password-toggle[aria-pressed="true"]::after {
	content: '' !important;
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3C5.25 3 2.25 5.25 0.75 8.25C2.25 11.25 5.25 13.5 9 13.5C12.75 13.5 15.75 11.25 17.25 8.25C15.75 5.25 12.75 3 9 3ZM9 12C6.75 12 4.875 10.125 4.875 7.875C4.875 5.625 6.75 3.75 9 3.75C11.25 3.75 13.125 5.625 13.125 7.875C13.125 10.125 11.25 12 9 12ZM9 5.25C7.875 5.25 6.9375 6.1875 6.9375 7.3125C6.9375 8.4375 7.875 9.375 9 9.375C10.125 9.375 11.0625 8.4375 11.0625 7.3125C11.0625 6.1875 10.125 5.25 9 5.25Z' fill='%23999'/%3E%3Cpath d='M2.25 2.25L15.75 15.75' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

/* Button Styles - Blue Primary Button */
.woocommerce-auth-container .woocommerce-auth-form button[type="submit"],
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-button,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-form-login__submit,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-form-register__submit,
.woocommerce-auth-container .woocommerce-auth-form button.button,
.woocommerce-auth-container .woocommerce-auth-form .button,
body .woocommerce-auth-form button[type="submit"],
body .woocommerce-auth-form .woocommerce-button,
body .woocommerce-auth-form .woocommerce-form-login__submit,
body .woocommerce-auth-form .woocommerce-form-register__submit,
body .woocommerce-auth-form button.button,
body .woocommerce-auth-form .button {
	width: 100% !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	padding: 0.875rem 1.5rem !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	color: #ffffff !important;
	background-color: #0066cc !important;
	border: 1px solid #0066cc !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-align: center !important;
	display: block !important;
	margin-top: 1.5rem !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin: 1.5rem 0 0 0 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	font-family: inherit !important;
	float: none !important;
	clear: both !important;
	vertical-align: baseline !important;
	position: relative !important;
}

.woocommerce-auth-container .woocommerce-auth-form button[type="submit"]:hover,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-button:hover,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-form-login__submit:hover,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-form-register__submit:hover,
.woocommerce-auth-container .woocommerce-auth-form button.button:hover,
.woocommerce-auth-container .woocommerce-auth-form .button:hover,
body .woocommerce-auth-form button[type="submit"]:hover,
body .woocommerce-auth-form .woocommerce-button:hover,
body .woocommerce-auth-form .woocommerce-form-login__submit:hover,
body .woocommerce-auth-form .woocommerce-form-register__submit:hover,
body .woocommerce-auth-form button.button:hover,
body .woocommerce-auth-form .button:hover {
	background-color: #0052a3 !important;
	border-color: #0052a3 !important;
	height: auto !important;
	line-height: 1.5 !important;
	float: none !important;
}

.woocommerce-auth-container .woocommerce-auth-form button[type="submit"]:active,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-button:active,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-form-login__submit:active,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-form-register__submit:active,
.woocommerce-auth-container .woocommerce-auth-form button.button:active,
.woocommerce-auth-container .woocommerce-auth-form .button:active,
body .woocommerce-auth-form button[type="submit"]:active,
body .woocommerce-auth-form .woocommerce-button:active,
body .woocommerce-auth-form .woocommerce-form-login__submit:active,
body .woocommerce-auth-form .woocommerce-form-register__submit:active,
body .woocommerce-auth-form button.button:active,
body .woocommerce-auth-form .button:active {
	background-color: #004080 !important;
	border-color: #004080 !important;
	height: auto !important;
	line-height: 1.5 !important;
	float: none !important;
}

.woocommerce-auth-container .woocommerce-auth-form button[type="submit"]:focus,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-button:focus,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-form-login__submit:focus,
.woocommerce-auth-container .woocommerce-auth-form .woocommerce-form-register__submit:focus,
.woocommerce-auth-container .woocommerce-auth-form button.button:focus,
.woocommerce-auth-container .woocommerce-auth-form .button:focus,
body .woocommerce-auth-form button[type="submit"]:focus,
body .woocommerce-auth-form .woocommerce-button:focus,
body .woocommerce-auth-form .woocommerce-form-login__submit:focus,
body .woocommerce-auth-form .woocommerce-form-register__submit:focus,
body .woocommerce-auth-form button.button:focus,
body .woocommerce-auth-form .button:focus {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.2) !important;
	height: auto !important;
	line-height: 1.5 !important;
	float: none !important;
}

/* Footer Links */
.woocommerce-auth-footer {
	margin-top: 1.5rem !important;
	text-align: center !important;
}

.woocommerce-auth-form .lost_password,
.woocommerce-auth-form .woocommerce-LostPassword,
.woocommerce-auth-footer .woocommerce-LostPassword {
	margin-top: 0 !important;
	margin-bottom: 0.75rem !important;
	text-align: center !important;
}

.woocommerce-auth-form .lost_password a,
.woocommerce-auth-form .woocommerce-LostPassword a,
.woocommerce-auth-footer .woocommerce-LostPassword a {
	font-size: 0.875rem !important;
	color: #0066cc !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
	font-weight: 400 !important;
}

.woocommerce-auth-form .lost_password a:hover,
.woocommerce-auth-form .woocommerce-LostPassword a:hover,
.woocommerce-auth-footer .woocommerce-LostPassword a:hover {
	color: #0052a3 !important;
	text-decoration: none !important;
}

.woocommerce-register-link {
	margin-top: 0.75rem !important;
	margin-bottom: 0 !important;
	font-size: 0.875rem !important;
	color: #999999 !important;
	text-align: center !important;
}

.woocommerce-register-link a {
	color: #0066cc !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.2s ease !important;
}

.woocommerce-register-link a:hover {
	color: #0052a3 !important;
	text-decoration: none !important;
}

/* Form Toggle Styles */
.woocommerce-login-form,
.woocommerce-register-form {
	transition: opacity 0.3s ease !important;
}

.woocommerce-login-link {
	margin-top: 0.75rem !important;
	margin-bottom: 0 !important;
	font-size: 0.875rem !important;
	color: #999999 !important;
	text-align: center !important;
}

.woocommerce-login-link a {
	color: #0066cc !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.2s ease !important;
}

.woocommerce-login-link a:hover {
	color: #0052a3 !important;
	text-decoration: none !important;
}

/* Remove Two Column Layout */
#customer_login {
	display: block !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

#customer_login .u-column1,
#customer_login .u-column2,
#customer_login .col-1,
#customer_login .col-2 {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Message Styles */
.woocommerce-auth-message {
	padding: 1rem 1.25rem !important;
	margin-bottom: 1.5rem !important;
	border-radius: 6px !important;
	font-size: 0.875rem !important;
	line-height: 1.6 !important;
	color: #000000 !important;
	background-color: #f8f8f8 !important;
	border: none !important;
}

.woocommerce-auth-message p {
	margin: 0 !important;
	padding: 0 !important;
	color: #000000 !important;
}

/* Confirmation Page Styles */
.woocommerce-auth-confirmation {
	max-width: 420px !important;
	margin: 0 auto !important;
	padding: 3rem 1.5rem !important;
	text-align: center !important;
}

.woocommerce-auth-confirmation p {
	font-size: 0.9375rem !important;
	line-height: 1.6 !important;
	color: #000000 !important;
	margin-bottom: 1rem !important;
	margin-top: 0 !important;
}

/* Clear Div */
.woocommerce-auth-form .clear {
	clear: both !important;
	display: block !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Error Messages */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	padding: 1rem 1.25rem !important;
	margin-bottom: 1.25rem !important;
	border-radius: 6px !important;
	font-size: 0.875rem !important;
	line-height: 1.6 !important;
	border: none !important;
	background-color: #f8f8f8 !important;
	color: #000000 !important;
}

.woocommerce-error {
	border-left: 3px solid #cc0000 !important;
}

.woocommerce-info {
	border-left: 3px solid #0066cc !important;
}

.woocommerce-message {
	border-left: 3px solid #0066cc !important;
}

/* Tablet Styles */
@media (min-width: 768px) {
	.woocommerce-auth-container {
		max-width: 420px !important;
		padding: 4rem 2rem !important;
	}

	.woocommerce-auth-container h2 {
		font-size: 2rem !important;
		margin-bottom: 2.5rem !important;
	}
}

/* Desktop Styles */
@media (min-width: 1024px) {
	.woocommerce-auth-container {
		max-width: 420px !important;
		padding: 5rem 2rem !important;
	}

	.woocommerce-auth-container h2 {
		font-size: 2.25rem !important;
		margin-bottom: 3rem !important;
	}
}

/* Screen Reader Text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px) !important;
	position: absolute !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	word-wrap: normal !important;
}

/* ============================================
   MY ACCOUNT PAGES STYLES
   ============================================ */

/* Account Wrapper */
.woocommerce-account-wrapper {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 2rem 1.5rem !important;
	display: grid !important;
	grid-template-columns: 280px 1fr !important;
	gap: 2rem !important;
}

/* Modern Navigation */
.woocommerce-MyAccount-navigation-modern {
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	padding: 1rem 0 !important;
	height: fit-content !important;
	position: sticky !important;
	top: 2rem !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-item {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #f0f0f0 !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-item:last-child {
	border-bottom: none !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-link {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	padding: 0.875rem 1.5rem !important;
	color: #000000 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-link:hover {
	background-color: #f8f8f8 !important;
	color: #0066cc !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-item.is-active .account-nav-link,
.woocommerce-MyAccount-navigation-modern .account-nav-item.current-menu-item .account-nav-link {
	background-color: #0066cc !important;
	color: #ffffff !important;
	border-left: 3px solid #0052a3 !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-icon svg {
	width: 100% !important;
	height: 100% !important;
}

.woocommerce-MyAccount-navigation-modern .account-nav-label {
	flex: 1 !important;
}

/* Account Content */
.woocommerce-MyAccount-content-modern {
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	padding: 2rem !important;
	min-height: 400px !important;
}

.woocommerce-MyAccount-content-modern h2,
.woocommerce-MyAccount-content-modern h3 {
	color: #000000 !important;
	font-weight: 600 !important;
	margin-top: 0 !important;
	margin-bottom: 1.5rem !important;
}

.woocommerce-MyAccount-content-modern h2 {
	font-size: 1.75rem !important;
}

.woocommerce-MyAccount-content-modern h3 {
	font-size: 1.25rem !important;
}

/* Hide old navigation - but keep modern one visible */
.woocommerce-MyAccount-navigation:not(.woocommerce-MyAccount-navigation-modern) {
	display: none !important;
}

/* Dashboard and Orders Page Overrides */
.shifters-dashboard,
.shifters-orders {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Ensure navigation is visible on all account pages */
.woocommerce-account-wrapper .woocommerce-MyAccount-navigation-modern {
	display: block !important;
}

/* Mobile Navigation */
@media (max-width: 768px) {
	.woocommerce-account-wrapper {
		grid-template-columns: 1fr !important;
		gap: 1.5rem !important;
		padding: 1rem !important;
	}

	.woocommerce-MyAccount-navigation-modern {
		position: relative !important;
		top: 0 !important;
	}

	.woocommerce-MyAccount-navigation-modern .account-nav-list {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0 !important;
	}

	.woocommerce-MyAccount-navigation-modern .account-nav-item {
		border-bottom: 1px solid #f0f0f0 !important;
		border-right: 1px solid #f0f0f0 !important;
	}

	.woocommerce-MyAccount-navigation-modern .account-nav-item:nth-child(even) {
		border-right: none !important;
	}

	.woocommerce-MyAccount-navigation-modern .account-nav-link {
		padding: 1rem !important;
		flex-direction: column !important;
		text-align: center !important;
		gap: 0.5rem !important;
		font-size: 0.875rem !important;
	}

	.woocommerce-MyAccount-navigation-modern .account-nav-icon {
		width: 20px !important;
		height: 20px !important;
	}

	.woocommerce-MyAccount-content-modern {
		padding: 1.5rem !important;
	}
}

@media (max-width: 480px) {
	.woocommerce-MyAccount-navigation-modern .account-nav-list {
		grid-template-columns: 1fr !important;
	}

	.woocommerce-MyAccount-navigation-modern .account-nav-item {
		border-right: none !important;
	}

	.woocommerce-MyAccount-content-modern {
		padding: 1rem !important;
	}
}

/* ============================================
   FORM STYLES FOR ACCOUNT PAGES
   ============================================ */

/* Edit Account Form */
.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm,
.woocommerce-MyAccount-content-modern form {
	max-width: 100% !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm .form-row,
.woocommerce-MyAccount-content-modern form .form-row {
	margin-bottom: 1.5rem !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm label,
.woocommerce-MyAccount-content-modern form label {
	display: block !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #000000 !important;
	margin-bottom: 0.5rem !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm input[type="text"],
.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm input[type="email"],
.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm input[type="password"],
.woocommerce-MyAccount-content-modern form input[type="text"],
.woocommerce-MyAccount-content-modern form input[type="email"],
.woocommerce-MyAccount-content-modern form input[type="password"],
.woocommerce-MyAccount-content-modern form input[type="tel"],
.woocommerce-MyAccount-content-modern form select,
.woocommerce-MyAccount-content-modern form textarea {
	width: 100% !important;
	padding: 0.875rem 1rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
	color: #000000 !important;
	background-color: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 6px !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm input:focus,
.woocommerce-MyAccount-content-modern form input:focus,
.woocommerce-MyAccount-content-modern form select:focus,
.woocommerce-MyAccount-content-modern form textarea:focus {
	outline: none !important;
	border-color: #0066cc !important;
	box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1) !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm fieldset,
.woocommerce-MyAccount-content-modern form fieldset {
	border: 1px solid #e0e0e0 !important;
	border-radius: 6px !important;
	padding: 1.5rem !important;
	margin: 2rem 0 !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-EditAccountForm legend,
.woocommerce-MyAccount-content-modern form legend {
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: #000000 !important;
	padding: 0 0.75rem !important;
}

/* Tables */
.woocommerce-MyAccount-content-modern table,
.woocommerce-MyAccount-content-modern .woocommerce-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 1.5rem 0 !important;
}

.woocommerce-MyAccount-content-modern table th,
.woocommerce-MyAccount-content-modern .woocommerce-table th {
	padding: 1rem !important;
	text-align: left !important;
	font-weight: 600 !important;
	font-size: 0.875rem !important;
	color: #000000 !important;
	border-bottom: 2px solid #e0e0e0 !important;
	background-color: #f8f8f8 !important;
}

.woocommerce-MyAccount-content-modern table td,
.woocommerce-MyAccount-content-modern .woocommerce-table td {
	padding: 1rem !important;
	border-bottom: 1px solid #f0f0f0 !important;
	font-size: 0.9375rem !important;
	color: #000000 !important;
}

.woocommerce-MyAccount-content-modern table tr:hover,
.woocommerce-MyAccount-content-modern .woocommerce-table tr:hover {
	background-color: #fafafa !important;
}

/* Address Forms */
.woocommerce-MyAccount-content-modern .woocommerce-Addresses,
.woocommerce-MyAccount-content-modern .woocommerce-Address {
	margin-bottom: 2rem !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-Address-title {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 1rem !important;
	padding-bottom: 1rem !important;
	border-bottom: 1px solid #e0e0e0 !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-Address-title h2 {
	margin: 0 !important;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-Address-title .edit {
	color: #0066cc !important;
	text-decoration: none !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	transition: color 0.2s ease !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-Address-title .edit:hover {
	color: #0052a3 !important;
}

.woocommerce-MyAccount-content-modern address {
	font-style: normal !important;
	line-height: 1.8 !important;
	color: #000000 !important;
}

/* Payment Methods */
.woocommerce-MyAccount-content-modern .woocommerce-PaymentMethods {
	margin-bottom: 1.5rem !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-PaymentMethod {
	padding: 1rem !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-PaymentMethod label {
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-PaymentMethod input[type="radio"] {
	width: auto !important;
	margin: 0 !important;
	accent-color: #0066cc !important;
}

/* Notices */
.woocommerce-MyAccount-content-modern .woocommerce-message,
.woocommerce-MyAccount-content-modern .woocommerce-info,
.woocommerce-MyAccount-content-modern .woocommerce-error {
	padding: 1rem 1.25rem !important;
	margin-bottom: 1.5rem !important;
	border-radius: 6px !important;
	border-left: 4px solid !important;
	font-size: 0.875rem !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-message {
	background-color: #f8f8f8 !important;
	border-left-color: #0066cc !important;
	color: #000000 !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-info {
	background-color: #f8f8f8 !important;
	border-left-color: #0066cc !important;
	color: #000000 !important;
}

.woocommerce-MyAccount-content-modern .woocommerce-error {
	background-color: #f8f8f8 !important;
	border-left-color: #cc0000 !important;
	color: #000000 !important;
}

/* Links */
.woocommerce-MyAccount-content-modern a {
	color: #0066cc !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.woocommerce-MyAccount-content-modern a:hover {
	color: #0052a3 !important;
	text-decoration: underline !important;
}

/* ============================================
   DASHBOARD & ORDERS PAGE STYLES
   ============================================ */

/* Dashboard Styles */
.shifters-dashboard {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.shifters-dashboard .dashboard-welcome,
.shifters-dashboard .stat-box,
.shifters-dashboard .dashboard-orders,
.shifters-dashboard .quick-actions,
.shifters-dashboard .account-details,
.shifters-dashboard .full-width-links {
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
}

.shifters-dashboard .dashboard-welcome {
	padding: 2rem !important;
	margin-bottom: 1.5rem !important;
}

.shifters-dashboard .dashboard-welcome h1 {
	font-size: 1.75rem !important;
	font-weight: 600 !important;
	color: #000000 !important;
	margin: 0 0 0.5rem 0 !important;
}

.shifters-dashboard .dashboard-welcome p {
	color: #666666 !important;
	font-size: 0.9375rem !important;
	margin: 0 !important;
}

.shifters-dashboard .stat-box {
	padding: 1.5rem !important;
	text-align: center !important;
}

.shifters-dashboard .stat-number {
	font-size: 2rem !important;
	font-weight: 700 !important;
	color: #000000 !important;
	display: block !important;
	margin-bottom: 0.5rem !important;
}

.shifters-dashboard .stat-label {
	color: #666666 !important;
	font-size: 0.8125rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

.shifters-dashboard .dashboard-stats {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	gap: 1.5rem !important;
	margin-bottom: 2rem !important;
}

.shifters-dashboard .dashboard-sections {
	display: grid !important;
	grid-template-columns: 2fr 1fr !important;
	gap: 2rem !important;
	margin-bottom: 2rem !important;
}

.shifters-dashboard .orders-header {
	padding: 1.5rem 2rem !important;
	border-bottom: 1px solid #e0e0e0 !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.shifters-dashboard .orders-header h2 {
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	color: #000000 !important;
	margin: 0 !important;
}

.shifters-dashboard .view-all {
	color: #0066cc !important;
	text-decoration: none !important;
	font-size: 0.875rem !important;
	border: 1px solid #0066cc !important;
	padding: 0.5rem 1rem !important;
	border-radius: 6px !important;
	transition: all 0.2s ease !important;
}

.shifters-dashboard .view-all:hover {
	background-color: #0066cc !important;
	color: #ffffff !important;
}

.shifters-dashboard .order-row {
	padding: 1rem 2rem !important;
	border-bottom: 1px solid #f0f0f0 !important;
	display: grid !important;
	grid-template-columns: auto 1fr auto auto auto !important;
	gap: 1rem !important;
	align-items: center !important;
}

.shifters-dashboard .order-row:last-child {
	border-bottom: none !important;
}

.shifters-dashboard .order-row:hover {
	background-color: #fafafa !important;
}

.shifters-dashboard .order-number {
	font-weight: 600 !important;
	color: #000000 !important;
}

.shifters-dashboard .order-date {
	color: #666666 !important;
	font-size: 0.875rem !important;
}

.shifters-dashboard .order-status {
	padding: 0.375rem 0.75rem !important;
	border-radius: 4px !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
}

.shifters-dashboard .order-status.completed {
	background: #d4edda !important;
	color: #155724 !important;
}

.shifters-dashboard .order-status.processing {
	background: #d1ecf1 !important;
	color: #0c5460 !important;
}

.shifters-dashboard .order-status.on-hold,
.shifters-dashboard .order-status.pending {
	background: #fff3cd !important;
	color: #856404 !important;
}

.shifters-dashboard .order-total {
	font-weight: 600 !important;
	color: #000000 !important;
}

.shifters-dashboard .order-view,
.shifters-dashboard .order-pay {
	color: #0066cc !important;
	text-decoration: none !important;
	border: 1px solid #0066cc !important;
	padding: 0.375rem 0.75rem !important;
	border-radius: 4px !important;
	font-size: 0.8125rem !important;
	transition: all 0.2s ease !important;
}

.shifters-dashboard .order-view:hover,
.shifters-dashboard .order-pay:hover {
	background-color: #0066cc !important;
	color: #ffffff !important;
}

.shifters-dashboard .quick-actions,
.shifters-dashboard .account-details {
	padding: 1.5rem !important;
}

.shifters-dashboard .quick-actions h3,
.shifters-dashboard .account-details h3 {
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: #000000 !important;
	margin: 0 0 1rem 0 !important;
}

.shifters-dashboard .action-link {
	display: flex !important;
	align-items: center !important;
	padding: 0.875rem 1rem !important;
	color: #000000 !important;
	text-decoration: none !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 6px !important;
	font-size: 0.875rem !important;
	margin-bottom: 0.5rem !important;
	transition: all 0.2s ease !important;
}

.shifters-dashboard .action-link:hover {
	background-color: #f8f8f8 !important;
	border-color: #0066cc !important;
	color: #0066cc !important;
}

.shifters-dashboard .action-icon {
	margin-right: 0.75rem !important;
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
}

.shifters-dashboard .detail-row {
	display: flex !important;
	justify-content: space-between !important;
	padding: 0.75rem 0 !important;
	border-bottom: 1px solid #f0f0f0 !important;
	font-size: 0.875rem !important;
}

.shifters-dashboard .detail-row:last-child {
	border-bottom: none !important;
}

.shifters-dashboard .detail-label {
	color: #666666 !important;
}

.shifters-dashboard .detail-value {
	color: #000000 !important;
	font-weight: 500 !important;
}

.shifters-dashboard .full-width-links {
	padding: 2rem !important;
	margin-bottom: 2rem !important;
}

.shifters-dashboard .full-width-links h2 {
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	color: #000000 !important;
	margin: 0 0 1.5rem 0 !important;
}

.shifters-dashboard .links-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	gap: 1rem !important;
}

.shifters-dashboard .grid-link {
	display: flex !important;
	align-items: center !important;
	padding: 1rem !important;
	color: #000000 !important;
	text-decoration: none !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 6px !important;
	font-size: 0.875rem !important;
	transition: all 0.2s ease !important;
}

.shifters-dashboard .grid-link:hover {
	background-color: #f8f8f8 !important;
	border-color: #0066cc !important;
	color: #0066cc !important;
}

.shifters-dashboard .grid-icon {
	margin-right: 0.75rem !important;
	width: 20px !important;
	height: 20px !important;
	flex-shrink: 0 !important;
}

/* Orders Page Styles */
.shifters-orders {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.shifters-orders .orders-header {
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	padding: 2rem !important;
	margin-bottom: 1.5rem !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.shifters-orders .orders-header h1 {
	font-size: 1.75rem !important;
	font-weight: 600 !important;
	color: #000000 !important;
	margin: 0 !important;
}

.shifters-orders .back-link {
	color: #0066cc !important;
	text-decoration: none !important;
	border: 1px solid #0066cc !important;
	padding: 0.5rem 1rem !important;
	border-radius: 6px !important;
	font-size: 0.875rem !important;
	transition: all 0.2s ease !important;
}

.shifters-orders .back-link:hover {
	background-color: #0066cc !important;
	color: #ffffff !important;
}

.shifters-orders .orders-container {
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
}

.shifters-orders .orders-table-header {
	background: #f8f8f8 !important;
	padding: 1rem 1.5rem !important;
	border-bottom: 1px solid #e0e0e0 !important;
	display: grid !important;
	grid-template-columns: auto 1fr auto auto auto auto !important;
	gap: 1rem !important;
	font-weight: 600 !important;
	font-size: 0.8125rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: #666666 !important;
}

.shifters-orders .order-item {
	padding: 1.25rem 1.5rem !important;
	border-bottom: 1px solid #f0f0f0 !important;
	display: grid !important;
	grid-template-columns: auto 1fr auto auto auto auto !important;
	gap: 1rem !important;
	align-items: center !important;
	font-size: 0.875rem !important;
}

.shifters-orders .order-item:last-child {
	border-bottom: none !important;
}

.shifters-orders .order-item:hover {
	background: #fafafa !important;
}

.shifters-orders .order-number {
	font-weight: 600 !important;
	color: #000000 !important;
}

.shifters-orders .order-date {
	color: #666666 !important;
}

.shifters-orders .order-status {
	padding: 0.375rem 0.75rem !important;
	border-radius: 4px !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	min-width: 100px !important;
}

.shifters-orders .order-status.completed {
	background: #d4edda !important;
	color: #155724 !important;
}

.shifters-orders .order-status.processing {
	background: #d1ecf1 !important;
	color: #0c5460 !important;
}

.shifters-orders .order-status.on-hold,
.shifters-orders .order-status.pending {
	background: #fff3cd !important;
	color: #856404 !important;
}

.shifters-orders .order-status.cancelled,
.shifters-orders .order-status.failed {
	background: #f8d7da !important;
	color: #721c24 !important;
}

.shifters-orders .order-status.refunded {
	background: #e2e3e5 !important;
	color: #383d41 !important;
}

.shifters-orders .order-total {
	font-weight: 600 !important;
	color: #000000 !important;
	text-align: right !important;
}

.shifters-orders .order-items-count {
	color: #666666 !important;
	font-size: 0.8125rem !important;
}

.shifters-orders .order-view,
.shifters-orders .order-pay {
	color: #0066cc !important;
	text-decoration: none !important;
	border: 1px solid #0066cc !important;
	padding: 0.375rem 0.75rem !important;
	border-radius: 4px !important;
	font-size: 0.75rem !important;
	white-space: nowrap !important;
	transition: all 0.2s ease !important;
}

.shifters-orders .order-view:hover,
.shifters-orders .order-pay:hover {
	background-color: #0066cc !important;
	color: #ffffff !important;
}

.shifters-orders .no-orders {
	text-align: center !important;
	padding: 4rem 2rem !important;
	color: #666666 !important;
}

.shifters-orders .no-orders h3 {
	margin: 0 0 1rem 0 !important;
	color: #000000 !important;
	font-weight: 600 !important;
	font-size: 1.25rem !important;
}

.shifters-orders .shop-link {
	color: #0066cc !important;
	background: #ffffff !important;
	padding: 0.75rem 1.5rem !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	border: 1px solid #0066cc !important;
	display: inline-block !important;
	margin-top: 1rem !important;
	font-weight: 500 !important;
	transition: all 0.2s ease !important;
}

.shifters-orders .shop-link:hover {
	background-color: #0066cc !important;
	color: #ffffff !important;
}

/* Mobile Responsive for Dashboard and Orders */
@media (max-width: 768px) {
	.shifters-dashboard .dashboard-sections {
		grid-template-columns: 1fr !important;
		gap: 1.5rem !important;
	}

	.shifters-dashboard .dashboard-stats {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 1rem !important;
	}

	.shifters-dashboard .order-row {
		grid-template-columns: 1fr !important;
		gap: 0.75rem !important;
		padding: 1rem !important;
	}

	.shifters-orders .orders-table-header {
		display: none !important;
	}

	.shifters-orders .order-item {
		grid-template-columns: 1fr !important;
		gap: 0.75rem !important;
		padding: 1rem !important;
	}

	.shifters-orders .order-actions {
		justify-content: flex-start !important;
	}
}

@media (max-width: 480px) {
	.shifters-dashboard .dashboard-stats {
		grid-template-columns: 1fr !important;
	}

	.shifters-dashboard .links-grid {
		grid-template-columns: 1fr !important;
	}
}