/* ==========================================================================
   style.css — CSS riêng cho bố cục header/navbar (phần chưa đưa vào
   components.css vì gắn với cấu trúc HTML cụ thể của header.php/navbar.php).
   Toàn bộ màu sắc/kích thước dùng chung đã chuyển sang variables.css,
   base.css, components.css — xem 2 file đó trước khi thêm CSS mới ở đây
   để tránh viết trùng lặp.
   ========================================================================== */

.navbar-custom .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-custom .menu li{
  position: relative;
}

.main{
  margin-left: var(--chieu-rong-sidebar);
  padding: 30px;
}

@media (max-width: 991px){
  .main{ margin-left: 0; padding: 16px; }
}