/* Import module styles */
@import url('modules/blog-cards.css');
@import url('modules/posts-cards.css');
@import url('modules/carousel-gallery.css');
@import url('modules/header.css'); /* Import header styles */
@import url('modules/kai-category.css'); /* Import kai-category styles */

/* Main styles */

    body {
      font-family: var(--font-family);
      font-size: var(--content-font-size);
      font-weight: var(--content-font-weight);
      color: var(--content-color);
      background-color: var(--bg-main);
      min-height: 100vh;
    }
    .container, .container-fluid {
      box-shadow: none;
    }

    .kai-main-content{
      width: 1200px;
      margin: 0 auto;
    }
    
/* Sidebar admin cố định */
.sidebar {
  min-height: 100vh;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1030;
  border-right: 1px solid var(--border-color); /* Use border color */
  box-shadow: 2px 0 8px rgba(0,0,0,0.04);
  width: 220px;
  padding-top: 56px; /* Để tránh đè lên header */
  background: var(--bg-content); /* Use content background color */
  color: var(--content-color); /* Use content text color */
}

/* Add your other main styles here */
.cml-heading-h2{
    font-family: var(--font-family);
    font-size: var(--heading-font-size);
    font-weight: var(--heading-font-weight);
    color: var(--heading-color);
    text-align: center;
}

/* Để phần nội dung không bị che bởi sidebar */
@media (min-width: 768px) {
  .admin-main-content {
    margin-left: 220px;
  }
}

/* ===========================================
   CSS CHO TRANG CỤ THỂ - THÊM VÀO ĐÂY
   =========================================== */

/* Thêm CSS cho trang cụ thể vào đây */