/* ==========================================================
   LicitaAI.club
   global.css
   Estilos Globais
   Versão: 1.0
========================================================== */


/*==========================================================
  HTML
==========================================================*/

html{
    font-size:16px;
    scroll-behavior:smooth;
}


/*==========================================================
  BODY
==========================================================*/

body{

    font-family:var(--font-family);

    font-size:var(--font-size-md);

    font-weight:var(--font-weight-normal);

    color:var(--text-primary);

    background:var(--bg-body);

    line-height:1.6;

    overflow-x:hidden;

}


/*==========================================================
  SELEÇÃO DE TEXTO
==========================================================*/

::selection{

    background:var(--color-primary);

    color:var(--color-white);

}


/*==========================================================
  SCROLLBAR
==========================================================*/

::-webkit-scrollbar{

    width:10px;

    height:10px;

}

::-webkit-scrollbar-track{

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

}

::-webkit-scrollbar-thumb{

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

    border-radius:999px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--color-primary);

}


/*==========================================================
  IMAGENS
==========================================================*/

img{

    max-width:100%;

    height:auto;

}


/*==========================================================
  SVG
==========================================================*/

svg{

    display:block;

}


/*==========================================================
  BOTÕES
==========================================================*/

button{

    transition:var(--transition-fast);

}


/*==========================================================
  INPUTS
==========================================================*/

input,
textarea,
select{

    transition:var(--transition-fast);

}


/*==========================================================
  FOCUS
==========================================================*/

:focus-visible{

    outline:3px solid var(--color-primary-light);

    outline-offset:2px;

}


/*==========================================================
  PLACEHOLDER
==========================================================*/

::placeholder{

    color:var(--color-gray-400);

}


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

.container{

    width:min(100% - 2rem, var(--container-width));

    margin-inline:auto;

}


/*==========================================================
  SECTION
==========================================================*/

section{

    padding-block:var(--space-9);

}


/*==========================================================
  MAIN
==========================================================*/

main{

    min-height:100vh;

}


/*==========================================================
  HR
==========================================================*/

hr{

    border:none;

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

}


/*==========================================================
  IFRAME
==========================================================*/

iframe{

    border:0;

}


/*==========================================================
  DESABILITADOS
==========================================================*/

:disabled{

    cursor:not-allowed;

    opacity:.6;

}


/*==========================================================
  UTILITÁRIOS GLOBAIS
==========================================================*/

.hidden{

    display:none !important;

}

.invisible{

    visibility:hidden;

}

.visible{

    visibility:visible;

}