/*
 * Intensiva Site Enhancer — Área do Aluno (25/07/2026) · v1.6
 * Identidade visual da infobox "Um curso por vez" aplicada à /minha-conta.
 *
 * SEGURANÇA: nenhuma regra toca em table, thead, tbody, tr, td ou th. As duas tabelas que já têm
 * identidade própria (atribuição de curso e acompanhamento de andamento) ficam intactas por
 * construção, não por exceção. Tudo é escopado em body.woocommerce-account, então nada vaza para a
 * loja, o checkout ou a página do curso. Não altera uma linha do LearnDash nem do Intensiva Cursos
 * Checkout — apenas veste o que eles já renderizam. Zero JavaScript.
 *
 * v1.1 — cadeia .learndash-wrapper repetida nos seletores (especificidade do LearnDash).
 * v1.2 — botão Sair é o <a> dentro do span.logout; seta do expandir desenhada em CSS.
 * v1.3 — perfil centralizado; botão "Acessar Curso" como ::after do próprio link do curso.
 * v1.4 — espaço entre cursos via margin no item: o gap estava num container que não é o pai.
 * v1.5 — progresso sempre visível: o painel já vinha no HTML, apenas colapsado em altura zero.
 * v1.6 — ORDEM DA LINHA NO DESKTOP: nome à esquerda, barra de progresso no meio e o botão no canto
 *        direito. Como o botão é um ::after DENTRO do link (e não um elemento solto do DOM), ele
 *        não pode simplesmente "vir depois" do painel de progresso na ordem do flex. A solução é
 *        travar a largura do botão e ancorar o progresso a uma distância fixa da direita — por isso
 *        o min-width de 158px no botão e o right de 194px no painel andam juntos: mexer num exige
 *        mexer no outro. No mobile o botão fica centralizado, com respiro antes da barra.
 */

body.woocommerce-account{
	--ia-marca:#c92525;
	--ia-marca-escura:#b31f1f;
	--ia-marca-suave:rgba(201,37,37,.10);
	--ia-texto:#232b3a;
	--ia-texto-2:#4c5666;
	--ia-texto-3:#7a8698;
	--ia-borda:#e1e4e8;
	--ia-fundo:#f7f7f8;
	--ia-branco:#fff;
	--ia-raio:12px;
	--ia-sombra:0 12px 28px rgba(15,23,42,.05);
	--ia-sombra-hover:0 14px 32px rgba(15,23,42,.10);
	--ia-verde:#2e9e5b;
	/* Par travado: largura do botão e recuo do progresso (ver nota da v1.6). */
	--ia-botao-l:158px;
	--ia-progresso-right:194px;
	--ia-progresso-l:230px;
}

body.woocommerce-account .entry-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h2{
	font-size:20px; font-weight:700; letter-spacing:-.01em; color:var(--ia-texto); margin:0 0 16px;
}

/* ------------------------------------------------------- lista de cursos */
body.woocommerce-account .learndash-wrapper .ld-item-list.ld-course-list,
body.woocommerce-account .ld-item-list.ld-course-list{ margin-bottom:36px; }

