/* ==========================================================================
   Sơ đồ tổ chức (/so-do-to-chuc/) theo heza.gov.vn — số đo thật từ trình duyệt HEZA (2026-10-13)
   PROD: section tràn ngang, ảnh nền bg-lienhe + lớp phủ #007BB0 78%; H1 30px/600 trắng; thẻ Trưởng ban trắng bo 16px
   (đệm 33/42/65, ảnh 128px); khối 3 cột (30.659% / 39% / 29.647%) chứa 7 thẻ Phó (viền 3px #6EC1E4, bo 16px);
   các đường nối là ảnh nền của khối này (Thiet-ke-chua-co-ten.webp, vị trí 75px -82px); ≤1024px đổi sang line-5.png.
   Nạp khi meta `_heza_page_css` = org-chart (inc/assets-split.php).
   ========================================================================== */
.heza-layout-prod :is(.heza-page-main, .heza-single-kcn-main):has(.heza-org) { padding-top: 0 !important; padding-bottom: 0 !important; }
.wp-site-blocks:has(.heza-org) .heza-footer-portals { margin-top: 0 !important; }
/* khung constrained của WP tự thêm 24px phía trên khối nội dung → khối xanh phải sát thanh menu như PROD */
.heza-layout-prod main:has(.heza-org) > .alignwide { margin-block-start: 0 !important; }

.heza-org {
  position: relative;
  isolation: isolate;
  margin-inline: calc(50% - 50vw) !important;
  padding: 34px 0 0;
  background: url("/wp-content/uploads/2023/06/bg-lienhe-768x341.png") center / cover no-repeat;
  overflow: hidden;
}
.heza-org::before { content: ''; position: absolute; inset: 0; z-index: -1; background: #007BB0; opacity: .78; }
.heza-org__inner { width: 100%; max-width: 1382px; margin-inline: auto; }

.heza-layout-prod .heza-org__title { margin: 0 0 39px; color: #fff; font-family: var(--heza-font__body); font-size: 30px; font-weight: 600; line-height: 30px; text-align: center; text-transform: uppercase; }
.heza-layout-prod .heza-org__title::before { content: none; }

/* Quy tắc ảnh toàn cục (0,5,1) !important → lặp chuỗi :not để thắng */
.heza-layout-prod .heza-org img.heza-org__avatar,
.heza-layout-prod .heza-org .heza-org__avatar img:not(.emoji):not(.wp-smiley):not([width="16"]):not([height="16"]) { display: block; width: 128px !important; max-width: 128px !important; height: 128px !important; margin: 0 auto !important; }
.heza-layout-prod .heza-org .wp-block-image.heza-org__avatar { margin: 0 0 18px !important; }

.heza-org__head { box-sizing: border-box; width: 212px; margin: 0 auto; padding: 33px 42px 65px; border-radius: 16px; background: #fff; text-align: center; }
.heza-org__role, .heza-org__name { margin: 0; color: var(--heza-c-blue); font-family: var(--heza-font__body); font-size: 16px; font-weight: 700; line-height: 30px; text-align: center; }
.heza-org__name { font-size: 14px; line-height: 30px; }

/* Khối chứa 7 thẻ + đường nối (ảnh nền) */
.heza-org__row { display: flex; flex-wrap: nowrap; align-items: stretch; margin-top: -32px; padding-top: 175px; padding-bottom: 15px; background: url("/wp-content/uploads/2025/12/Thiet-ke-chua-co-ten.webp") 75px -82px no-repeat; }
.heza-org__col { box-sizing: border-box; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; min-width: 0; padding-inline: 10px; /* như .elementor-widget-wrap của PROD */ }
.heza-org__col:nth-child(1) { width: 30.659%; }
.heza-org__col:nth-child(2) { width: 39%; }
.heza-org__col:nth-child(3) { width: 29.647%; }
/* khung flow của WP thêm margin-top (blockGap) cho phần tử liền sau → làm thẻ lệch bậc thang */
.heza-org__col, .heza-org__card, .heza-org__col > *, .heza-org__card > * { margin-block-start: 0; }
.heza-org__card { box-sizing: border-box; flex: 0 0 auto; border: 3px solid #6EC1E4; border-radius: 16px; background: #fff; text-align: center; overflow: hidden; }
/* độ rộng thẻ đo trên PROD (khung 1382px): 190 / 162 / 183 */
.heza-org__col:nth-child(1) .heza-org__card { width: 190px; }
.heza-org__col:nth-child(2) .heza-org__card { width: 162px; }
.heza-org__col:nth-child(3) .heza-org__card { width: 183px; }
.heza-org__card .heza-org__role { padding: 0 6px; }
.heza-org__card .heza-org__name { padding: 0 6px 4px; }

/* Màn hình hẹp hơn khung 1382px: thu nhỏ cả khối để các đường nối vẫn trúng thẻ (PROD để lệch) */
@media (max-width: 1421px) { .heza-org__inner { zoom: .9; } }
@media (max-width: 1279px) { .heza-org__inner { zoom: .78; } }
@media (max-width: 1100px) { .heza-org__inner { zoom: .72; } }

/* Tablet/mobile: PROD đổi sang đường dọc line-5.png và xếp các thẻ thành lưới */
@media (max-width: 1024px) {
  .heza-org__inner { zoom: 1; padding-inline: 20px; box-sizing: border-box; }
  .heza-org__row { flex-direction: column; gap: 22px; margin-top: -63px; padding-top: 160px; background: url("/wp-content/uploads/2023/06/line-5.png") 0 0 no-repeat; }
  .heza-org__col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: 100% !important; align-items: stretch; }
  .heza-org__col:nth-child(n) .heza-org__card { width: 100%; }
  .heza-org__col { padding-inline: 0; }
  .heza-org__col:nth-child(2) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .heza-org { padding-bottom: 40px; }
}
@media (max-width: 767px) {
  .heza-layout-prod .heza-org__title { font-size: 26px; }
  .heza-org__col { gap: 14px; }
  .heza-org__row { gap: 14px; }
  .heza-org__inner { padding-inline: 14px; }
}