/* Mobile Header Fix - Đảm bảo navigation ẩn trên mobile */

/* Ẩn hoàn toàn navigation trên mobile */
@media (max-width: 980px) {
  .tv-header .tv-nav,
  .tv-header .tv-nav *,
  .tv-header .tv-nav__link,
  .tv-header .tv-nav__more,
  .tv-header .tv-nav__more-btn,
  .tv-header .tv-dropdown {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
  }
  
  /* Ẩn logo ở giữa trên mobile */
  .tv-header .tv-logo-center {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  /* Đảm bảo hamburger menu hiển thị */
  .tv-header .tv-hamburger {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 40px !important;
    height: 40px !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }
  
  /* Ẩn search input trên mobile */
  .tv-header .tv-search input {
    width: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
  }
  
  /* Thu nhỏ search box trên mobile */
  .tv-header .tv-search {
    min-width: 36px !important;
    padding: 6px !important;
  }
}

/* Mobile nhỏ hơn */
@media (max-width: 768px) {
  .tv-header .tv-nav,
  .tv-header .tv-nav *,
  .tv-header .tv-nav__link,
  .tv-header .tv-nav__more,
  .tv-header .tv-nav__more-btn,
  .tv-header .tv-dropdown {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
  }
  
  /* Logo center vẫn hiển thị trên mobile nhỏ */
  .tv-header .tv-logo-center {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 1 !important;
    justify-content: center !important;
  }
  
  .tv-header .tv-logo-text {
    font-size: 14px !important;
  }
  
  .tv-header .tv-logo-img {
    width: 24px !important;
    height: 24px !important;
  }
  
  /* Đảm bảo hamburger menu hiển thị */
  .tv-header .tv-hamburger {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 36px !important;
    height: 36px !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex-shrink: 0 !important;
  }
  
  /* Đảm bảo actions hiển thị */
  .tv-header .tv-actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
  }
  
  /* Thu nhỏ header trên mobile */
  .tv-header .tv-header__inner {
    padding: 0 12px !important;
    gap: 8px !important;
  }
  
  /* Ẩn brand name trên mobile */
  .tv-header .tv-brand__name {
    display: none !important;
  }
  
  /* Thu nhỏ actions trên mobile */
  .tv-header .tv-actions {
    gap: 6px !important;
  }
  
  /* Thu nhỏ buttons trên mobile */
  .tv-header .tv-btn {
    padding: 6px 12px !important;
    font-size: 13px !important;
  }
}

/* Mobile rất nhỏ */
@media (max-width: 480px) {
  .tv-header .tv-header__inner {
    padding: 6px 8px !important;
    gap: 6px !important;
  }
  
  /* Ẩn logo ở giữa trên mobile rất nhỏ */
  .tv-header .tv-logo-center {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  .tv-header .tv-search {
    min-width: 32px !important;
    padding: 4px !important;
  }
  
  .tv-header .tv-actions {
    gap: 4px !important;
  }
  
  .tv-header .tv-btn {
    padding: 4px 8px !important;
    font-size: 12px !important;
  }
}