/* ==========================================================
   CLOUDX HỌC 247 UI - FOOTER v1.11.0
   4 cột đồng đều; typography trở lại phong cách plugin trước.
========================================================== */

html.cflic-custom-footer-rendered .site-footer:not(.cflic-footer),
html.cflic-custom-footer-rendered #colophon:not(.cflic-footer) { display: none !important; }

.cflic-footer-v1100 {
  margin: 0;
  font-family: "Be Vietnam Pro", "Inter", "Segoe UI", Arial, sans-serif;
  color: #e9edf2;
  background: #304257;
  border-top: 0;
  letter-spacing: -0.008em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.cflic-footer-v1100 .cflic-footer-wide {
  width: min(1480px, calc(100% - 72px));
  max-width: 1480px;
  margin: 0 auto;
}

.cflic-footer-v1100 .cflic-footer-main {
  padding: 44px 0 36px;
  background: #304257;
}

.cflic-footer-v1100 .cflic-footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

.cflic-footer-v1100 .cflic-footer-col {
  min-width: 0;
  min-height: 222px;
  padding: 0 38px;
  border-left: 1px solid rgba(235, 240, 245, .16);
}

.cflic-footer-v1100 .cflic-footer-col:first-child { padding-left: 0; border-left: 0; }
.cflic-footer-v1100 .cflic-footer-col:last-child { padding-right: 0; }

.cflic-footer-v1100 .cflic-footer-col h3 {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 11px;
  color: #fff;
  font-size: 15.5px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .005em;
  text-transform: uppercase;
}

.cflic-footer-v1100 .cflic-footer-col h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 34px;
  height: 2px;
  background: #a7b5c6;
}

.cflic-footer-v1100 ul { list-style: none; margin: 0; padding: 0; }
.cflic-footer-v1100 .cflic-footer-col li { margin: 0 0 11px; }

.cflic-footer-v1100 .cflic-footer-col li a {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  color: #dce3ea !important;
  text-decoration: none !important;
  font-size: 14.3px;
  line-height: 1.6;
  font-weight: 500;
  transition: color .16s ease, transform .16s ease;
}
.cflic-footer-v1100 .cflic-footer-col li a:hover { color: #fff !important; transform: translateX(3px); }

.cflic-footer-v1100 .cflic-footer-link-arrow {
  flex: 0 0 auto;
  color: #a9b7c8;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
}

.cflic-footer-v1100 .cflic-footer-social-col p {
  max-width: 340px;
  margin: 0 0 15px;
  color: #c9d2dc;
  font-size: 14.2px;
  line-height: 1.75;
  font-weight: 400;
}

.cflic-footer-v1100 .cflic-footer-social-list { display: grid; gap: 9px; }
.cflic-footer-v1100 .cflic-footer-social-list a {
  min-height: 40px;
  padding: 0;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #eef2f6 !important;
  text-decoration: none !important;
  font-size: 14.2px;
  font-weight: 500;
  transition: opacity .16s ease, transform .16s ease;
}
.cflic-footer-v1100 .cflic-footer-social-list a:hover { opacity: .88; transform: translateX(2px); }
.cflic-footer-v1100 .cflic-footer-social-icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
.cflic-footer-v1100 .cflic-footer-social-icon svg { width: 30px; height: 30px; display: block; }
.cflic-footer-v1100 .cflic-footer-social-list strong { font-weight: 600; }
.cflic-footer-v1100 .cflic-footer-social-list i { color: #a7b4c3; font-size: 12px; font-style: normal; text-align: right; }

.cflic-footer-v1100 .cflic-footer-bottom {
  background: #27394c;
  border-top: 1px solid rgba(234, 239, 244, .14);
}
.cflic-footer-v1100 .cflic-footer-bottom-inner {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #cbd4dd;
  font-size: 13.2px;
  line-height: 1.5;
  font-weight: 500;
}
.cflic-footer-v1100 .cflic-footer-bottom-inner p { margin: 0; }
.cflic-footer-v1100 .cflic-footer-bottom-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 22px; }
.cflic-footer-v1100 .cflic-footer-bottom-links a { color: #d8dfe6 !important; text-decoration: none !important; font-size: 13.2px; font-weight: 500; }
.cflic-footer-v1100 .cflic-footer-bottom-links a:hover { color: #fff !important; }

@media (max-width: 1100px) {
  .cflic-footer-v1100 .cflic-footer-wide { width: calc(100% - 44px); }
  .cflic-footer-v1100 .cflic-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 0; }
  .cflic-footer-v1100 .cflic-footer-col { min-height: 0; padding: 0 26px; }
  .cflic-footer-v1100 .cflic-footer-col:nth-child(odd) { padding-left: 0; border-left: 0; }
  .cflic-footer-v1100 .cflic-footer-col:nth-child(even) { padding-right: 0; }
}

@media (max-width: 700px) {
  .cflic-footer-v1100 .cflic-footer-wide { width: calc(100% - 32px); }
  .cflic-footer-v1100 .cflic-footer-main { padding: 28px 0 22px; }
  .cflic-footer-v1100 .cflic-footer-grid { grid-template-columns: 1fr; gap: 0; }
  .cflic-footer-v1100 .cflic-footer-col,
  .cflic-footer-v1100 .cflic-footer-col:nth-child(n) { padding: 20px 0; border-left: 0; border-top: 1px solid rgba(234, 239, 244, .13); }
  .cflic-footer-v1100 .cflic-footer-col:first-child { padding-top: 0; border-top: 0; }
  .cflic-footer-v1100 .cflic-footer-col h3 { margin-bottom: 16px; font-size: 15px; }
  .cflic-footer-v1100 .cflic-footer-bottom-inner { padding: 15px 0; flex-direction: column; align-items: flex-start; gap: 9px; }
  .cflic-footer-v1100 .cflic-footer-bottom-links { justify-content: flex-start; gap: 7px 15px; }
}