/* =============================================================
   Glass WooEnhance — Certificate CSS v2.3
   ============================================================= */

/* ----------------------------------------------------------
   STICKY BAR
   ---------------------------------------------------------- */
#gwe-sticky-bar {
    display:         none;
    position:        sticky;
    top:             0;
    z-index:         9000;
    background:      rgba(255,255,255,.97);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom:   2px solid rgba(108,63,197,.15);
    box-shadow:      0 4px 24px rgba(108,63,197,.10);
    padding:         10px 20px;
    text-align:      center;
}

/* Botão "Concluir Curso" */
#gwe-sticky-finish {
    display:         inline-flex;
    align-items:     center;
    gap:             8px;
    background:      linear-gradient(135deg, #f59e0b, #d97706);
    color:           #fff;
    font-weight:     700;
    font-size:       .97rem;
    padding:         10px 28px;
    border:          none;
    border-radius:   99px;
    cursor:          pointer;
    transition:      opacity .2s, transform .15s;
    box-shadow:      0 4px 14px rgba(245,158,11,.35);
}
#gwe-sticky-finish:hover  { opacity: .9; transform: translateY(-1px); }
#gwe-sticky-finish:active { transform: translateY(0); }
#gwe-sticky-finish:disabled { opacity: .6; cursor: default; transform: none; }

/* Botão "Emitir Certificado" */
#gwe-sticky-cert {
    display:         none;
    align-items:     center;
    gap:             8px;
    background:      linear-gradient(135deg, #6c3fc5, #a78bfa);
    color:           #fff;
    font-weight:     700;
    font-size:       .97rem;
    padding:         10px 28px;
    border:          none;
    border-radius:   99px;
    cursor:          pointer;
    transition:      opacity .2s, transform .15s;
    box-shadow:      0 4px 14px rgba(108,63,197,.35);
}
#gwe-sticky-cert:hover  { opacity: .9; transform: translateY(-1px); }
#gwe-sticky-cert:active { transform: translateY(0); }

/* ----------------------------------------------------------
   MODAL DE CONCLUSÃO
   ---------------------------------------------------------- */
.gwe-modal {
    position:       fixed;
    inset:          0;
    z-index:        99999;
    display:        flex;
    align-items:    center;
    justify-content:center;
    opacity:        0;
    pointer-events: none;
    transition:     opacity .25s ease;
}
.gwe-modal.is-open {
    opacity:        1;
    pointer-events: auto;
}
.gwe-modal__overlay {
    position:   absolute;
    inset:      0;
    background: rgba(10,5,30,.55);
    backdrop-filter: blur(6px);
}
.gwe-modal__box {
    position:         relative;
    z-index:          1;
    background:       rgba(255,255,255,.92);
    backdrop-filter:  blur(18px);
    border:           1px solid rgba(108,63,197,.22);
    border-radius:    20px;
    box-shadow:       0 16px 48px rgba(108,63,197,.22);
    padding:          40px 36px;
    max-width:        480px;
    width:            90%;
    text-align:       center;
    transform:        translateY(20px);
    transition:       transform .3s ease;
}
.gwe-modal.is-open .gwe-modal__box { transform: translateY(0); }

