.elementor-850 .elementor-element.elementor-element-c8015c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-850 .elementor-element.elementor-element-82281b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-850 .elementor-element.elementor-element-55a94d7{--grid-columns:1;--grid-column-gap:0px;}.elementor-850 .elementor-element.elementor-element-c37826f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-850 .elementor-element.elementor-element-a46740b{--grid-columns:1;--grid-column-gap:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-850 .elementor-element.elementor-element-55a94d7{--grid-columns:2;}.elementor-850 .elementor-element.elementor-element-a46740b{--grid-columns:2;}}@media(max-width:767px){.elementor-850 .elementor-element.elementor-element-55a94d7{--grid-columns:1;}.elementor-850 .elementor-element.elementor-element-a46740b{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-82281b7 *//* ====== Làm gọn khoảng cách tổng ====== */
.docs-grid .elementor-loop-container{
  row-gap: 0 !important;                 /* bỏ khoảng cách mặc định giữa item */
}
.docs-grid .elementor-loop-item{
  margin: 0 !important;                  /* nhiều theme thêm margin dưới mỗi item */
}
.doc-row.elementor-section{ padding:0 !important; }

/* Header 3 cột – giữ gọn */
.doc-head{
  display:grid;
  grid-template-columns: 60px 1fr 120px;
  align-items:center;
  background:#f2f5ec;
  font-weight:700; color:#233026;
  padding:8px 14px;                      /* ↓ nhỏ hơn */
  border-bottom:1px solid #e0e5d8;
}

/* Hàng – compact */
.doc-row{
  display:grid;
  grid-template-columns: 60px 1fr 120px;
  align-items:center;
  padding:8px 14px;                      /* ↓ nhỏ hơn */
  border-bottom:1px solid #edf0e6;
}
.doc-row:nth-child(even){ background:#fafcf7; }
.doc-row:hover{ background:#f5f9ef; }

/* STT */
.doc-stt,
.doc-row .elementor-shortcode{
  text-align:center; font-weight:600; color:#4b5c3b;
}

/* Tiêu đề (để chừa chỗ cho icon) */
.doc-title a{
  position:relative; display:inline-flex; align-items:center; gap:10px;
  color:#4b5c3b; font-weight:600; font-size:16px; line-height:1.35; text-decoration:none;
}
.doc-title a:hover{ color:#7fa33a; }

/* Nút tải – compact */
.doc-download .elementor-button{
  display:inline-flex; justify-content:center; align-items:center;
  padding:6px 12px; min-width:96px; height:auto; line-height:1.2;
  background:#8BAA3D; color:#fff; font-weight:700; border-radius:8px;
  box-shadow:0 3px 8px rgba(139,170,61,.18);
}
.doc-download .elementor-button:hover{ background:#6f8e28; }

/* Khoảng cách giữa các nhóm (nếu có nhiều Loop Grid trên 1 trang) */
.doc-group + .doc-group{ margin-top:14px; }

/* Mobile */
@media (max-width:768px){
  .doc-head{ display:none; }
  .doc-row{ grid-template-columns:1fr; gap:6px; padding:10px 12px; }
  .doc-stt{ text-align:left; font-size:14px; }
  .doc-download .elementor-button{ width:100%; }
}
/* Base: chừa icon bên trái tiêu đề */
.doc-title a::before{
  content:"";
  width:18px; height:22px;
  flex: 0 0 18px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.05));
}

/* ====== PDF ====== */
.doc-title a[href$=".pdf"]::before,
.doc-title a[href*=".pdf?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23e6492d' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='4' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>PDF</text></svg>");
}

/* ====== Word ====== */
.doc-title a[href$=".doc"]::before,
.doc-title a[href$=".docx"]::before,
.doc-title a[href*=".doc?"]::before,
.doc-title a[href*=".docx?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23377ad3' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='3.5' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>W</text></svg>");
}

/* ====== Excel ====== */
.doc-title a[href$=".xls"]::before,
.doc-title a[href$=".xlsx"]::before,
.doc-title a[href*=".xls?"]::before,
.doc-title a[href*=".xlsx?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%230f8a2d' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='3.5' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>X</text></svg>");
}

/* ====== PowerPoint ====== */
.doc-title a[href$=".ppt"]::before,
.doc-title a[href$=".pptx"]::before,
.doc-title a[href*=".ppt?"]::before,
.doc-title a[href*=".pptx?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23d8622b' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='3.5' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>P</text></svg>");
}

/* ====== Ảnh (png/jpg/jpeg) ====== */
.doc-title a[href$=".png"]::before,
.doc-title a[href$=".jpg"]::before,
.doc-title a[href$=".jpeg"]::before,
.doc-title a[href*=".png?"]::before,
.doc-title a[href*=".jpg?"]::before,
.doc-title a[href*=".jpeg?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23755fb3' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><circle cx='6' cy='9' r='1.5' fill='%23fff'/><path d='M3 15l3-3 2 2 2-2 3 3' stroke='%23fff' stroke-width='1.2' fill='none'/></svg>");
}

