/* Fix overlap with Drupal Admin Toolbar */
body.toolbar-horizontal .slidebar {
    top: 39px !important;
    height: calc(100% - 39px) !important;
}
body.toolbar-horizontal.toolbar-tray-open .slidebar {
    top: 79px !important;
    height: calc(100% - 79px) !important;
}
body.toolbar-horizontal .header-top {
    top: 39px !important;
}
body.toolbar-horizontal.toolbar-tray-open .header-top {
    top: 79px !important;
}

/* Force slidebar down for admin toolbar, covering all possible toolbar classes */
body.toolbar-fixed .slidebar,
body.toolbar-horizontal .slidebar,
body.uid-1 .slidebar {
    top: 39px !important;
    height: calc(100% - 39px) !important;
}
body.toolbar-tray-open.toolbar-horizontal .slidebar,
body.toolbar-tray-open.toolbar-fixed .slidebar {
    top: 59px !important;
    height: calc(100% - 79px) !important;
}

/* ===== TRANG CHỦ: Ẩn header, padding-top 20px, KPI 4 block dàn ngang ===== */

/* Ẩn header ở trang chủ để KPI blocks đẩy lên trên */
body.path-frontpage header.content-header {
    display: none !important;
}

/* Padding top cho vùng nội dung trang chủ */
body.path-frontpage main.page-content {
    padding-top: 20px !important;
}

/* Vùng region-content trang chủ dùng flex để dàn ngang */
body.path-frontpage .region.region-content {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: stretch !important;
    padding: 0 !important;
}

/* 4 block KPI chiếm đều nhau trên 1 hàng */
body.path-frontpage #block-vtranet-views-block--liendoan-thongke-donvi-block-1,
body.path-frontpage #block-vtranet-views-block--liendoan-thongke-donvi-block-2,
body.path-frontpage #block-vtranet-views-block--liendoan-thongke-donvi-block-3,
body.path-frontpage #block-vtranet-views-block--liendoan-thongke-donvi-block-4 {
    flex: 1 1 0 !important;
    min-width: 180px !important;
    box-sizing: border-box !important;
}

/* Tất cả block khác chiếm full width */
body.path-frontpage .region.region-content > div:not(
    #block-vtranet-views-block--liendoan-thongke-donvi-block-1,
    #block-vtranet-views-block--liendoan-thongke-donvi-block-2,
    #block-vtranet-views-block--liendoan-thongke-donvi-block-3,
    #block-vtranet-views-block--liendoan-thongke-donvi-block-4
) {
    flex: 0 0 100% !important;
    width: 100% !important;
}

/* ===== DEBUG: FORCE KPI FLEX LAYOUT ===== */
/* Nhắm vào view class thay vì block ID */
body.path-frontpage .view-liendoan-thongke-donvi {
    /* không có gì ở đây */
}

/* Nhắm vào wrapper của region content trang chủ, dùng !important tối đa */
body.path-frontpage .region-content {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Nhắm vào các block KPI theo class của view, không dùng ID */
body.path-frontpage .region-content > [id*="liendoan-thongke-donvi"] {
    -webkit-flex: 1 1 0 !important;
    flex: 1 1 0 !important;
    min-width: 160px !important;
    max-width: calc(25% - 12px) !important;
    box-sizing: border-box !important;
}

/* Block không phải KPI thì full width */
body.path-frontpage .region-content > div:not([id*="liendoan-thongke-donvi"]) {
    -webkit-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
}

/* ===== CHIA ĐÔI 50-50 CÁC BLOCK DANH SÁCH & THÔNG BÁO Ở TRANG CHỦ ===== */
body.path-frontpage .region-content > div.views-element-container:not([id*="liendoan-thongke-donvi"]) {
    -webkit-flex: 1 1 calc(50% - 10px) !important;
    flex: 1 1 calc(50% - 10px) !important;
    min-width: 300px !important;
    max-width: calc(50% - 8px) !important;
    box-sizing: border-box !important;
}


/* ===== TRANG CHỦ: Đảm bảo header-top và navbar-collapse hiển thị đúng ===== */
/* Chỉ giữ các override cần thiết, KHÔNG override width/margin-left để
   tránh che khuất slidebar bên trái. header-top.css đã định nghĩa đúng
   width: calc(100% - 264px) và margin-left: 264px. */

body.path-frontpage .header-top {
    z-index: 499 !important;
}

body.path-frontpage .header-top .navbar-collapse {
    visibility: visible !important;
    display: flex !important;
    flex: 1 !important;
    justify-content: flex-end !important;
}

body.path-frontpage #header-right .ml-auto {
    display: flex !important;
    margin-left: auto !important;
    flex-direction: row !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
}

body.path-frontpage #header-right .ml-auto > li {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
}

/* Fix login/user forms button positioning */
body.path-user .form-actions,
#user-login-form .form-actions,
#user-pass .form-actions,
#user-register-form .form-actions {
    position: relative !important;
    padding: 20px 0 0 0 !important;
    background: transparent !important;
    border: none !important;
    display: flex;
    justify-content: flex-start;
}