body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item,
body.woocommerce-account .ld-item-list .ld-item-list-item{
	position:relative;
	background:var(--ia-branco) !important;
	border:1px solid var(--ia-borda) !important;
	border-left:4px solid var(--ia-borda) !important;
	border-radius:var(--ia-raio) !important;
	box-shadow:var(--ia-sombra) !important;
	margin:0 0 20px !important;
	overflow:hidden;
	transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item:last-child,
body.woocommerce-account .ld-item-list .ld-item-list-item:last-child{ margin-bottom:0 !important; }
body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item:hover{
	border-left-color:var(--ia-marca) !important;
	box-shadow:var(--ia-sombra-hover) !important;
	transform:translateY(-1px);
}
body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item.learndash-incomplete,
body.woocommerce-account .ld-item-list .ld-item-list-item.learndash-incomplete{
	border-left-color:var(--ia-marca) !important;
}
body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item.learndash-complete,
body.woocommerce-account .ld-item-list .ld-item-list-item.learndash-complete{
	border-left-color:var(--ia-verde) !important; background:var(--ia-fundo) !important;
}

body.woocommerce-account .learndash-wrapper .ld-item-list-item-preview{
	padding:0 !important; border:0 !important; background:transparent !important;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-name{
	display:flex; align-items:center; gap:12px; padding:14px 16px !important;
	text-decoration:none; color:var(--ia-texto) !important;
	font-weight:600; font-size:15.5px; letter-spacing:-.005em;
}
body.woocommerce-account .learndash-wrapper .ld-item-name:hover .ld-course-title{ color:var(--ia-marca) !important; }
body.woocommerce-account .learndash-wrapper .ld-course-title{
	transition:color .15s ease; line-height:1.35; min-width:0;
}

/* Botão "Acessar Curso": ::after do PRÓPRIO link do curso — clicar nele é clicar no curso. */
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-name::after{
	content:"Acessar Curso";
	flex:0 0 auto;
	background:var(--ia-marca);
	color:var(--ia-branco);
	font-size:13px; font-weight:600; letter-spacing:0; line-height:1.2;
	padding:10px 18px; border-radius:9px; white-space:nowrap; text-align:center;
	transition:background .15s ease;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-name:hover::after{
	background:var(--ia-marca-escura);
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item.learndash-complete .ld-item-name::after{
	content:"Rever Curso"; background:transparent; color:var(--ia-texto-2);
	border:1px solid var(--ia-borda); padding:9px 17px;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item.learndash-complete .ld-item-name:hover::after{
	background:var(--ia-marca-suave); border-color:var(--ia-marca); color:var(--ia-marca);
}

body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-status-icon{ flex:0 0 auto; border-width:2px !important; }
body.woocommerce-account .learndash-wrapper .learndash-incomplete .ld-status-icon.ld-status-incomplete{
	border-color:var(--ia-marca) !important; background:var(--ia-marca-suave) !important;
}

/* Com o progresso sempre visível, o botão de expandir perde a função. */
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-expand-button,
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-details{
	display:none !important;
}

/* ------------------------------------------------- PROGRESSO SEMPRE VISÍVEL */
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded{
	display:block !important;
	height:auto !important; max-height:none !important; opacity:1 !important;
	overflow:visible !important; padding:0 !important; border-top:0 !important;
	background:transparent !important;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded::before,
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded::after{ display:none !important; }

body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress{
	display:flex !important; flex-direction:column; gap:7px;
	padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress-heading{
	display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:0 !important;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress-label{ display:none !important; }
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress-stats{
	display:flex; align-items:baseline; justify-content:space-between; gap:10px; width:100%; margin:0 !important;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress-percentage{
	font-size:12.5px !important; font-weight:700 !important; color:var(--ia-marca) !important;
	letter-spacing:0; margin:0 !important; text-transform:none !important;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item.learndash-complete .ld-progress-percentage{
	color:var(--ia-verde) !important;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress-steps{
	font-size:11.5px !important; color:var(--ia-texto-3) !important; margin:0 !important; white-space:nowrap;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress-bar{
	background:#eceef1 !important; border-radius:999px !important;
	height:6px !important; overflow:hidden; border:0 !important; margin:0 !important; width:100%;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress-bar-percentage{
	background:var(--ia-marca) !important; border-radius:999px !important;
	height:6px !important; min-width:0; transition:width .5s ease;
}
body.woocommerce-account .learndash-wrapper .ld-item-list-item.learndash-complete .ld-progress-bar-percentage{
	background:var(--ia-verde) !important;
}

/* ---- DESKTOP: [nome] ......... [barra de progresso] [Acessar Curso] ---- */
@media (min-width:783px){
	body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item{
		display:block !important;
		padding:0 !important;
	}
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-name{
		padding:16px 18px !important;
	}
	/* Botão encostado na direita, com largura TRAVADA — é ela que dá o ponto de apoio do progresso. */
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-name::after{
		margin-left:auto;
		min-width:var(--ia-botao-l);
		box-sizing:border-box;
	}
	/* O nome não pode crescer até debaixo da barra. */
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-course-title{
		max-width:calc(100% - var(--ia-progresso-l) - var(--ia-botao-l) - 90px);
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	}
	/* Progresso ancorado logo antes do botão, centralizado na altura da linha. */
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded{
		position:absolute !important;
		right:var(--ia-progresso-right);
		top:50%;
		transform:translateY(-50%);
		width:var(--ia-progresso-l);
	}
}

/* ---- MOBILE: card empilhado, botão centralizado e com respiro antes da barra ---- */
@media (max-width:782px){
	body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item,
	body.woocommerce-account .ld-item-list .ld-item-list-item{
		display:block !important; margin:0 0 16px !important; padding:0 0 18px !important;
	}
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-name{
		flex-wrap:wrap; align-items:center; gap:10px; padding:16px 16px 0 !important; font-size:15.5px;
	}
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-course-title{ flex:1 1 auto; }
	/* Centralizado e com largura consistente entre os cards (antes cada botão saía de um tamanho). */
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-name::after{
		order:3;
		display:block;
		flex:0 0 auto;
		width:fit-content;
		min-width:min(300px, 100%);
		margin:18px auto 20px;
		padding:13px 24px;
		font-size:14px;
		box-sizing:border-box;
	}
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded{
		padding:0 16px !important;
	}
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress{ gap:6px; }
}

/* -------------------------------------------------------- bloco do aluno */
body.woocommerce-account .user-profile{
	display:flex; flex-direction:column; align-items:center; text-align:center;
	background:var(--ia-branco); border:1px solid var(--ia-borda); border-radius:var(--ia-raio);
	box-shadow:var(--ia-sombra); padding:22px 18px 20px; margin-bottom:14px;
}
body.woocommerce-account .user-profile .user-avatar{
	position:relative; display:inline-block; margin:0 auto 14px; line-height:0;
}
body.woocommerce-account .user-profile .user-avatar img.avatar{
	width:104px !important; height:104px !important; border-radius:50%; object-fit:cover;
	border:3px solid var(--ia-branco); box-shadow:0 0 0 1px var(--ia-borda); display:block;
}
body.woocommerce-account .user-profile .user-info{
	display:flex; flex-direction:column; align-items:center; text-align:center;
	gap:3px; width:100%; min-width:0;
}
body.woocommerce-account .user-profile .username{
	font-size:16px; font-weight:700; color:var(--ia-texto); letter-spacing:-.01em;
	text-align:center; word-break:break-word;
}
body.woocommerce-account .user-profile .user-email{
	font-size:12.5px; color:var(--ia-texto-3); text-align:center; word-break:break-all;
}
body.woocommerce-account .user-profile span.logout{
	display:flex; justify-content:center; align-items:center; width:100%;
	background:none !important; border:0 !important; padding:0 !important; margin:16px 0 0; text-align:center;
}
body.woocommerce-account .user-profile span.logout a,
body.woocommerce-account .user-profile a[href*="customer-logout"]{
	display:inline-block; padding:8px 20px !important;
	background:transparent !important; color:var(--ia-texto-2) !important;
	border:1px solid var(--ia-borda) !important; border-radius:9px !important;
	font-size:13px !important; font-weight:600 !important;
	text-transform:none !important; letter-spacing:0 !important; line-height:1.2 !important;
	text-decoration:none !important;
	transition:border-color .15s ease, color .15s ease, background .15s ease;
}
body.woocommerce-account .user-profile span.logout a:hover,
body.woocommerce-account .user-profile a[href*="customer-logout"]:hover{
	background:var(--ia-marca-suave) !important; border-color:var(--ia-marca) !important; color:var(--ia-marca) !important;
}

/* ------------------------------------------------------------ menu lateral */
body.woocommerce-account ul.myaccount-menu{
	list-style:none; margin:0; padding:6px; background:var(--ia-branco);
	border:1px solid var(--ia-borda); border-radius:var(--ia-raio); box-shadow:var(--ia-sombra);
}
body.woocommerce-account ul.myaccount-menu li{ list-style:none; margin:0; border:0 !important; }
body.woocommerce-account ul.myaccount-menu li a{
	display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:9px;
	color:var(--ia-texto-2); font-size:14.5px; font-weight:600; text-decoration:none;
	transition:background .15s ease, color .15s ease;
}
body.woocommerce-account ul.myaccount-menu li a:hover{ background:var(--ia-fundo); color:var(--ia-texto); }
body.woocommerce-account ul.myaccount-menu li.is-active a,
body.woocommerce-account ul.myaccount-menu li.current a{ background:var(--ia-marca-suave); color:var(--ia-marca); }
body.woocommerce-account ul.myaccount-menu li a svg,
body.woocommerce-account ul.myaccount-menu li a img,
body.woocommerce-account ul.myaccount-menu li a i{ flex:0 0 18px; width:18px; height:18px; opacity:.85; }

/* --------------------------------------------------------------- conteúdo */
body.woocommerce-account .woocommerce-MyAccount-content{ color:var(--ia-texto-2); font-size:15px; line-height:1.6; }
body.woocommerce-account .woocommerce-MyAccount-content p a{
	color:var(--ia-marca); font-weight:600; text-decoration:none;
	border-bottom:1px solid transparent; transition:border-color .15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content p a:hover{ border-bottom-color:var(--ia-marca); }

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error{
	background:var(--ia-fundo) !important; border:1px solid var(--ia-borda) !important;
	border-left:4px solid var(--ia-marca) !important; border-radius:var(--ia-raio) !important;
	color:var(--ia-texto-2) !important; box-shadow:var(--ia-sombra);
}
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-error::before{ color:var(--ia-marca) !important; }

@media (max-width:782px){
	body.woocommerce-account .user-profile{ padding:18px 14px 18px; }
	body.woocommerce-account .user-profile .user-avatar img.avatar{ width:88px !important; height:88px !important; }
}
@media (prefers-reduced-motion:reduce){
	body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item,
	body.woocommerce-account .learndash-wrapper .ld-item-list-item .ld-progress-bar-percentage{ transition:none !important; }
	body.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item:hover{ transform:none; }
}