.headerBgColor{
    background-color: #101010  !important;
}

/*BS'de default olarak nav-link classı yer alır. Bu classın üzerine yazılması gereken stiller için kullanıldı*/
.nav-link {
  color: white !important;
  font-size: 16px !important;
  font-weight: bolder;
}
/*end*/

.nav-link:hover {
    color: #fa9628 !important;
  }

  /*Arama formu*/
/*form-inline hem desktop hem mobile de kullanılır*/
.form-inline {
    display: flex;
    align-items: center;
  }
  
  .search-icon {
    color: orange;
    position: absolute;
    margin-left: 10px;
  }
  
  .search-input {
    padding-left: 30px;
    background-color: #39404a;
    border: none;
    border-radius: 8px;
  }
  
  .search-input::placeholder {
    color: white;
  }
  /*end*/

/*Şube sayısı sayaç tasarımı*/
.branches-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #39404a;
    border-radius: 8px;
    padding: 5px;
  }
  
  .branch-info {
    text-align: center;
    padding: 5px;
    /* Sağ paddingi artır */
    width: 75px;
    background-color: #5C5C5C;
    border-radius: 10px;
    margin-left: 8px;
    margin-right: 8px;
  }
  
  .branch-info:hover {
    cursor: pointer;
  
  }
  
  .branch-number {
    color: #fa9628;
    /* "275" ifadesinin font rengini ayarlar */
    font-size: 21px;
  }
  /*end*/  

  .btnSiparisHatti{
    background-color: #fa9628;
    color:white !important;
  }

  .btnOnlineSiparis{
    background-color: #cc021b;
    color:white !important;
  }

  .btnHeaderLarge{
    background-color: #585858;
    color:white !important;
  }

  .phoneIconSvgColor{
    fill:white !important;
  }

  .orderIconSvgColor{
    fill:white !important;
  }

  .cartIconSvgColor{
    fill:white !important;
  }

  .profileIconSvgColor{
    fill:white !important;
  }