/**
 * Logo Mobile CSS
 * Header'daki logo için mobile çözünürlük stilleri
 */

/* Mobile çözünürlüklerde logo genişliği yüzdelik */

.main__content{
  background: #070e2a !important;
}
.bahiso-new-center{
background: none !important;
}
.kush{
background: none !important;
  
}


@media (max-width: 768px) {
  .header__content {
    justify-content: space-between !important;

}
  .header__signin {
   
    padding-right: 10px;
}
  .header--logged .header__logo {
    width: 18% !important;
    max-width: 100px;
    min-width: 80px;
  }
  .header__actions {
    gap: 5px;
}
 
  #correction-button {
        display: flex !important;
        /* flex-direction: column; */
        padding: 2px 2px;
        border-radius: 4px;
        font-size: 10px;
        align-items: center;
        gap: 1px;
        position: absolute;
        bottom: 0;
        flex-direction: row !important;
        gap: 5px !important;
        left: 35%;
        right: 35%;
    }
  .header__action {
    border-radius: 4px;
}
  
}

/* Tablet ve küçük ekranlar için de aynı ayar */
@media (max-width: 992px) {
  .header__content {
      justify-content: space-between !important;

}

  .header__signin {
   
    padding-right: 10px;
}
  .header--logged .header__logo {
    width: 22% !important;
    max-width: 120px;
    min-width: 90px;
  }
  .header__actions {
    gap: 2px;
}
 
  #correction-button {
        display: flex !important;
        /* flex-direction: column; */
        padding: 2px 2px;
        border-radius: 4px;
        font-size: 10px;
        align-items: center;
        gap: 1px;
        position: absolute;
        bottom: 0;
        flex-direction: row !important;
        gap: 5px !important;
        left: 35%;
        right: 35%;
    }

  .header__action {
    border-radius: 4px;
}
}

/* Küçük laptop ve tablet landscape için */
@media (max-width: 1024px) {
  
  .header--logged .header__logo {
    width: 25% !important;
    max-width: 140px;
    min-width: 100px;
  }
  .header__actions {
    gap: 2px;
  }
 
  #correction-button {
    display: flex !important;
    flex-direction: column;
    padding: 2px 2px;
    border-radius: 4px;
    font-size: 10px;
    align-items: center;
    gap: 1px;
  }

  .header__action {
    border-radius: 4px;
  }
}

/* Orta boyut ekranlar için */
@media (max-width: 1200px) {
  .header--logged .header__logo {
    width: 28% !important;
    max-width: 160px;
    min-width: 110px;
  }
  .header__actions {
    gap: 2px;
  }
 
  #correction-button {
    display: flex !important;
    flex-direction: column;
    padding: 2px 2px;
    border-radius: 4px;
    font-size: 10px;
    align-items: center;
    gap: 1px;
  }

  .header__action {
    border-radius: 4px;
  }
}