/* ==========================================================================
   Mi cuenta
   ========================================================================== */
.woocommerce-account .entry-content > .woocommerce {
	max-width: 1200px;
	margin: 0 auto !important;
	padding: clamp(36px, 5vw, 64px) 16px clamp(56px, 7vw, 96px);
}

/* Menú lateral */
.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 8px;
	list-style: none;
	background: #fff;
	border: 1px solid var(--wolf-line);
	border-radius: 12px;
}
.woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 8px;
	color: #3a3633;
	font-weight: 600;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation li a:hover { background: var(--wolf-sand); color: var(--wolf-black); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--wolf-accent); color: #fff; }
.woocommerce-MyAccount-navigation-link--customer-logout a { color: #8a857f; }

.wolf-acc-hello { margin: 0 0 20px; font-size: 1.15rem; }

/* Tarjetas del inicio */
.wolf-acc-cards { display: grid; grid-template-columns: 1.4fr 1fr; gap: 18px; }
.wolf-acc-card {
	padding: 24px;
	background: #fff;
	border: 1px solid var(--wolf-line);
	border-radius: 12px;
}
.wolf-acc-card:first-child { grid-row: span 2; }
.wolf-acc-card--dark { background: linear-gradient(135deg, #070707 0%, #10233d 100%); border-color: transparent; color: #cfcbc6; }
.wolf-acc-card--dark p { color: #cfcbc6; }
.wolf-acc-card__label {
	margin: 0 0 14px !important;
	font-family: var(--wolf-display);
	font-size: .95rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wolf-accent) !important;
}
.wolf-acc-card--dark .wolf-acc-card__label { color: #6fb2ff !important; }
.wolf-acc-card__link { display: inline-block; margin-top: 14px; color: var(--wolf-accent); font-weight: 700; text-decoration: none; }
.wolf-acc-card__link::after { content: " →"; }
.wolf-acc-card__empty { color: var(--wolf-muted); }

.wolf-acc-orders { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.wolf-acc-orders li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	background: var(--wolf-sand);
	border-radius: 8px;
}
.wolf-acc-orders a { min-width: 0; color: inherit; text-decoration: none; }
.wolf-acc-orders a strong { display: block; }
.wolf-acc-orders a span { display: block; overflow: hidden; font-size: .88rem; color: var(--wolf-muted); text-overflow: ellipsis; white-space: nowrap; }

/* Estados de reserva */
.wolf-acc-badge { flex: 0 0 auto; padding: 4px 10px; border-radius: 999px; font-size: .75rem; font-weight: 700; white-space: nowrap; background: #e5e5e5; color: #454545; }
.wolf-acc-badge--wolf-verificando { background: #fdf0d5; color: #8a5a00; }
.wolf-acc-badge--wolf-aprobada { background: #dbeafe; color: #0458b5; }
.wolf-acc-badge--wolf-pagada { background: #dcf3e4; color: #1f6b3a; }

/* Estado de la CLU */
.wolf-clu-status { display: flex; gap: 12px; align-items: flex-start; }
.wolf-clu-status__dot { flex: 0 0 12px; height: 12px; margin-top: 6px; border-radius: 50%; background: #b5b0aa; box-shadow: 0 0 0 4px rgba(181, 176, 170, .2); }
.wolf-clu-status strong { display: block; }
.wolf-clu-status span { display: block; font-size: .9rem; color: var(--wolf-muted); }
.wolf-clu-status--vigente .wolf-clu-status__dot { background: #1fa855; box-shadow: 0 0 0 4px rgba(31, 168, 85, .18); }
.wolf-clu-status--por_vencer .wolf-clu-status__dot { background: #e0a106; box-shadow: 0 0 0 4px rgba(224, 161, 6, .2); }
.wolf-clu-status--vencida .wolf-clu-status__dot { background: #d63638; box-shadow: 0 0 0 4px rgba(214, 54, 56, .18); }

/* Mi CLU */
.wolf-acc-clu .wolf-clu-status { margin-bottom: 22px; padding: 18px 20px; background: #fff; border: 1px solid var(--wolf-line); border-radius: 12px; }
.wolf-acc-form { padding: 24px; background: #fff; border: 1px solid var(--wolf-line); border-radius: 12px; }
.wolf-acc-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 18px; }
.wolf-acc-form__full { grid-column: 1 / -1; }
.wolf-acc-form label { display: block; margin-bottom: 6px; font-weight: 600; }
.wolf-acc-form input,
.woocommerce-account .woocommerce-form input.input-text,
.woocommerce-account .woocommerce-EditAccountForm input.input-text,
.woocommerce-account .woocommerce-address-fields input.input-text {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--wolf-line);
	border-radius: 8px;
	background: #fafafa;
}
.wolf-acc-form input:focus,
.woocommerce-account .woocommerce-form input.input-text:focus { outline: none; border-color: var(--wolf-accent); background: #fff; box-shadow: 0 0 0 3px rgba(6, 117, 233, .15); }
.wolf-acc-form__note { margin: 14px 0 0; font-size: .85rem; color: var(--wolf-muted); }

/* Sin sesión: login y registro en dos tarjetas */
.woocommerce-account #customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after { display: none; }
.woocommerce-account #customer_login > .u-column1,
.woocommerce-account #customer_login > .u-column2 {
	float: none;
	width: auto;
	padding: 28px;
	background: #fff;
	border: 1px solid var(--wolf-line);
	border-radius: 12px;
}
.woocommerce-account #customer_login > .u-column2 { border-top: 4px solid var(--wolf-accent); }
.woocommerce-account #customer_login h2 { margin: 0 0 18px; font-size: 1.8rem; }
.woocommerce-account #customer_login form { margin: 0; padding: 0; border: 0; }
.wolf-acc-benefits { display: grid; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
.wolf-acc-benefits li { position: relative; padding-left: 28px; color: #4a4744; }
.wolf-acc-benefits li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(6, 117, 233, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230675e9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat;
}

@media (max-width: 999px) {
	.wolf-acc-cards { grid-template-columns: 1fr; }
	.wolf-acc-card:first-child { grid-row: auto; }
}
@media (max-width: 689px) {
	.woocommerce-account #customer_login,
	.wolf-acc-form__grid { grid-template-columns: 1fr; }
}