/**
 * Sửa lỗi hiển thị trên thiết bị di động
 * File này sẽ đảm bảo các phần tử UI quan trọng luôn hiển thị đúng
 */

/* Đảm bảo nút toggle sidebar luôn hiển thị */
.sidebar-toggle {
  display: flex !important;
  position: fixed !important;
  z-index: 9999 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Mobile Responsive */
@media (max-width: 992px) {
  .sidebar-toggle {
    top: 15px !important;
    left: 15px !important;
    width: 40px !important;
    height: 40px !important;
  }
}

/* Small Mobile Responsive */
@media (max-width: 480px) {
  .sidebar-toggle {
    top: 10px !important;
    left: 10px !important;
    width: 35px !important;
    height: 35px !important;
  }
}

/* Extremely Small Mobile Responsive */
@media (max-width: 380px) {
  .sidebar-toggle {
    top: 8px !important;
    left: 8px !important;
    width: 32px !important;
    height: 32px !important;
  }
}

/* Fix z-index issues */
.sidebar {
  z-index: 9990 !important;
}

.sidebar-overlay {
  z-index: 9980 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Đảm bảo sidebar overlay hoạt động đúng cách */
.sidebar-overlay.active {
  display: block !important;
  opacity: 1 !important;
}

/* Sửa lỗi hiển thị khi sidebar mở */
body.menu-open {
  overflow: hidden;
}

/* Đảm bảo menu items clickable trên mobile */
@media (max-width: 768px) {
  .sidebar-menu a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    min-height: 48px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(242, 101, 34, 0.3) !important;
  }
  
  .sidebar-social a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    min-width: 48px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(242, 101, 34, 0.3) !important;
  }
}