/* ==============================================================================
 * 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;
}