
/* ============================================================
   BREADCRUMB GLOBAL - PADRÃO CLIMÁTIKO
============================================================ */

.breadcrumb-global-climatiko,
.breadcrumb-padrao-global,
.oc4-breadcrumb{

  min-height:24px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:flex-end !important;

  gap:8px !important;

  margin:
    0
    0
    14px
    0 !important;

  padding:0 !important;

  color:#697586 !important;

  font-family:inherit !important;

  font-size:11px !important;

  line-height:1.4 !important;

}


/* ============================================================
   LINKS
============================================================ */

.breadcrumb-padrao-global
.bcg-link,

.breadcrumb-global-climatiko
.bcg-link,

.oc4-breadcrumb
.oc4-breadcrumb-link{

  min-width:0 !important;

  min-height:0 !important;

  height:auto !important;

  padding:2px 0 !important;

  margin:0 !important;

  border:0 !important;

  border-radius:0 !important;

  background:transparent !important;

  color:#697586 !important;

  font-family:inherit !important;

  font-size:11px !important;

  font-weight:400 !important;

  line-height:1.4 !important;

  text-decoration:none !important;

  cursor:pointer !important;

  box-shadow:none !important;

}


/* HOVER */

.breadcrumb-padrao-global
.bcg-link:hover,

.breadcrumb-global-climatiko
.bcg-link:hover,

.oc4-breadcrumb
.oc4-breadcrumb-link:hover{

  color:#102235 !important;

  text-decoration:underline !important;

}


/* ============================================================
   SEPARADOR
============================================================ */

.breadcrumb-padrao-global
.bcg-separator,

.breadcrumb-global-climatiko
.bcg-separator,

.oc4-breadcrumb > span{

  color:#98a2b3 !important;

  font-size:11px !important;

  font-weight:400 !important;

}


/* ============================================================
   PÁGINA ATUAL
============================================================ */

.breadcrumb-padrao-global
.bcg-current,

.breadcrumb-global-climatiko
.bcg-current,

.oc4-breadcrumb > strong{

  color:#344054 !important;

  font-size:11px !important;

  font-weight:700 !important;

  white-space:nowrap;

}


/* ============================================================
   NÃO DEIXA OUTROS CSS DIMINUIREM O BREADCRUMB
============================================================ */

.page.active
.breadcrumb-global-climatiko,

.page.active
.breadcrumb-global-climatiko *,

.page.active
.breadcrumb-padrao-global,

.page.active
.breadcrumb-padrao-global *,

#page-orcamentos-v4.active
.oc4-breadcrumb,

#page-orcamentos-v4.active
.oc4-breadcrumb *{

  font-family:inherit;

}


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

@media(max-width:800px){

  .breadcrumb-global-climatiko,
  .breadcrumb-padrao-global,
  .oc4-breadcrumb{

    justify-content:flex-start !important;

    overflow-x:auto;

    white-space:nowrap;

  }

}



/* ============================================================
   AJUSTE FINAL DO BREADCRUMB GLOBAL
============================================================ */

.breadcrumb-padrao-global{
  white-space:nowrap !important;
}


/*
  Mantém a aparência limpa e uniforme.
*/

.breadcrumb-padrao-global .bcg-link,
.breadcrumb-padrao-global .bcg-current,
.breadcrumb-padrao-global .bcg-separator{
  vertical-align:middle !important;
}




/* ============================================================
   AJUSTE FINAL DO BREADCRUMB GLOBAL
============================================================ */

.breadcrumb-padrao-global{
  white-space:nowrap !important;
}


/*
  Mantém a aparência limpa e uniforme.
*/

.breadcrumb-padrao-global .bcg-link,
.breadcrumb-padrao-global .bcg-current,
.breadcrumb-padrao-global .bcg-separator{
  vertical-align:middle !important;
}


