/*
 * LPV Platform 0.3.1.3 — UX Consistency + Conversion Hotfix
 * Verde = ação principal; roxo = apoio visual de Flashcards.
 */

/* Dicas: título editorial limpo e sem HTML literal. */
.lpv-page-heading--editorial{max-width:820px;margin:0 auto 42px;text-align:center}
.lpv-page-heading--editorial .lpv-eyebrow{display:inline-block;margin-bottom:10px;color:var(--lpv-green-600);font-family:var(--lpv-font-heading);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lpv-page-heading--editorial h1{margin:0 0 14px;font-size:clamp(42px,5.5vw,68px)}
.lpv-page-heading--editorial p{max-width:720px;margin:0 auto;color:var(--lpv-gray-500);font-size:18px;line-height:1.6}
.lpv-post-card__placeholder{font-family:var(--lpv-font-heading);font-size:15px;font-weight:900;letter-spacing:.16em;color:#fff}

/* CTA principal: verde LPV em Simulados e Flashcards. */
.lpv-entry-content .flash-btn,
.lpv-entry-content button[onclick*="abrirFlashcards"]{
  background:var(--lpv-green-600)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(14,138,75,.16)!important;
}
.lpv-entry-content .flash-btn:hover,
.lpv-entry-content button[onclick*="abrirFlashcards"]:hover{background:var(--lpv-green-700)!important;transform:translateY(-1px)}

/* Roxo fica como identidade secundária do módulo Flashcards. */
.lpv-entry-content .flash-icon-box,
.lpv-entry-content .grid > div:has(> button[onclick*="abrirFlashcards"]) > div:first-child{
  background:var(--lpv-purple-100)!important;
  color:var(--lpv-purple-600)!important;
}
.lpv-entry-content .flash-icon-box::before,
.lpv-entry-content .grid > div:has(> button[onclick*="abrirFlashcards"]) > div:first-child::before{content:none!important}
.lpv-entry-content .flash-icon-box svg,
.lpv-entry-content .grid > div:has(> button[onclick*="abrirFlashcards"]) > div:first-child svg{
  width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important
}

/* Resumo de desempenho: ícones próprios e independentes de Dashicons. */
.lpv-entry-content .lp-stats-grid{align-items:stretch!important}
.lpv-entry-content .lp-stat-card{min-width:0!important}
.lpv-entry-content .lp-stat-icon-wrapper{flex:0 0 48px!important}
.lpv-entry-content .lp-stat-icon-wrapper svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.lpv-entry-content .lp-stat-card:nth-child(1) .lp-stat-icon-wrapper{color:var(--lpv-navy-900)!important;background:#eef2f7!important}
.lpv-entry-content .lp-stat-card:nth-child(2) .lp-stat-icon-wrapper{color:#b77900!important;background:#fff7df!important}
.lpv-entry-content .lp-stat-card:nth-child(3) .lp-stat-icon-wrapper{color:var(--lpv-green-700)!important;background:var(--lpv-green-100)!important}
.lpv-entry-content .lp-label--result{display:block!important;margin-bottom:5px!important}
.lpv-entry-content .lp-detail-list{display:grid!important;gap:4px!important}
.lpv-entry-content .lp-detail-item{margin:0!important}
.lpv-result-mini-icon{display:inline-grid;width:19px;height:19px;place-items:center;flex:0 0 19px}
.lpv-result-mini-icon svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.3!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.lpv-result-mini-icon.is-success{color:var(--lpv-green-600)}
.lpv-result-mini-icon.is-error{color:#d84c4c}

/* Páginas de acesso: o shortcode é o herói; remove o segundo cartão/título do template. */
.lpv-article--auth{width:100%}
.lpv-auth-page-content{width:100%;padding:0;background:transparent;box-shadow:none}
.lpv-article--auth .lpv-auth-shell{margin-top:0}

/* Conversão pós-simulado. */
.lpv-auth-shell--conversion{max-width:900px}
.lpv-conversion-card{padding:54px!important;background:linear-gradient(180deg,#fff,#fbfdfc)!important;border-color:#dceae3!important}
.lpv-conversion-card h1{max-width:760px;margin:.5rem 0 1rem;font-size:clamp(2.45rem,5.3vw,4.45rem)!important;line-height:1.02!important;letter-spacing:-.045em!important}
.lpv-conversion-lead{max-width:730px!important;margin-bottom:24px!important;font-size:1.13rem!important;line-height:1.65!important}
.lpv-auth-success--result{margin:22px 0!important;padding:16px 18px!important;background:#edf9f2!important;border-color:#cde8d8!important;color:#166a40!important}
.lpv-conversion-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:24px 0 30px;padding:0}
.lpv-conversion-benefits li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:15px;border:1px solid #e3e9ee;border-radius:16px;background:#fff;color:#294058;font-size:13px;font-weight:700;line-height:1.4}
.lpv-conversion-benefits li svg{width:21px;height:21px;fill:none;stroke:var(--lpv-green-600);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lpv-conversion-actions{display:grid;gap:14px;justify-items:start}
.lpv-conversion-actions .lpv-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-width:320px;text-decoration:none}
.lpv-conversion-actions .lpv-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.lpv-conversion-login{color:var(--lpv-gray-500);font-size:14px}
.lpv-conversion-login strong{color:var(--lpv-green-700)}
.lpv-conversion-benefits--compact{grid-template-columns:1fr;margin:22px 0 4px}
.lpv-auth-card--performance-register h1{font-size:clamp(2.35rem,5vw,3.8rem)!important}

@media(max-width:760px){
  .lpv-page-heading--editorial{margin-bottom:28px;text-align:left}
  .lpv-page-heading--editorial h1{font-size:40px}
  .lpv-page-heading--editorial p{font-size:16px}
  .lpv-conversion-card{padding:30px 22px!important}
  .lpv-conversion-card h1{font-size:36px!important}
  .lpv-conversion-lead{font-size:16px!important}
  .lpv-conversion-benefits{grid-template-columns:1fr}
  .lpv-conversion-actions{justify-items:stretch}
  .lpv-conversion-actions .lpv-button{width:100%;min-width:0}
  .lpv-conversion-login{text-align:center}
  .lpv-entry-content .lp-stats-grid{grid-template-columns:1fr!important}
  .lpv-entry-content .lp-stat-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important}
}