/**
 * Innova Shop - Páginas de cuenta: ingreso, registro y panel del cliente.
 *
 * Esto es estructura, no diseño. La maqueta la hace Oxygen sobre la plantilla de
 * Mi Cuenta; acá solo está lo que las plantillas propias necesitan para no salir
 * rotas: la columna a ancho completo (WooCommerce la deja al 47% pensando en
 * dos), el bloque de dirección de entrega que se abre y se cierra, y las cajas
 * del panel.
 *
 * Mobile primero. Todo lo que va en dos columnas se parte recién a partir de
 * 640px.
 */

/* ------------------------------------------------------------ Columna única */

.woocommerce .is-cuenta {
	display: block;
	width: 100%;
	max-width: 34rem;
	margin-inline: auto;
}

/* WooCommerce flota las columnas y les pone 47% cuando conviven. Acá hay una
   sola, así que ocupa todo y no flota. */
.woocommerce .is-cuenta .u-column1,
.woocommerce .is-cuenta .u-column2 {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.woocommerce .is-cuenta__titulo {
	margin-block-end: 1rem;
}

.woocommerce .is-cuenta__cruce {
	margin-block-start: 1.5rem;
	padding-block-start: 1.25rem;
	border-block-start: 1px solid rgba(0, 0, 0, 0.12);
	font-size: 0.95em;
}

/* --------------------------------------------------- Aviso previo al registro */

.woocommerce .is-registro-aviso {
	margin-block-end: 1.5rem;
	padding: 1rem 1.15rem;
	border-inline-start: 3px solid currentColor;
	background: rgba(0, 0, 0, 0.04);
	font-size: 0.95em;
}

.woocommerce .is-registro-aviso p {
	margin-block: 0 0.6rem;
}

.woocommerce .is-registro-aviso p:last-child {
	margin-block-end: 0;
}

.woocommerce .is-registro-aviso__titulo {
	font-weight: 700;
}

/* ------------------------------------------------ Confirmación del registro */

/* Mismo bloque que el aviso previo al formulario, y por el mismo motivo que
   toda esta hoja: el color lo pone Oxygen, acá solo está la caja. Es lo único
   que hay en la pantalla, así que no necesita competir con nada. */
.woocommerce .is-registro-ok {
	padding: 1.15rem 1.3rem;
	border-inline-start: 3px solid currentColor;
	background: rgba(0, 0, 0, 0.04);
}

.woocommerce .is-registro-ok p {
	margin-block: 0;
}

/* ------------------------------------------------- Bloque dirección de entrega */

.woocommerce .is-registro-envio {
	margin-block-start: 1.5rem;
	padding-block-start: 1.25rem;
	border-block-start: 1px solid rgba(0, 0, 0, 0.12);
}

.woocommerce .is-registro-envio__titulo {
	margin-block-end: 0.75rem;
	font-size: 1em;
	font-weight: 700;
}

.woocommerce .is-registro-envio__igual {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-block-end: 0;
	cursor: pointer;
	line-height: 1.4;
}

.woocommerce .is-registro-envio__igual input {
	flex: 0 0 auto;
	/* El checkbox nace alineado con la línea base del texto y queda un poco
	   arriba de la primera letra cuando la etiqueta ocupa dos renglones. */
	margin-block-start: 0.2em;
}

.woocommerce .is-registro-envio__campos {
	margin-block-start: 1.25rem;
}

.woocommerce .is-registro-envio__campos[hidden] {
	display: none;
}

/* ------------------------------------------------------- Panel: Inicio */

.woocommerce .is-panel__saludo {
	font-size: 1.15em;
	margin-block-end: 0.5rem;
}

.woocommerce .is-panel__estado {
	margin-block-end: 1.75rem;
	padding: 0.85rem 1.1rem;
	border-inline-start: 3px solid currentColor;
	background: rgba(0, 0, 0, 0.04);
	font-size: 0.95em;
}

.woocommerce .is-panel__accesos {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin-block-end: 1.75rem;
}

.woocommerce .is-panel__acceso {
	display: block;
	padding: 1rem 1.15rem;
	border: 1px solid rgba(0, 0, 0, 0.14);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.woocommerce .is-panel__acceso:hover,
.woocommerce .is-panel__acceso:focus-visible {
	border-color: currentColor;
	transform: translateY(-1px);
}

.woocommerce .is-panel__acceso-titulo {
	display: block;
	font-weight: 700;
	margin-block-end: 0.2rem;
}

.woocommerce .is-panel__acceso-texto {
	display: block;
	font-size: 0.9em;
	opacity: 0.75;
}

.woocommerce .is-panel__ayuda {
	font-size: 0.9em;
	opacity: 0.8;
}

/* --------------------------------------------------- Panel: Direcciones */

.woocommerce .is-direcciones__intro {
	margin-block-end: 1.5rem;
	font-size: 0.95em;
}

.woocommerce .is-direcciones__caja address {
	font-style: normal;
	line-height: 1.6;
}

/* --------------------------------------------------- Panel: Mis datos */

/* Un dato que se ve pero no se toca. Se muestra igual que los demás para que se
   lea como parte de la ficha, no como un campo roto. */
.woocommerce .is-dato-fijo {
	display: block;
	padding: 0.85rem 1.1rem;
	border: 1px dashed rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.02);
}

.woocommerce .is-dato-fijo__label {
	display: block;
	font-size: 0.85em;
	opacity: 0.7;
}

.woocommerce .is-dato-fijo__valor {
	display: block;
	font-weight: 700;
	font-size: 1.05em;
}

.woocommerce .is-dato-fijo__nota,
.woocommerce .is-datos__nota {
	display: block;
	margin-block-start: 0.35rem;
	font-size: 0.85em;
	opacity: 0.7;
}

.woocommerce .is-datos__password {
	margin-block-start: 1.75rem;
	padding-block-start: 1.25rem;
	border: 0;
	border-block-start: 1px solid rgba(0, 0, 0, 0.12);
}

.woocommerce .is-datos__password legend {
	padding: 0;
	font-weight: 700;
}

/* ------------------------------------------------------------------ Escritorio */

@media (min-width: 640px) {

	.woocommerce .is-cuenta {
		max-width: 38rem;
	}

	.woocommerce .is-panel__accesos {
		grid-template-columns: repeat(3, 1fr);
	}
}