/* ====== Zip/Rar ====== */
.doc-title a[href$=".zip"]::before,
.doc-title a[href$=".rar"]::before,
.doc-title a[href*=".zip?"]::before,
.doc-title a[href*=".rar?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23808c98' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='3' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>ZIP</text></svg>");
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c37826f *//* ====== Làm gọn khoảng cách tổng ====== */
.docs-grid .elementor-loop-container{
  row-gap: 0 !important;                 /* bỏ khoảng cách mặc định giữa item */
}
.docs-grid .elementor-loop-item{
  margin: 0 !important;                  /* nhiều theme thêm margin dưới mỗi item */
}
.doc-row.elementor-section{ padding:0 !important; }

/* Header 3 cột – giữ gọn */
.doc-head{
  display:grid;
  grid-template-columns: 60px 1fr 120px;
  align-items:center;
  background:#f2f5ec;
  font-weight:700; color:#233026;
  padding:8px 14px;                      /* ↓ nhỏ hơn */
  border-bottom:1px solid #e0e5d8;
}

/* Hàng – compact */
.doc-row{
  display:grid;
  grid-template-columns: 60px 1fr 120px;
  align-items:center;
  padding:8px 14px;                      /* ↓ nhỏ hơn */
  border-bottom:1px solid #edf0e6;
}
.doc-row:nth-child(even){ background:#fafcf7; }
.doc-row:hover{ background:#f5f9ef; }

/* STT */
.doc-stt,
.doc-row .elementor-shortcode{
  text-align:center; font-weight:600; color:#4b5c3b;
}

/* Tiêu đề (để chừa chỗ cho icon) */
.doc-title a{
  position:relative; display:inline-flex; align-items:center; gap:10px;
  color:#4b5c3b; font-weight:600; font-size:16px; line-height:1.35; text-decoration:none;
}
.doc-title a:hover{ color:#7fa33a; }

/* Nút tải – compact */
.doc-download .elementor-button{
  display:inline-flex; justify-content:center; align-items:center;
  padding:6px 12px; min-width:96px; height:auto; line-height:1.2;
  background:#8BAA3D; color:#fff; font-weight:700; border-radius:8px;
  box-shadow:0 3px 8px rgba(139,170,61,.18);
}
.doc-download .elementor-button:hover{ background:#6f8e28; }

/* Khoảng cách giữa các nhóm (nếu có nhiều Loop Grid trên 1 trang) */
.doc-group + .doc-group{ margin-top:14px; }

/* Mobile */
@media (max-width:768px){
  .doc-head{ display:none; }
  .doc-row{ grid-template-columns:1fr; gap:6px; padding:10px 12px; }
  .doc-stt{ text-align:left; font-size:14px; }
  .doc-download .elementor-button{ width:100%; }
}
/* Base: chừa icon bên trái tiêu đề */
.doc-title a::before{
  content:"";
  width:18px; height:22px;
  flex: 0 0 18px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.05));
}

/* ====== PDF ====== */
.doc-title a[href$=".pdf"]::before,
.doc-title a[href*=".pdf?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23e6492d' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='4' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>PDF</text></svg>");
}

/* ====== Word ====== */
.doc-title a[href$=".doc"]::before,
.doc-title a[href$=".docx"]::before,
.doc-title a[href*=".doc?"]::before,
.doc-title a[href*=".docx?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23377ad3' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='3.5' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>W</text></svg>");
}

/* ====== Excel ====== */
.doc-title a[href$=".xls"]::before,
.doc-title a[href$=".xlsx"]::before,
.doc-title a[href*=".xls?"]::before,
.doc-title a[href*=".xlsx?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%230f8a2d' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='3.5' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>X</text></svg>");
}

/* ====== PowerPoint ====== */
.doc-title a[href$=".ppt"]::before,
.doc-title a[href$=".pptx"]::before,
.doc-title a[href*=".ppt?"]::before,
.doc-title a[href*=".pptx?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23d8622b' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='3.5' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>P</text></svg>");
}

/* ====== Ảnh (png/jpg/jpeg) ====== */
.doc-title a[href$=".png"]::before,
.doc-title a[href$=".jpg"]::before,
.doc-title a[href$=".jpeg"]::before,
.doc-title a[href*=".png?"]::before,
.doc-title a[href*=".jpg?"]::before,
.doc-title a[href*=".jpeg?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23755fb3' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><circle cx='6' cy='9' r='1.5' fill='%23fff'/><path d='M3 15l3-3 2 2 2-2 3 3' stroke='%23fff' stroke-width='1.2' fill='none'/></svg>");
}

/* ====== Zip/Rar ====== */
.doc-title a[href$=".zip"]::before,
.doc-title a[href$=".rar"]::before,
.doc-title a[href*=".zip?"]::before,
.doc-title a[href*=".rar?"]::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'><path fill='%23808c98' d='M2 0h8l6 6v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2A2 2 0 0 1 2 0z'/><path fill='%23fff' d='M10 0v6h6'/><text x='3' y='16' font-family='Arial' font-size='7' font-weight='700' fill='%23fff'>ZIP</text></svg>");
}/* End custom CSS */