/**
 * La-Kass Auth & My Account Styles
 *
 * Covers: split-panel login/register, My Account dashboard,
 * account navigation icons, form styling.
 *
 * @package La-Kass
 * @since   1.0.0
 */

/* ==========================================================================
   Auth Page — Split Panel Login/Register
   ========================================================================== */

/* Hide default WooCommerce wrapper on auth pages */
.lk-auth-page .woocommerce > .woocommerce-notices-wrapper:first-child {
	display: none;
}

.lk-auth {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 100vh;
}

/* Left panel — branding / illustration */
.lk-auth__panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #f8f9fa, #e9ecef);
	padding: 40px;
}

.lk-auth__brand {
	margin-bottom: 40px;
}

.lk-auth__logo {
	max-width: 180px;
	height: auto;
}

.lk-auth__site-name {
	font-size: 28px;
	font-weight: 800;
	color: #111;
	margin: 0;
}

.lk-auth__illustration {
	text-align: center;
	color: var(--lk-color-primary, #ff4d00);
}

.lk-auth__tagline {
	margin-top: 20px;
	font-size: 15px;
	color: #666;
	max-width: 300px;
}

/* Right panel — forms */
.lk-auth__forms {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px 60px;
	max-width: 520px;
	margin: 0 auto;
	width: 100%;
}

/* WooCommerce login/register form overrides */
.lk-auth__forms .u-columns {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.lk-auth__forms .u-columns .u-column1,
.lk-auth__forms .u-columns .u-column2 {
	width: 100%;
	max-width: 100%;
	float: none;
	padding: 0;
}

.lk-auth__forms h2 {
	font-size: 24px;
	font-weight: 700;
	color: #111;
	margin: 0 0 24px;
}

/* Form fields */
.lk-auth__forms .woocommerce-form-row,
.lk-auth__forms .form-row {
	margin-bottom: 18px;
}

.lk-auth__forms label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	margin-bottom: 6px;
}

.lk-auth__forms .input-text,
.lk-auth__forms input[type="text"],
.lk-auth__forms input[type="email"],
.lk-auth__forms input[type="password"] {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 15px;
	transition: border-color 0.2s, box-shadow 0.2s;
	background: #fff;
}

.lk-auth__forms .input-text:focus,
.lk-auth__forms input:focus {
	border-color: var(--lk-color-primary, #ff4d00);
	box-shadow: 0 0 0 3px rgba(255, 77, 0, 0.1);
	outline: none;
}

/* Submit button */
.lk-auth__forms .woocommerce-form-login__submit,
.lk-auth__forms .woocommerce-form-register__submit,
.lk-auth__forms button[type="submit"] {
	width: 100%;
	padding: 14px;
	background: var(--lk-color-primary, #ff4d00);
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
	margin-top: 8px;
}

.lk-auth__forms button[type="submit"]:hover {
	background: #e64400;
}

/* Remember me */
.lk-auth__forms .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #666;
}

/* Lost password */
.lk-auth__forms .woocommerce-LostPassword {
	margin-top: 16px;
	text-align: center;
}

.lk-auth__forms .woocommerce-LostPassword a {
	color: var(--lk-color-primary, #ff4d00);
	font-size: 13px;
	text-decoration: none;
}

.lk-auth__forms .woocommerce-LostPassword a:hover {
	text-decoration: underline;
}

/* Divider between login and register */
.lk-auth__forms .u-column2 {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #eee;
}

/* ==========================================================================
   My Account — Dashboard
   ========================================================================== */

.lk-dashboard__greeting {
	margin-bottom: 30px;
}

.lk-dashboard__hello {
	font-size: 24px;
	font-weight: 700;
	color: #111;
	margin: 0 0 6px;
}

.lk-dashboard__subtitle {
	font-size: 15px;
	color: #666;
	margin: 0;
}

.lk-dashboard__cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.lk-dashboard__card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 12px;
	text-decoration: none;
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.lk-dashboard__card:hover {
	border-color: var(--lk-color-primary, #ff4d00);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	transform: translateY(-2px);
}

.lk-dashboard__card-icon {
	color: var(--lk-color-primary, #ff4d00);
}

.lk-dashboard__card-title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: #111;
}

.lk-dashboard__card-desc {
	margin: 0;
	font-size: 13px;
	color: #888;
	line-height: 1.5;
}

/* ==========================================================================
   My Account — Navigation
   ========================================================================== */

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-navigation li {
	margin-bottom: 2px;
}

.woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #555;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}

.woocommerce-MyAccount-navigation li a:hover {
	background: #f5f5f5;
	color: #111;
}

.woocommerce-MyAccount-navigation li.is-active a {
	background: var(--lk-color-primary, #ff4d00);
	color: #fff;
}

/* Icon indicators via ::before pseudo-elements */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before {
	content: '';
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before {
	content: '';
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before {
	content: '';
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before {
	content: '';
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before {
	content: '';
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	content: '';
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ==========================================================================
   My Account — Content Area
   ========================================================================== */

.woocommerce-MyAccount-content {
	padding-left: 30px;
}

/* Order table */
.woocommerce-MyAccount-content .woocommerce-orders-table {
	border-collapse: collapse;
	width: 100%;
}

.woocommerce-MyAccount-content .woocommerce-orders-table th {
	background: #f9f9f9;
	padding: 12px 16px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #888;
	text-align: left;
}

.woocommerce-MyAccount-content .woocommerce-orders-table td {
	padding: 14px 16px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
	display: inline-block;
	padding: 6px 14px;
	background: var(--lk-color-primary, #ff4d00);
	color: #fff;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s;
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover {
	background: #e64400;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
	.lk-auth {
		grid-template-columns: 1fr;
	}

	.lk-auth__panel {
		display: none;
	}

	.lk-auth__forms {
		padding: 30px 20px;
		max-width: 100%;
	}

	.lk-dashboard__cards {
		grid-template-columns: 1fr;
	}

	.woocommerce-MyAccount-content {
		padding-left: 0;
		padding-top: 20px;
	}
}