/**
 * ============================================================================
 * [RUBIK] Mi Cuenta — migrado desde YellowPencil
 * ============================================================================
 *
 * NOTA PARA FUTURAS IAs / PROGRAMADORES — LEER ANTES DE TOCAR ESTE ARCHIVO:
 *
 * ⚠️ El fix para que la FOTO DE PERFIL del usuario no se deforme (mencionado
 * explícitamente por el dueño del sitio como algo que debe preservarse) NO
 * está en este archivo, ni en ningún lugar de YellowPencil. Se buscó
 * exhaustivamente el 2026-07-29 en:
 *   - postmeta `_wt_css` / `_wt_styles` de esta página (Mi Cuenta, post 2731)
 *   - las bolsas globales `wt_css` / `wt_styles`
 *   - el "CSS Adicional" del Customizer nativo de WordPress
 *   - los 14 Code Snippets activos
 * y no se encontró en ninguno. Es decir: **esa protección vive en otro
 * mecanismo** (probablemente PHP, o un ajuste fuera del alcance de esta
 * migración) y por lo tanto NO está en riesgo por nada de lo hecho aquí —
 * ni migrando este archivo, ni al apagar YellowPencil eventualmente.
 * Si en el futuro se necesita encontrar ese fix, buscar en: funciones que
 * filtren `get_avatar`, `pre_get_avatar`, o `wp_get_attachment_image` cerca
 * de "Mi Cuenta"/`WC_Shortcode_My_Account`, o revisar si es un ajuste manual
 * hecho directamente en la imagen subida por cada usuario.
 *
 * Fuente de este archivo: postmeta `_wt_css` de la página "Mi cuenta"
 * (post ID 2731) — NO `_wt_styles` (ver global.css para la explicación).
 * Se carga SOLO en `is_account_page()`.
 *
 * @package OceanWP_Child
 * @version 1.0.0
 * @since   2026-07-29
 */

/* ===========================================================================
 * 1. TARJETA DE PERFIL (nombre de usuario junto al avatar)
 * ======================================================================== */

/**
 * Verificado visualmente el 2026-07-29 inyectando el marcado real del tema
 * (avatar + nombre + logout): el desplazamiento (88px abajo, 78px a la
 * izquierda) acomoda el nombre debajo del avatar, sin superposición.
 * Confirmado como diseño intencional, no un bug.
 */
.oceanwp-user-profile .user-info p {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	color: #606060 !important;
	position: relative;
	top: 88px;
	left: -78px;
	font-weight: 600;
}

/* ===========================================================================
 * 2. DIRECCIONES (facturación / envío)
 * ======================================================================== */

.woocommerce-Addresses .woocommerce-Address header {
	font-size: 11px;
	line-height: 2.2em;
	word-spacing: 0px;
	letter-spacing: 0.3px;
	top: -7px;
	padding-top: 81px !important;
	transform: translatex(0px) translatey(0px);
	background-color: #f2f2f2 !important;
	border-bottom-right-radius: 29px;
}

.woocommerce-Addresses .woocommerce-Address h2 {
	font-size: 22px;
	font-style: normal;
	line-height: 1.1em;
	color: #636363;
}

.woocommerce-Addresses .woocommerce-Address a {
	transform: translatex(0px) translatey(0px);
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	font-weight: 500;
	color: #545454 !important;
	z-index: 182;
	top: 14px !important;
	position: relative;
	padding-bottom: 6px;
	margin-left: 0px;
	border-width: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	left: 14px;
	background-color: #ffffff;
	background-size: contain;
	backdrop-filter: brightness(0) contrast(0);
	box-shadow: none;
}

.woocommerce-Addresses .woocommerce-Address address {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

@media (min-width: 769px) {
	.woocommerce-Addresses .woocommerce-Address a {
		transform: translatex(0px) translatey(0px);
		line-height: 1.3em;
	}
}

/* ===========================================================================
 * 3. MENÚ DE NAVEGACIÓN DE LA CUENTA
 * ======================================================================== */

.woocommerce-MyAccount-navigation ul a {
	text-transform: capitalize;
	font-size: 15px;
	color: #5b5b5b;
	font-weight: 400;
	line-height: 1.1em;
}

.woocommerce-MyAccount-tabs .woocommerce-MyAccount-navigation ul {
	position: relative;
}

/* ===========================================================================
 * 4. PEDIDOS (listado, detalle, botones de acción)
 * ======================================================================== */

.woocommerce-MyAccount-orders tbody .pay,
.woocommerce-MyAccount-orders tbody .view,
.woocommerce-MyAccount-orders tbody .cancel,
.woocommerce-MyAccount-orders tbody .pdf,
.woocommerce-MyAccount-orders tbody .wc_pip_view_invoice {
	font-size: 10px;
	letter-spacing: 0px;
}

.elementor-shortcode .woocommerce-customer-details h2 {
	font-family: 'roboto';
}

.woocommerce-table--order-details tfoot a {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	font-weight: 500;
	letter-spacing: 0.4px;
	word-spacing: 0.9px;
	direction: ltr;
}

.elementor-shortcode .woocommerce-order-details .wc_pip_view_invoice {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.woocommerce-table--order-details tbody bdi {
	font-weight: 600;
	color: #515151;
}

.woocommerce-table--order-details tfoot .woocommerce-Price-amount {
	font-weight: 500;
	color: #00a6cc;
}

.elementor-shortcode .woocommerce-pagination--without-numbers a {
	letter-spacing: 0px;
	font-weight: 700;
}

@media (min-width: 769px) {
	.elementor-shortcode .woocommerce-MyAccount-content p {
		font-weight: 400;
	}
}

/* ===========================================================================
 * 5. OTROS (formularios, avisos, botones sueltos)
 * ======================================================================== */

.woocommerce-EditAccountForm p .woocommerce-Button {
	letter-spacing: 0px;
}

.elementor-shortcode .woocommerce-info a {
	letter-spacing: 0px;
}

.swiper-slide .elementor-slide-button {
	background-size: auto;
	background-color: #08cdff;
}