/* -------------------------------- 

ALERTAS (SISTEMA E INFORMACIONAL)

-------------------------------- */

.alert {
    --alert-border-radius: var(--ifht-sys-raio-borda-md);
    --alert-border-width: var(--ifht-sys-espessura-borda-xs);
    --alert-title-size: var(--ifht-sys-h6);
    --alert-text-size:var(--ifht-ref-escala-9);
    --alert-padding:var(--ifht-sys-spacing-lg);   


    border-radius: var(--alert-border-radius);
    border-width: var(--alert-border-width);
    /* display: flex; 
    justify-content: space-between;*/
    display:block;
    align-items: center;
    padding: var(--alert-padding);
    margin-bottom: var(--ifht-sys-spacing-lg);
}

.alert .alert__block {
    display: flex;
    flex-direction: row;
    gap: var(--ifht-sys-spacing-sm);
}

.alert .alert__block::before {
    content:"";
    font-size: var(--ifht-sys-h5);
}

.alert .alert__title {
    font-family:var(--ifht-sys-txt-familia-titulo);
    font-size: var(--alert-title-size);
    display:block;
}

.alert .alert__text {
    font-size: var(--alert-text-size);
    display:block;
}

/* Alerta INFO (original do Moodle) */
/* .alert-info {
    color: #00434e;
    background-color: #cce6ea;
    border-color: #b8dce2;
} */

/* Alerta Informativo */
.alert.alert-informative,
.alert.alert-info {
    --alert-informative-background-color: var(--ifht-sys-cor-secundaria-extralight);
    --alert-informative-border-color: var(--ifht-sys-cor-secundaria-light);
    --alert-informative-icon-color: var(--ifht-sys-cor-secundaria-dark);
    --alert-informative-text-color: var(--ifht-sys-cor-secundaria-extradark);
    --alert-informative-title-color: var(--ifht-sys-cor-secundaria-extradark);

    background-color:var(--alert-informative-background-color);
    border-color:var(--alert-informative-border-color);
    color: var(--alert-informative-title-color);
}

.alert.alert-informative .alert__block::before {
    color: var(--alert-informative-icon-color);
    content: "\e8ce";
    font-family: "uicons-regular-straight";
    vertical-align: middle;
}


/* Alerta Sucesso */
.alert.alert-success {
    --alert-success-background-color: var(--ifht-sys-cor-apoio-2-extradark-contrast);
    --alert-success-border-color: var(--ifht-sys-cor-apoio-2-normal);
    --alert-success-icon-color: var(--ifht-sys-cor-apoio-2-extradark);
    --alert-success-text-color: var(--ifht-sys-cor-apoio-2-extradark);
    --alert-success-title-color: var(--ifht-sys-cor-apoio-2-extradark);

    background-color:var(--alert-success-background-color);
    border-color:var(--alert-success-border-color);
    color: var(--alert-success-title-color);
}

.alert.alert-success .alert__block::before  {
    color: var(--alert-success-icon-color);
    content: "\e360";
    font-family: "uicons-regular-straight";
    vertical-align: middle;
}

/* Alerta Aviso */
.alert.alert-warning {
    --alert-warning-background-color: var(--ifht-ref-cor-amarelo-95);
    --alert-warning-border-color: var(--ifht-sys-cor-apoio-3-normal);
    --alert-warning-icon-color: var(--ifht-sys-cor-apoio-3-extradark);
    --alert-warning-text-color: var(--ifht-sys-cor-apoio-3-extradark);
    --alert-warning-title-color: var(--ifht-sys-cor-apoio-3-extradark);

    background-color:var(--alert-warning-background-color);
    border-color:var(--alert-warning-border-color);
    color: var(--alert-warning-title-color);
}

.alert.alert-warning .alert__block::before {
    color: var(--alert-warning-icon-color);
    content: "\f047";
    font-family: "uicons-regular-straight";
    vertical-align: middle;
}

/* Alerta Erro */
.alert.alert-error {
    --alert-error-background-color: var(--ifht-sys-cor-apoio-4-extradark-contrast);
    --alert-error-border-color: var(--ifht-sys-cor-apoio-4-normal);
    --alert-error-icon-color: var(--ifht-sys-cor-apoio-4-extradark);
    --alert-error-text-color: var(--ifht-sys-cor-apoio-4-extradark);
    --alert-error-title-color: var(--ifht-sys-cor-apoio-4-extradark);

    background-color:var(--alert-error-background-color);
    border-color:var(--alert-error-border-color);
    color: var(--alert-error-title-color);
}

.alert.alert-error .alert__block::before {
    color: var(--alert-error-icon-color);
    content: "\efd0";
    font-family: "uicons-regular-straight";
    vertical-align: middle;
}


/* Alert Dismissible */
.alert:not(.alert-dismissible) .alert__button {
    display:none;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit;
}

.alert-dismissible .close {
    top: 0;
}