/*==========================================================
LicitaAI.club

Arquivo:
toast.css

Versão:
1.0.0

Última atualização:
16/07/2026

Descrição:
Biblioteca oficial de Toasts.

==========================================================*/


/*==========================================================
CONTAINER
==========================================================*/

.toast-container{

    position:fixed;

    top:24px;

    right:24px;

    display:flex;

    flex-direction:column;

    gap:12px;

    z-index:var(--z-tooltip);

}


/*==========================================================
TOAST
==========================================================*/

.toast{

    display:flex;

    align-items:flex-start;

    gap:16px;

    min-width:320px;

    max-width:420px;

    padding:18px 20px;

    background:var(--color-white);

    border:1px solid var(--border-color);

    border-radius:16px;

    box-shadow:var(--shadow-lg);

    animation:toastIn .25s ease;

}


/*==========================================================
ICONE
==========================================================*/

.toast-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:40px;

    height:40px;

    border-radius:12px;

    background:var(--color-gray-100);

}


/*==========================================================
CONTENT
==========================================================*/

.toast-content{

    flex:1;

}

.toast-title{

    font-weight:700;

    margin-bottom:4px;

}

.toast-message{

    font-size:.875rem;

    color:var(--text-secondary);

}


/*==========================================================
BOTÃO FECHAR
==========================================================*/

.toast-close{

    cursor:pointer;

}


/*==========================================================
VARIAÇÕES
==========================================================*/

.toast-success{

    border-left:4px solid var(--color-success);

}

.toast-warning{

    border-left:4px solid var(--color-warning);

}

.toast-danger{

    border-left:4px solid var(--color-danger);

}

.toast-info{

    border-left:4px solid var(--color-info);

}


/*==========================================================
ANIMAÇÃO
==========================================================*/

@keyframes toastIn{

    from{

        opacity:0;

        transform:translateX(40px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}


/*==========================================================
RESPONSIVO
==========================================================*/

@media(max-width:768px){

.toast-container{

    left:16px;

    right:16px;

    top:16px;

}

.toast{

    min-width:100%;

}

}