/* ==========================================================================
   CTA de 3 estados da página do curso — [pratico_cta_curso]
   Pensado para a barra fixa mobile (substitui o aviso padrão do LearnPress
   "Tenha acesso a esse e mais X cursos..."), mas funciona em qualquer lugar.
   ========================================================================== */

.pratico-cta-curso {
    --pratico-rosa-claro: var(--pk-pink-light, #ff3a6e);
    --pratico-rosa-escuro: var(--pk-pink-dark, #d00a3f);
    --pratico-fonte: var(--pk-font, "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
    display: flex;
    width: 100%;
}

.pratico-cta-curso form.cart {
    width: 100%;
    margin: 0;
}

/*
 * Reforço "blindado" do botão pill rosa, igual ao usado na grade de cursos:
 * garante o visual certo mesmo fora da página/Elementor onde a classe
 * ".pratiko-course-btn" tinha o estilo original escopado.
 */
.pratico-cta-curso .pratiko-course-btn {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    width: 100%;
    min-height: 48px;
    padding: 0 20px !important;
    border: none;
    border-radius: 999px !important;
    background-image: linear-gradient(180deg, var(--pratico-rosa-claro) 0%, var(--pratico-rosa-escuro) 100%) !important;
    color: #fff !important;
    font: 700 14px/1.2 var(--pratico-fonte) !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(208, 10, 63, 0.28);
    transition: transform .15s, filter .15s, box-shadow .15s;
}

/* Botões nativos do LearnPress (Começar / Continuar / Finalizar) no mesmo visual */
.pratico-cta-curso--lp {
    flex-direction: column;
    gap: 8px;
}

.pratico-cta-curso--lp form,
.pratico-cta-curso--lp .lp-course-buttons {
    width: 100%;
    margin: 0;
}

.pratico-cta-curso--lp .lp-button,
.pratico-cta-curso--lp button[type="submit"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 48px;
    padding: 0 20px !important;
    border: none !important;
    border-radius: 999px !important;
    background-image: linear-gradient(180deg, var(--pratico-rosa-claro) 0%, var(--pratico-rosa-escuro) 100%) !important;
    background-color: var(--pratico-rosa-escuro) !important;
    color: #fff !important;
    font: 700 14px/1.2 var(--pratico-fonte) !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(208, 10, 63, 0.28);
}

.pratico-cta-curso--lp .lp-button:hover,
.pratico-cta-curso--lp button[type="submit"]:hover {
    filter: brightness(1.05);
}

.pratico-cta-curso .pratiko-course-btn:hover {
    filter: brightness(1.05);
    color: #fff !important;
}