/* Eliminar la lnea divisoria por defecto de WooCommerce / Kadence */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .account-navigation-wrap {
	border: none !important;
	border-left: none !important;
	border-right: none !important;
	box-shadow: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* RESET PARA EL WRAPPER OCULTO DE KADENCE */
body.woocommerce-account .account-navigation-wrap {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	display: block !important;
	position: static !important;
	margin: 0 auto !important;
	flex: none !important;
}


/* BRUTAL RESET PARA MY ACCOUNT LAYOUT */
body.woocommerce-account div.woocommerce {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-account div.woocommerce::after, 
body.woocommerce-account div.woocommerce::before {
	display: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	position: static !important;
	margin: 0 auto !important;
	padding: 0 !important;
	flex: none !important;
}

/* --- Diseo de Botones para Mi Cuenta (WooCommerce) --- */

/* Forzar ancho completo 100% sobreescribiendo Kadence agresivamente */
body.woocommerce-account .woocommerce,
body.woocommerce-account .kadence-wc-content,
body.woocommerce-account .entry-content > .woocommerce {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin-bottom: 40px !important;
	padding-right: 0 !important; /* Kadence sometimes adds padding here */
}

body.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin-bottom: 30px !important;
	padding-left: 0 !important;
}

/* Ocultar el texto basura de WooCommerce "Desde el escritorio..." */
body.woocommerce-account .woocommerce-MyAccount-content > p:nth-of-type(2) {
	display: none !important;
}

/* Redimensionado dinmico (Usa todo el width) */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: grid !important;
	max-width: none !important;
	min-width: 100% !important;
	grid-template-columns: repeat(5, 1fr) !important; /* Dinmico y fluido */
	gap: 20px !important;
	padding: 0 !important;
	margin: 25px 0 0 0 !important;
	list-style: none !important;
	width: 100% !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

/* Ocultar duplicate Sensei Courses */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li[class*="sensei"] {
	display: none !important;
}

/* Estilo individual de los botones */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	background: #334069 !important;
	color: #ffffff !important;
	padding: 15px 12px 12px 12px !important;
	border-radius: 12px !important;
	text-align: center !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border: 1px solid #47588c !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	height: 100% !important;
	position: relative !important;
	font-size: 16px !important;
}

/* Iconos SVG via Pseudo-elemento Mask */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
	content: "" !important;
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	background-color: #ffffff !important;
	margin-bottom: 8px !important;
	-webkit-mask-size: contain !important;
	-webkit-mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	mask-size: contain !important;
	mask-repeat: no-repeat !important;
	mask-position: center !important;
	transition: transform 0.3s, background-color 0.3s !important;
}

/* Hover - MODO OSCURO */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: #ea6b14 !important;
	border-color: #ea6b14 !important;
	color: #0a0c16 !important;
	transform: translateY(-5px) !important;
	box-shadow: 0 8px 25px rgba(234, 107, 20, 0.3) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::before,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
	transform: scale(1.15) !important;
	background-color: #0a0c16 !important;
}

/* --- ASIGNACIN DE ICONOS SVG --- */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 16.5C21 16.88 20.79 17.21 20.47 17.38L12.5 21.82C12.19 21.99 11.81 21.99 11.5 21.82L3.53 17.38C3.21 17.21 3 16.88 3 16.5V7.5C3 7.12 3.21 6.79 3.53 6.62L11.5 2.18C11.81 2.01 12.19 2.01 12.5 2.18L20.47 6.62C20.79 6.79 21 7.12 21 7.5V16.5ZM12 4.15L6.04 7.5L12 10.85L17.96 7.5L12 4.15ZM5 15.91L11 19.26V12.55L5 9.19V15.91ZM19 15.91V9.19L13 12.55V19.26L19 15.91Z" fill="currentColor"/></svg>') !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--cursos a::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3L1 9L5 11.18V17.18L12 21L19 17.18V11.18L21 10.09V17H23V9L12 3ZM18.82 9L12 12.72L5.18 9L12 5.28L18.82 9ZM17 15.99L12 18.72L7 15.99V12.27L12 15L17 12.27V15.99Z" fill="currentColor"/></svg>') !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9H15V3H9V9H5L12 16L19 9ZM5 18V20H19V18H5Z" fill="currentColor"/></svg>') !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 4H4C2.89 4 2.01 4.89 2.01 6L2 18C2 19.11 2.89 20 4 20H20C21.11 20 22 19.11 22 18V6C22 4.89 21.11 4 20 4ZM20 18H4V12H20V18ZM20 8H4V6H20V8Z" fill="currentColor"/></svg>') !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z" fill="currentColor"/></svg>') !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 7L15.59 8.41L18.17 11H8V13H18.17L15.59 15.58L17 17L22 12L17 7ZM4 5H12V3H4C2.9 3 2 3.9 2 5V19C2 20.1 2.9 21 4 21H12V19H4V5Z" fill="currentColor"/></svg>') !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard {
	display: none !important;
}

/* Mejoras Modo Claro (Premium) */
body:not(.victologo-dark-mode) .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	background: #f8fafc !important;
	border: 1px solid #cbd5e1 !important;
	color: #0f172a !important;
	box-shadow: 0 6px 20px rgba(0,0,0,0.06) !important;
	transition: all 0.3s ease !important;
}
body:not(.victologo-dark-mode) .woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
	background-color: #0f172a !important;
}
body:not(.victologo-dark-mode) .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	border-color: #ea6b14 !important;
	box-shadow: 0 10px 25px rgba(234, 107, 20, 0.2) !important;
	transform: translateY(-5px) !important;
}
body:not(.victologo-dark-mode) .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body:not(.victologo-dark-mode) .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: #ea6b14 !important;
	border-color: #ea6b14 !important;
	color: #ffffff !important;
}
body:not(.victologo-dark-mode) .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::before,
body:not(.victologo-dark-mode) .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
	background-color: #ffffff !important;
}

/* Responsive para mvil: que pasen a 2 o 1 columna */
@media (max-width: 768px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 480px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		grid-template-columns: 1fr !important;
	}
}