/* ============================================================
   CEAD — Sidebar de Certificados na Página do Curso (Etapa 4.2)
   ============================================================ */

/* ── Oculta nossa seção no menu landing do Eduma ─────────────
   O hook learn-press/course-buttons é disparado dentro de
   .thim-course-menu-landing (barra sticky do menu). Renderizamos
   em ambos os contextos mas escondemos via CSS na landing bar. */
.thim-course-menu-landing .cead-cert-sidebar,
.thim-course-landing-button .cead-cert-sidebar {
	display: none !important;
}

/* ── Oculta todos os botões nativos do LP Certificates ───────
   Três variantes possíveis:
   1. wrapper-lp-cert-add-to-cart-woo  → "Adicionar certificado ao carrinho"
   2. .btn-lp-cert-view-cart           → "Exibir certificado do carrinho"
   3. .form-button                     → "Certificate" (após obter o cert)        */
.has-cead-cert-sidebar .wrapper-lp-cert-add-to-cart-woo,
.has-cead-cert-sidebar .btn-lp-cert-view-cart,
.has-cead-cert-sidebar .form-button {
	display: none !important;
}

/* ── Container: grid de 3 colunas ────────────────────────────
   Título ocupa as 3 colunas; cada card ocupa 1 coluna. */
.cead-cert-sidebar {
	width: 100%;
	box-sizing: border-box;
	margin: 12px 0 4px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}

.cead-cert-sidebar__title {
	grid-column: 1 / -1;
	font-size: .72rem;
	font-weight: 700;
	color: #6b7280;
	margin: 0 0 2px;
	text-transform: uppercase;
	letter-spacing: .06em;
}

/* ── Card ─────────────────────────────────────────────────── */
.cead-cert-sidebar-card {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-top: 3px solid #e5e7eb;
	border-radius: 6px;
	padding: 8px 6px 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}

/* Cor da borda superior por tipo */
.cead-cert-sidebar-card--gratuito  { border-top-color: #10b981; }
.cead-cert-sidebar-card--exclusivo { border-top-color: #3b82f6; }
.cead-cert-sidebar-card--premium   { border-top-color: #f59e0b; }

/* Status indisponível */
.cead-cert-sidebar-card--indisponivel {
	opacity: .5;
	border-top-color: #d1d5db !important;
}

/* Status pendente (solicitado, aguardando pagamento) */
.cead-cert-sidebar-card--pendente {
	border-top-color: #f59e0b !important;
}
.cead-cert-sidebar-card--pendente .cead-cert-sidebar-card__status-label {
	color: #d97706;
}
.cead-cert-sidebar-card--pendente .cead-sidebar-btn--disabled {
	background: #fef3c7 !important;
	border-color: #fde68a !important;
	color: #92400e !important;
	cursor: default;
}

/* ── Info: badge + status ─────────────────────────────────── */
.cead-cert-sidebar-card__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	width: 100%;
}

.cead-cert-badge {
	display: inline-block;
	border-radius: 20px;
	font-size: .62rem;
	font-weight: 700;
	padding: 2px 6px;
	text-transform: uppercase;
	letter-spacing: .03em;
	white-space: nowrap;
}

.cead-cert-badge--gratuito  { background: #d1fae5; color: #065f46; }
.cead-cert-badge--exclusivo { background: #dbeafe; color: #1e40af; }
.cead-cert-badge--premium   { background: #fef3c7; color: #92400e; }

.cead-cert-sidebar-card__status-label {
	font-size: .67rem;
	font-weight: 500;
	color: #9ca3af;
	line-height: 1.2;
}

.cead-cert-sidebar-card--obtido .cead-cert-sidebar-card__status-label {
	color: #059669;
}

/* ── Botão ─────────────────────────────────────────────────── */
.cead-sidebar-btn {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 6px 4px;
	font-size: .7rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	border: 2px solid transparent;
	transition: opacity .2s, transform .15s;
	line-height: 1.25;
	word-break: break-word;
}

.cead-sidebar-btn:hover {
	opacity: .85;
	transform: translateY(-1px);
}

/* Sólido por tipo */
.cead-sidebar-btn--gratuito  { background: #10b981; border-color: #10b981; color: #fff !important; }
.cead-sidebar-btn--exclusivo { background: #3b82f6; border-color: #3b82f6; color: #fff !important; }
.cead-sidebar-btn--premium   { background: #f59e0b; border-color: #f59e0b; color: #fff !important; }

/* Obtido: outline */
.cead-cert-sidebar-card--obtido .cead-sidebar-btn--gratuito  { background: transparent; color: #10b981 !important; }
.cead-cert-sidebar-card--obtido .cead-sidebar-btn--exclusivo { background: transparent; color: #3b82f6 !important; }
.cead-cert-sidebar-card--obtido .cead-sidebar-btn--premium   { background: transparent; color: #f59e0b !important; }

/* Desabilitado */
.cead-sidebar-btn--disabled {
	background: #f3f4f6 !important;
	border-color: #e5e7eb !important;
	color: #9ca3af !important;
	cursor: not-allowed;
}
.cead-sidebar-btn--disabled:hover { opacity: 1; transform: none; }