.gwe-modal__close {
    position:    absolute;
    top:         14px;
    right:       18px;
    background:  none;
    border:      none;
    font-size:   1.5rem;
    cursor:      pointer;
    color:       #888;
    line-height: 1;
}
.gwe-modal__close:hover { color: #333; }
.gwe-modal__icon  { font-size: 3rem; margin-bottom: 12px; }
.gwe-modal__title { font-size: 1.4rem; font-weight: 700; color: var(--gwe-primary,#6c3fc5); margin: 0 0 8px; }
.gwe-modal__desc  { font-size: .97rem; color: var(--gwe-text-muted,#6b7280); margin: 0 0 24px; }

/* Barra de progresso */
.gwe-progress { margin-bottom: 24px; }
.gwe-progress__bar   { background: #ede9f8; border-radius: 99px; height: 10px; overflow: hidden; margin-bottom: 6px; }
.gwe-progress__fill  { background: linear-gradient(90deg,#6c3fc5,#a78bfa); height: 100%; border-radius: 99px; transition: width .5s ease; }
.gwe-progress__label { font-size: .82rem; font-weight: 600; color: var(--gwe-text-muted,#6b7280); }

/* Botões */
.gwe-btn {
    display:       inline-flex;
    align-items:   center;
    gap:           8px;
    padding:       11px 24px;
    border-radius: 99px;
    font-weight:   700;
    font-size:     .97rem;
    border:        none;
    cursor:        pointer;
    text-decoration: none;
    transition:    opacity .2s, transform .15s;
}
.gwe-btn:hover  { opacity: .88; transform: translateY(-1px); }
.gwe-btn--primary   { background: linear-gradient(135deg,#6c3fc5,#a78bfa); color: #fff; box-shadow: 0 4px 14px rgba(108,63,197,.3); }
.gwe-btn--secondary { background: #f3f0ff; color: #6c3fc5; }

#gwe-cert-action { margin-bottom: 12px; }
#gwe-emit-cert,
#gwe-continue    { width: 100%; justify-content: center; font-size: 1.05rem; }

/* Shortcode */
.gwe-cert-notice {
    background:    #f0ecff;
    border-left:   4px solid #6c3fc5;
    padding:       12px 16px;
    border-radius: 8px;
    font-size:     .9rem;
    color:         #1a1a2e;
}

/* ----------------------------------------------------------
   ACTION BAR — injetada dentro de .content-item-summary
   (substitui o sticky bar que não funcionava dentro do popup LP)
   ---------------------------------------------------------- */
.gwe-action-bar {
    display:       flex;
    align-items:   center;
    justify-content: space-between;
    gap:           12px;
    padding:       14px 18px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-family:   inherit;
}

/* Estado: Concluir Curso (laranja/âmbar) */
.gwe-action-bar--finish {
    background:    linear-gradient(135deg, #fffbeb, #fef3c7);
    border:        1.5px solid #f59e0b;
    box-shadow:    0 3px 12px rgba(245,158,11,.18);
}

/* Estado: Emitir Certificado (roxo) */
.gwe-action-bar--cert {
    background:    linear-gradient(135deg, #f5f0ff, #ede9fe);
    border:        1.5px solid #7c3aed;
    box-shadow:    0 3px 12px rgba(109,40,217,.18);
}

.gwe-action-bar__label {
    font-size:   .9rem;
    font-weight: 600;
    color:       #1f2937;
    flex:        1;
    line-height: 1.4;
}

.gwe-action-bar__btn {
    flex-shrink:   0;
    display:       inline-flex;
    align-items:   center;
    gap:           6px;
    padding:       10px 22px;
    border-radius: 99px;
    font-weight:   700;
    font-size:     .9rem;
    border:        none;
    cursor:        pointer;
    transition:    opacity .2s, transform .15s, box-shadow .2s;
    white-space:   nowrap;
}
.gwe-action-bar__btn:hover  { opacity: .88; transform: translateY(-1px); }
.gwe-action-bar__btn:active { transform: translateY(0); }
.gwe-action-bar__btn:disabled { opacity: .5; cursor: default; transform: none; }

.gwe-action-bar__btn--finish {
    background:  linear-gradient(135deg, #f59e0b, #d97706);
    color:       #fff;
    box-shadow:  0 4px 12px rgba(245,158,11,.4);
}

.gwe-action-bar__btn--cert {
    background:  linear-gradient(135deg, #7c3aed, #a78bfa);
    color:       #fff;
    box-shadow:  0 4px 12px rgba(109,40,217,.4);
}

/* Mobile */
@media (max-width: 560px) {
    .gwe-action-bar {
        flex-direction: column;
        text-align: center;
    }
    .gwe-action-bar__btn {
        width: 100%;
        justify-content: center;
    }
}

/* ── Botão "Completar" nativo do LearnPress ── */
/* Posição fixa na parte inferior da viewport, largura total */
body .lp-button.button-complete-lesson.lp-btn-complete-item,
body .lp-button.lp-btn-complete-item,
body button.lp-button.button-complete-lesson.lp-btn-complete-item {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    z-index: 9999 !important;

    /* Estilo igual ao Emitir Certificado */
    background: linear-gradient(135deg, #7c3aed, #a78bfa) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 -4px 20px rgba(109, 40, 217, 0.3) !important;

    /* Tipografia */
    padding: 18px 36px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    letter-spacing: 0.02em !important;

    /* Layout */
    height: auto !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

body .lp-button.button-complete-lesson.lp-btn-complete-item:hover,
body .lp-button.lp-btn-complete-item:hover,
body button.lp-button.button-complete-lesson.lp-btn-complete-item:hover {
    background: linear-gradient(135deg, #6d28d9, #8b5cf6) !important;
    box-shadow: 0 -6px 28px rgba(109, 40, 217, 0.45) !important;
    transform: none !important;
}

body .lp-button.button-complete-lesson.lp-btn-complete-item:active,
body .lp-button.lp-btn-complete-item:active {
    transform: none !important;
}

/* Espaço extra no final do conteúdo para o botão não sobrepor */
body.viewing-course-item .content-item-scrollable,
body.viewing-course-item #popup-content {
    padding-bottom: 80px !important;
}

/* ── Barra "Emitir Certificado" no TOPO do conteúdo da lição ─── */
.gwe-action-bar--top {
    display: block !important;
    flex-direction: column !important;
    padding: 14px 18px !important;
    margin-bottom: 24px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(109, 40, 217, 0.3) !important;
    background: #f5f3ff !important;
}

.gwe-action-bar--top__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.gwe-action-bar__success-msg {
    font-size: 0.9rem;
    font-weight: 600;
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    padding: 8px 14px;
}

.gwe-action-bar__cert-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}