/* ==============================================================================
 * Libraria - Gestão de Acessos
 * Frontend Stylesheets
 * ============================================================================== */

/* 1. Deadline Tags Wrappers
   Força o layout em coluna escapando das regras flexbox row da div pai no LMS
----------------------------------------------------------------------------- */
.lmga-deadline-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.lmga-deadline-wrapper-fallback {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 15px; /* Caso a tag nativa não seja encontrada */
}

/* 2. Base Deadline Tag
   Estilização base para os blocos empilhados
----------------------------------------------------------------------------- */
.lmga-deadline-tag {
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
    display: inline-block;
    width: auto;
    max-width: 100%;
    text-align: center;
}

/* 3. Deadline Themes
   Variações de coloração de status
----------------------------------------------------------------------------- */
.lmga-theme-green {
    background-color: #d1e7dd;
    color: #0f5132;
}

.lmga-theme-blue {
    background-color: #cce5ff;
    color: #004085;
}

.lmga-theme-yellow {
    background-color: #fff3cd;
    color: #856404;
}

/* 4. Course Action Buttons Overrides
   Trava botões nativos e forçam aparência de Status
----------------------------------------------------------------------------- */
.lmga-button-blocked {
    background-color: #dc3232 !important;
    border-color: #dc3232 !important;
    color: #fff !important;
    cursor: not-allowed !important;
    pointer-events: none;
}

.lmga-button-expired {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
    cursor: not-allowed !important;
    pointer-events: none;
}

/* 5. Novo Botão de Compra Substituído (Já Comprado)
----------------------------------------------------------------------------- */
.lmga-owned-btn {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.75 !important;
    text-align: center;
}

/* Estilos que antes ficavam no PHP. @since 1.3.14 */
.masterstudy-alert.lmga-alert { margin-bottom: 16px; }
.masterstudy-button__title i.lmga-btn-icon { margin-right: 5px; }

/* Botão "Regularizar pagamento" no aviso de bloqueio por pagamento da página do curso. @since 4.2.0 */
.lmga-course-notice .lmga-course-notice__link {
	display: inline-block;
	margin-left: 8px;
	padding: 4px 12px;
	border-radius: 6px;
	background: #6149e7;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}
.lmga-course-notice .lmga-course-notice__link:hover,
.lmga-course-notice .lmga-course-notice__link:focus {
	background: #4f39cf;
	color: #fff;
}