/* =============================================================
   IDATA Elementor Widgets – FOOTER
   Phụ thuộc: idata-core
============================================================= */

/* =============================================================
   IDATA – FOOTER
   File: assets/css/footer.css
   Widget dự kiến: IDATA Footer (Elementor Theme Builder)
============================================================= */

.idata-footer {
  background: var(--idata-dark);
  color: var(--idata-on-dark-muted);
}

.idata-footer__top { padding-block: var(--idata-space-9) var(--idata-space-8); }

.idata-footer__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1.2fr;
  gap: var(--idata-space-6);
}

/* ---------- CỘT THƯƠNG HIỆU ---------- */
.idata-footer__logo { display: inline-flex; margin-bottom: var(--idata-space-4); }
.idata-footer__logo img { width: auto; height: 42px; }

.idata-footer__desc {
  font-size: var(--idata-fs-sm);
  line-height: 1.7;
  max-width: 380px;
  margin-bottom: var(--idata-space-5);
}

.idata-footer__contact { display: grid; gap: 11px; margin-bottom: var(--idata-space-5); }
.idata-footer__contact li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: var(--idata-fs-sm);
}
.idata-footer__contact svg { color: var(--idata-cyan); flex-shrink: 0; margin-top: 4px; }
.idata-footer__contact a { transition: color var(--idata-transition-fast); }
.idata-footer__contact a:hover { color: #fff; }

.idata-footer__socials { display: flex; gap: 10px; }
.idata-footer__socials a {
  width: 38px;
  height: 38px;
  border-radius: var(--idata-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid var(--idata-border-dark);
  color: rgba(255, 255, 255, 0.8);
  transition: background-color var(--idata-transition-fast), color var(--idata-transition-fast),
              border-color var(--idata-transition-fast), transform var(--idata-transition-fast);
}
.idata-footer__socials a:hover {
  background: var(--idata-primary);
  border-color: var(--idata-primary);
  color: #fff;
  transform: translateY(-2px);
}

/* ---------- CỘT LIÊN KẾT ---------- */
.idata-footer__title {
  font-size: var(--idata-fs-sm);
  font-weight: var(--idata-font-weight-bold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: var(--idata-space-4);
}
.idata-footer__list { display: grid; gap: 10px; }
.idata-footer__list a {
  font-size: var(--idata-fs-sm);
  transition: color var(--idata-transition-fast), padding-left var(--idata-transition-fast);
}
.idata-footer__list a:hover { color: #fff; padding-left: 4px; }

/* ---------- NEWSLETTER ---------- */
.idata-footer__newsletter-desc {
  font-size: var(--idata-fs-xs);
  line-height: 1.65;
  margin-bottom: var(--idata-space-4);
}
.idata-footer__newsletter-label {
  display: block;
  margin-bottom: 7px;
  font-size: var(--idata-fs-xs);
  color: rgba(255, 255, 255, 0.55);
}
.idata-footer__newsletter-row { display: flex; gap: 8px; }
.idata-footer__newsletter-input {
  flex: 1;
  min-width: 0;
  padding: 11px 14px;
  border-radius: var(--idata-radius-sm);
  border: 1px solid var(--idata-border-dark);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: var(--idata-fs-sm);
  transition: border-color var(--idata-transition-fast), background-color var(--idata-transition-fast);
}
.idata-footer__newsletter-input::placeholder { color: rgba(255, 255, 255, 0.55); }
.idata-footer__newsletter-input:focus {
  border-color: var(--idata-cyan);
  background: rgba(255, 255, 255, 0.1);
}
.idata-footer__newsletter .idata-form__error { color: #FF9E9E; }

.idata-footer__newsletter-btn {
  width: 46px;
  flex-shrink: 0;
  border-radius: var(--idata-radius-sm);
  background: var(--idata-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--idata-transition-fast);
}
.idata-footer__newsletter-btn:hover { background: var(--idata-accent); }

/* ---------- FOOTER BOTTOM ---------- */
.idata-footer__bottom { border-top: 1px solid var(--idata-border-dark); padding-block: var(--idata-space-5); }
.idata-footer__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--idata-space-4);
  flex-wrap: wrap;
}
.idata-footer__copyright { font-size: var(--idata-fs-xs); color: rgba(255, 255, 255, 0.5); }
.idata-footer__legal-note { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.5); }

.idata-footer__legal { display: flex; flex-wrap: wrap; gap: var(--idata-space-5); }
.idata-footer__legal a {
  font-size: var(--idata-fs-xs);
  color: rgba(255, 255, 255, 0.6);
  transition: color var(--idata-transition-fast);
}
.idata-footer__legal a:hover { color: #fff; }


/* ============ RESPONSIVE ============ */

@media (max-width: 1200px) {
  .idata-footer__grid { grid-template-columns: 1.5fr 1fr 1fr 1.2fr; }
  .idata-footer__col--newsletter { grid-column: span 4; }
  .idata-footer__newsletter-row { max-width: 420px; }
}

@media (max-width: 768px) {
  .idata-footer__grid { grid-template-columns: 1fr 1fr; }
  .idata-footer__brand { grid-column: span 2; }
  .idata-footer__col--newsletter { grid-column: span 2; }
  .idata-footer__bottom-inner { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
  .idata-footer__grid { grid-template-columns: 1fr; }
  .idata-footer__brand, .idata-footer__col--newsletter { grid-column: span 1; }
  .idata-footer__legal { gap: var(--idata-space-4); }
}