/* Logo Consistency CSS - Đảm bảo logo size nhất quán trên tất cả trang */

/* Desktop (992px and up) */
@media (min-width: 992px) {
  .navbar .navbar-brand img {
    height: 50px !important;
    max-width: 200px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Large Desktop (1200px and up) */
@media (min-width: 1200px) {
  .navbar .navbar-brand img {
    height: 55px !important;
    max-width: 220px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .navbar .navbar-brand img {
    height: 45px !important;
    max-width: 160px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Small Tablet (576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar .navbar-brand img {
    height: 40px !important;
    max-width: 140px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Mobile (575px and down) */
@media (max-width: 575.98px) {
  .navbar .navbar-brand img {
    height: 35px !important;
    max-width: 120px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Very Small Mobile (375px and down) */
@media (max-width: 375px) {
  .navbar .navbar-brand img {
    height: 30px !important;
    max-width: 100px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Landscape Mobile */
@media (max-width: 767.98px) and (orientation: landscape) {
  .navbar .navbar-brand img {
    height: 40px !important;
    max-width: 140px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Force override for all navbar brand images */
.navbar .navbar-brand img {
  height: 50px !important;
  max-width: 200px !important;
  width: auto !important;
  object-fit: contain !important;
  margin-right: 0 !important;
} 