/*
 * Rediseño moderno de "Mi cuenta" — ArkkoTicket.
 * Se encola solo en is_account_page() desde functions.php.
 * Estiliza el markup de los overrides del tema (navigation.php, my-account.php,
 * orders.php, payment-methods.php) y el formulario nativo de cuenta.
 */

:root {
	--arkko-acc-primary: var(--wp--preset--color--primary, #79add1);
	--arkko-acc-primary-dark: var(--wp--preset--color--primary-dark, #5a9fb5);
	--arkko-acc-primary-light: var(--wp--preset--color--primary-light, #e3f2fd);
	--arkko-acc-surface: var(--wp--preset--color--surface, #ffffff);
	--arkko-acc-base: var(--wp--preset--color--base, #f8f9fa);
	--arkko-acc-border: var(--wp--preset--color--border, #e0e0e0);
	--arkko-acc-ink: var(--wp--preset--color--contrast, #333333);
	--arkko-acc-muted: var(--wp--preset--color--secondary, #777777);
	--arkko-acc-success: var(--wp--preset--color--success, #7cb342);
	--arkko-acc-warning: var(--wp--preset--color--warning, #ffc107);
	--arkko-acc-error: var(--wp--preset--color--error, #f44336);
	--arkko-acc-grad: linear-gradient(135deg, var(--arkko-acc-primary), var(--arkko-acc-primary-dark));
	--arkko-acc-shadow: 0 4px 20px rgba(51, 51, 51, 0.06);
	--arkko-acc-shadow-hover: 0 8px 26px rgba(90, 159, 181, 0.18);
}

/* ---- Layout: una columna ---- */
.woocommerce-account .woocommerce {
	display: block;
	max-width: 960px;
	margin-inline: auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
}

/* ---- Encabezado de bienvenida (degradado) ---- */
.arkko-account-hero {
	display: flex;
	align-items: center;
	gap: 16px;
	background: var(--arkko-acc-grad);
	border: 0;
	border-radius: 16px;
	padding: 22px 24px;
	margin-bottom: 6px;
	color: #fff;
	box-shadow: 0 10px 28px rgba(90, 159, 181, 0.28);
}
.arkko-account-hero__avatar {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1.1rem;
	flex: 0 0 auto;
}
.arkko-account-hero__greeting {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}
.arkko-account-hero__sub {
	margin: 3px 0 0;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.9);
}

/* ---- Navegación tipo píldoras con iconos ---- */
.woocommerce-account .woocommerce-MyAccount-navigation {
	border: 0;
	margin: 18px 0 22px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* El !important anula el padding vertical que el tema aplica a li (incl. :first-child),
   que era lo que desalineaba la primera píldora ("Pedidos"). */
.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: 999px;
	background: var(--arkko-acc-surface);
	border: 1px solid var(--arkko-acc-border);
	color: var(--arkko-acc-muted);
	font-size: 0.92rem;
	font-weight: 500;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(51, 51, 51, 0.04);
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	color: var(--arkko-acc-primary-dark);
	border-color: var(--arkko-acc-primary);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--arkko-acc-grad);
	color: #fff;
	border-color: transparent;
	box-shadow: var(--arkko-acc-shadow-hover);
}
.arkko-nav-ico {
	flex: 0 0 auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
	margin-left: auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--arkko-acc-error);
	border-color: rgba(244, 67, 54, 0.25);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	background: var(--arkko-acc-error);
	color: #fff !important;
	border-color: var(--arkko-acc-error);
}

/* ---- Tarjeta de contenido ---- */
.woocommerce-account .woocommerce-MyAccount-content.arkko-card {
	background: var(--arkko-acc-surface);
	border: 1px solid var(--arkko-acc-border);
	border-radius: 16px;
	padding: 24px;
	box-shadow: var(--arkko-acc-shadow);
}

/* ---- Botones ---- */
.woocommerce-account .arkko-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 8px;
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	border: 1px solid var(--arkko-acc-border);
	background: var(--arkko-acc-surface);
	color: var(--arkko-acc-ink);
	cursor: pointer;
	transition: all 0.15s ease;
}
.woocommerce-account .arkko-btn:hover {
	border-color: var(--arkko-acc-primary);
	color: var(--arkko-acc-primary-dark);
}
.woocommerce-account .arkko-btn--primary,
.woocommerce-account .arkko-btn--pay {
	background: var(--arkko-acc-grad);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 4px 12px rgba(90, 159, 181, 0.28);
}
.woocommerce-account .arkko-btn--primary:hover,
.woocommerce-account .arkko-btn--pay:hover {
	color: #fff;
	filter: brightness(1.04);
}
.woocommerce-account .arkko-btn--view {
	background: var(--arkko-acc-primary-light);
	color: var(--arkko-acc-primary-dark);
	border-color: transparent;
}
.woocommerce-account .arkko-btn--delete,
.woocommerce-account .arkko-btn--cancel {
	color: var(--arkko-acc-error);
	border-color: rgba(244, 67, 54, 0.3);
}
.woocommerce-account .arkko-btn--delete:hover,
.woocommerce-account .arkko-btn--cancel:hover {
	background: var(--arkko-acc-error);
	color: #fff;
	border-color: var(--arkko-acc-error);
}
.woocommerce-account .arkko-btn--ghost {
	background: transparent;
}

/* ---- Badges de estado ---- */
.arkko-badge {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 4px 11px;
	border-radius: 999px;
	background: var(--arkko-acc-primary-light);
	color: var(--arkko-acc-primary-dark);
	white-space: nowrap;
}
.arkko-badge--completed {
	background: #e8f5e0;
	color: #4a7a1e;
}
.arkko-badge--processing {
	background: #fff3d6;
	color: #8a6d00;
}
.arkko-badge--on-hold,
.arkko-badge--pending {
	background: #eeeeee;
	color: #666666;
}
.arkko-badge--cancelled,
.arkko-badge--failed,
.arkko-badge--refunded {
	background: #fde7e7;
	color: #a3312b;
}
.arkko-badge--default {
	margin-left: 8px;
}

/* ---- Listado de pedidos (tarjetas) ---- */
.arkko-orders {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.arkko-order {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	background: var(--arkko-acc-surface);
	border: 1px solid var(--arkko-acc-border);
	border-left: 4px solid var(--arkko-acc-muted);
	border-radius: 12px;
	padding: 16px 18px;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.arkko-order:hover {
	box-shadow: var(--arkko-acc-shadow-hover);
	transform: translateY(-1px);
}
.arkko-order--completed {
	border-left-color: var(--arkko-acc-success);
}
.arkko-order--processing {
	border-left-color: var(--arkko-acc-warning);
}
.arkko-order--cancelled,
.arkko-order--failed,
.arkko-order--refunded {
	border-left-color: var(--arkko-acc-error);
}
.arkko-order__top {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 7px;
}
.arkko-order__num {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--arkko-acc-ink);
	text-decoration: none;
}
.arkko-order__num:hover {
	color: var(--arkko-acc-primary-dark);
}
.arkko-order__meta {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 0.86rem;
	color: var(--arkko-acc-muted);
}
.arkko-order__date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.arkko-order__aside {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	text-align: right;
	flex: 0 0 auto;
}
.arkko-order__total {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--arkko-acc-ink);
}
.arkko-order__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}
.arkko-pagination {
	display: flex;
	gap: 8px;
	margin-top: 18px;
}

/* ---- Métodos de pago (tarjetas) ---- */
.arkko-pms {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 14px;
}
.arkko-pm {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: var(--arkko-acc-surface);
	border: 1px solid var(--arkko-acc-border);
	border-radius: 14px;
	padding: 18px;
	box-shadow: 0 2px 8px rgba(51, 51, 51, 0.04);
}
.arkko-pm.is-default {
	border-color: var(--arkko-acc-primary);
	box-shadow: var(--arkko-acc-shadow-hover);
}
.arkko-pm__chip {
	width: 42px;
	height: 30px;
	border-radius: 7px;
	background: var(--arkko-acc-grad);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4px;
}
.arkko-pm__brand {
	display: flex;
	align-items: center;
	font-weight: 600;
	color: var(--arkko-acc-ink);
}
.arkko-pm__num {
	font-family: monospace;
	font-size: 1.1rem;
	letter-spacing: 2px;
	color: var(--arkko-acc-ink);
}
.arkko-pm__exp {
	font-size: 0.85rem;
	color: var(--arkko-acc-muted);
}
.arkko-pm__actions {
	margin-top: 8px;
	display: flex;
	gap: 8px;
}
.arkko-pms__add {
	margin-top: 18px;
}

/* ---- Estado vacío ---- */
.arkko-empty {
	text-align: center;
	padding: 40px 20px;
	color: var(--arkko-acc-muted);
}
.arkko-empty svg {
	color: var(--arkko-acc-primary);
	opacity: 0.55;
	margin-bottom: 12px;
}
.arkko-empty__title {
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--arkko-acc-ink);
	margin: 0 0 4px;
}
.arkko-empty__text {
	margin: 0 0 18px;
}

/* ---- Detalles de la cuenta (formulario) ---- */
.woocommerce-account .woocommerce-EditAccountForm {
	max-width: 640px;
	margin: 0;
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row {
	margin-bottom: 16px;
}
.woocommerce-account .woocommerce-EditAccountForm label {
	display: block;
	font-size: 0.88rem;
	font-weight: 500;
	color: var(--arkko-acc-ink);
	margin-bottom: 6px;
}
.woocommerce-account .woocommerce-EditAccountForm input.input-text {
	width: 100%;
	padding: 11px 13px;
	border: 1px solid var(--arkko-acc-border);
	border-radius: 8px;
	background: #fff;
	color: var(--arkko-acc-ink);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.woocommerce-account .woocommerce-EditAccountForm input.input-text:focus {
	outline: none;
	border-color: var(--arkko-acc-primary);
	box-shadow: 0 0 0 3px var(--arkko-acc-primary-light);
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row--first,
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row--last {
	float: none;
	display: inline-block;
	width: calc(50% - 8px);
	vertical-align: top;
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row--first {
	margin-right: 12px;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
	border: 0;
	border-top: 1px solid var(--arkko-acc-border);
	margin: 8px 0 0;
	padding: 20px 0 0;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--arkko-acc-ink);
	padding: 0;
	margin-bottom: 14px;
}
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"] {
	background: var(--arkko-acc-grad);
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 12px 26px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(90, 159, 181, 0.28);
	transition: filter 0.15s ease;
}
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"]:hover {
	filter: brightness(1.04);
}

/* ---- Avisos ---- */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
	border-radius: 10px;
}

/* ---- Responsive ---- */
@media (max-width: 640px) {
	.arkko-order {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.arkko-order__aside {
		align-items: flex-start;
		text-align: left;
		width: 100%;
	}
	.arkko-order__actions {
		justify-content: flex-start;
	}
	.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row--first,
	.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row--last {
		width: 100%;
		margin-right: 0;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
		margin-left: 0;
	}
}

/* ---- Acceso / recuperar / restablecer contraseña ---- */
.woocommerce-account .arkko-auth {
	max-width: 960px;
	margin: 8px auto 0;
}
.woocommerce-account .arkko-auth--single {
	max-width: 460px;
}
.arkko-auth__grid {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
}
.arkko-auth--dual .arkko-auth__grid {
	grid-template-columns: 1fr 1fr;
}
.arkko-auth__card {
	background: var(--arkko-acc-surface);
	border: 1px solid var(--arkko-acc-border);
	border-radius: 16px;
	padding: 26px;
	box-shadow: var(--arkko-acc-shadow);
	width: 100% !important;
}
.arkko-auth__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}
.arkko-auth__head h2 {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--arkko-acc-ink);
}
.arkko-auth__ico {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--arkko-acc-primary-light);
	color: var(--arkko-acc-primary-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}
.arkko-auth form {
	margin: 0;
}
.arkko-auth__intro {
	font-size: 0.9rem;
	color: var(--arkko-acc-muted);
	margin: 0 0 18px;
}
.arkko-auth .woocommerce-form-row,
.arkko-auth p.form-row {
	margin: 0 0 16px;
	padding: 0;
	width: 100%;
}
.arkko-auth .woocommerce-form-row--first,
.arkko-auth .woocommerce-form-row--last {
	float: none;
	width: 100%;
}
.arkko-auth label {
	display: block;
	font-size: 0.88rem;
	font-weight: 500;
	color: var(--arkko-acc-ink);
	margin-bottom: 6px;
}
.arkko-auth input.input-text,
.arkko-auth input[type="text"],
.arkko-auth input[type="email"],
.arkko-auth input[type="password"] {
	width: 100%;
	padding: 11px 13px;
	border: 1px solid var(--arkko-acc-border);
	border-radius: 8px;
	background: #fff;
	color: var(--arkko-acc-ink);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.arkko-auth input.input-text:focus {
	outline: none;
	border-color: var(--arkko-acc-primary);
	box-shadow: 0 0 0 3px var(--arkko-acc-primary-light);
}
.arkko-auth label.woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	font-size: 0.9rem;
	color: var(--arkko-acc-muted);
	margin: 4px 0 14px;
}
.arkko-auth label.woocommerce-form-login__rememberme input {
	width: auto;
	margin: 0;
}
.arkko-auth button[type="submit"],
.arkko-auth .woocommerce-button,
.arkko-auth .button {
	width: 100%;
	background: var(--arkko-acc-grad);
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 12px 20px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(90, 159, 181, 0.28);
	transition: filter 0.15s ease;
}
.arkko-auth button[type="submit"]:hover,
.arkko-auth .woocommerce-button:hover,
.arkko-auth .button:hover {
	filter: brightness(1.04);
	color: #fff;
}
.arkko-auth .woocommerce-LostPassword {
	margin: 14px 0 0;
	font-size: 0.9rem;
}
.arkko-auth .woocommerce-LostPassword a {
	color: var(--arkko-acc-primary-dark);
}
.arkko-auth__card--confirm {
	text-align: center;
}
.arkko-auth__confirm-ico {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #e8f5e0;
	color: #4a7a1e;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 14px;
}
.arkko-auth__confirm-title {
	margin: 0 0 10px;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--arkko-acc-ink);
}
.arkko-auth__confirm-back {
	margin: 16px 0 0;
	font-size: 0.9rem;
}
.arkko-auth__confirm-back a {
	color: var(--arkko-acc-primary-dark);
}
@media (max-width: 640px) {
	.arkko-auth--dual .arkko-auth__grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================================
   Rediseño del LOGIN (solo /mi-cuenta/ deslogueado). Scoped a .arkko-auth--login
   para NO afectar a recuperar/restablecer contraseña, que siguen con tarjeta clara.
   Estructura: escena con fondo (bg.jpg) + tarjeta flotante oscura de 2 columnas
   [ panel de marca con logo | formulario oscuro ].
   ========================================================================= */
/* Escena a pantalla completa: full-bleed (100vw) y alto completo (100vh),
   rompiendo el ancho contenido del tema. La tarjeta queda centrada. */
.woocommerce-account .arkko-auth--login {
	max-width: none;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-top: 0;
	margin-bottom: 0;
	min-height: 100vh;
	padding: 48px 24px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(120% 120% at 50% 40%, rgba(8, 10, 16, 0.72), rgba(6, 8, 12, 0.94)),
		url("../img/bg.jpg") center/cover no-repeat;
}
/* Evita scroll horizontal por el full-bleed (100vw incluye la barra de scroll). */
.woocommerce-account.woocommerce-account {
	overflow-x: hidden;
}
.arkko-auth--login .arkko-auth__grid {
	width: 100%;
	max-width: 1000px;
	grid-template-columns: 1fr 1.1fr;
	align-items: stretch;
	gap: 0;
	background: #0f1320;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.05);
}
/* WooCommerce aplica float/width a .col-1/.col-2: se anulan para que mande el grid. */
.arkko-auth--login .arkko-auth__grid > * {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}
.arkko-auth--login .arkko-auth__brand { order: 1; }
.arkko-auth--login .arkko-auth__card { order: 2; }

/* Columna de marca */
.arkko-auth--login .arkko-auth__brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 22px;
	padding: 46px 38px;
	text-align: center;
	background: linear-gradient(155deg, #7ec24a 0%, #639922 42%, #2f8fd0 100%);
}
.arkko-auth--login .arkko-auth__logo {
	background: #fff;
	border-radius: 18px;
	padding: 24px 26px;
	width: 84%;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}
.arkko-auth--login .arkko-auth__logo img {
	width: 100%;
	height: auto;
	display: block;
}
.arkko-auth--login .arkko-auth__welcome {
	color: #fff;
	font-size: 14px;
	line-height: 1.55;
	max-width: 280px;
	margin: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.arkko-auth--login .arkko-auth__welcome strong {
	display: block;
	font-size: 17px;
	margin-bottom: 4px;
}

/* Columna de formulario (oscura) — override de la tarjeta clara */
.arkko-auth--login .arkko-auth__card {
	background: #141a28 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 50px 46px !important;
}
.arkko-auth--login .arkko-auth__head {
	margin-bottom: 4px;
}
.arkko-auth--login .arkko-auth__head .arkko-auth__ico {
	display: none;
}
.arkko-auth--login .arkko-auth__head h2 {
	color: #eef2f8;
	font-size: 30px;
	font-weight: 800;
}
.arkko-auth--login .arkko-auth__intro {
	color: #93a2bd;
	font-size: 14px;
	margin: 0 0 22px;
}
.arkko-auth--login label {
	color: #93a2bd;
}
.arkko-auth--login input.input-text,
.arkko-auth--login input[type="text"],
.arkko-auth--login input[type="email"],
.arkko-auth--login input[type="password"] {
	background: #1b2233 !important;
	border: 1px solid rgba(255, 255, 255, 0.10) !important;
	color: #eef2f8 !important;
}
.arkko-auth--login input.input-text:focus,
.arkko-auth--login input[type="text"]:focus,
.arkko-auth--login input[type="email"]:focus,
.arkko-auth--login input[type="password"]:focus {
	border-color: #2f8fd0 !important;
	box-shadow: 0 0 0 3px rgba(47, 143, 208, 0.22) !important;
}
.arkko-auth--login input::placeholder {
	color: #5f6f8a;
}
/* Mantener el fondo oscuro aunque el navegador autocomplete */
.arkko-auth--login input:-webkit-autofill,
.arkko-auth--login input:-webkit-autofill:focus {
	-webkit-text-fill-color: #eef2f8;
	-webkit-box-shadow: 0 0 0 1000px #1b2233 inset;
	caret-color: #eef2f8;
}
.arkko-auth--login label.woocommerce-form-login__rememberme {
	color: #93a2bd;
}
/* Captcha AIOWPS legible sobre fondo oscuro */
.arkko-auth--login .aiowps-captcha label,
.arkko-auth--login .aiowps-captcha-equation,
.arkko-auth--login .aiowps-captcha-equation strong {
	color: #cdd7e6 !important;
}
/* Botón degradado verde→azul de marca */
.arkko-auth--login button[type="submit"],
.arkko-auth--login .woocommerce-button,
.arkko-auth--login .button {
	background: linear-gradient(90deg, #639922 0%, #2f8fd0 100%) !important;
	box-shadow: 0 10px 24px rgba(47, 143, 208, 0.28) !important;
}
.arkko-auth--login .woocommerce-LostPassword a {
	color: #63b1e6 !important;
}
/* Pantalla de confirmación (revisa tu correo) sobre tarjeta oscura */
.arkko-auth--login .arkko-auth__card--confirm {
	text-align: center;
}
.arkko-auth--login .arkko-auth__card p {
	color: #93a2bd;
}
.arkko-auth--login .arkko-auth__confirm-title {
	color: #eef2f8;
}
.arkko-auth--login .arkko-auth__confirm-ico {
	background: rgba(255, 255, 255, 0.08);
	color: #7ec24a;
}
.arkko-auth--login .arkko-auth__confirm-back a {
	color: #63b1e6;
}



body.page 
div#wpadminbar {
    display: none !important;
}
body.woocommerce-account 
main#wp--skip-link--target {
    margin: 0 !important;
    padding: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
body.woocommerce-account 
.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained
{
	 margin: 0 !important;
    padding: 0 !important;
}


body.woocommerce-account  
footer.wp-block-template-part{
	 margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account.logged-in 
main#wp--skip-link--target {
    margin: 20px !important;
    padding: 20px !important;
}

.wc-block-mini-cart.wp-block-woocommerce-mini-cart {
    margin-left: 10px !important;
}

/* Responsive: apilar (marca arriba, formulario abajo) */
@media (max-width: 1240px) {
	header.wp-block-template-part 
	.wp-block-columns.alignfull.are-vertically-aligned-center.is-not-stacked-on-mobile.is-layout-flex {
	    max-width: var(--wp--style--global--content-size);
	    margin-left: 0 !important;
	    margin-right: 0px !important;
	}
}
@media (max-width: 760px) {
	.woocommerce-account .arkko-auth--login {
		padding: 24px 12px;
	}
	.arkko-auth--login .arkko-auth__grid {
		grid-template-columns: 1fr;
	}
	.arkko-auth--login .arkko-auth__card {
		padding: 32px 24px !important;
	}
	.arkko-auth--login .arkko-auth__logo {
		width: 66%;
	}
}