/*========================
FOOTER MIDDLE AREA CSS
=========================*/
.hoiet_foot {
  position: relative;
  background: #04000e;
}
.hoiet_footer_middle {
  padding: 65px 0 73px;
}
.hoiet_footer_middle .widget-title {
  margin-bottom: 28px;
  margin-top: 28px;
  position: relative;
  color: #ffffff;
  font-size: 24px;
}
.hoiet_footer_middle .menu-links {
  list-style: none;
}
.hoiet_footer_middle .menu-links li {
  margin-bottom: 10px;
}
.hoiet_footer_middle .menu-links li a {
  color: #fff;
}
.hoiet_footer_middle .menu-links li a:hover {
  color: var(--color-primary);
}

/* footer contact css */
/* .hoiet_footer_middle .footer-contact-item {
  margin-top: 10px;
}
.hoiet_footer_middle .footer-social-icon {
  clear: both;
  float: left;
  font-size: 17px;
  margin-right: 12px;
} */
.hoiet_footer_middle .footer-contact-item {
  margin-top: 10px;
  display: flex;           /* 新增：图标和文字并排 */
  align-items: flex-start; /* 新增：顶部对齐，文字多行时图标不拉伸 */
}

.hoiet_footer_middle .footer-social-icon {
  /* clear: both;      删掉 */
  /* float: left;      删掉 */
  flex-shrink: 0;          /* 新增：图标不被压缩 */
  font-size: 17px;
  margin-right: 12px;
  line-height: 1.5;        /* 新增：和文字行高对齐 */
}

/*========================
 FOOTER middle AREA CSS
=========================*/

/*========================
FOOTER copy right AREA CSS
=========================*/
.hoiet_footer_bottom {
  padding: 26px 0 24px;
  position: relative;
}
.hoiet_footer_bottom:before {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  width: 61%;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff61;
}
.hoiet_footer_bottom .copy-right {
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: left;
}
.hoiet_footer_bottom .footer-menu {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: right;
}
.hoiet_footer_bottom .footer-menu li {
  display: inline-block;
}
.hoiet_footer_bottom .footer-menu li a {
  padding: 0 10px;
  display: block;
  color: #ffffff;
}
.hoiet_footer_bottom .footer-menu li:last-child a {
  padding-right: 0px;
}

/* mailchim 2 */
.hoiet_footer_middle .footer-form p {
  color: #ffffff;
}
.hoiet_footer_middle .footer-form p {
  position: relative;
  line-height: 27px;
  margin-bottom: 22px;
}
.hoiet_footer_middle .footer-form p label {
  font-size: 16px;
  font-weight: 700;
  margin: 15px 0;
}
/* .hoiet_footer_middle .footer-form input {
  height: 50px;
  position: relative;
  background: transparent;
  width: 100%;
  line-height: 43px;
  border-radius: var(--button-radius);
  padding-left: 10px;
  border: 1px solid #ffffff66;
  color: #fff;
  font-size: 12px;
} */
.hoiet_footer_middle .footer-form input {
  height: 50px;
  position: relative;
  background: transparent;
  width: auto;             /* 改：100% → auto，让 flex 控制 */
  flex: 1;                 /* 新增：占据剩余空间 */
  min-width: 0;            /* 关键：防止 flex 子元素溢出 */
  line-height: 43px;
  border-radius: var(--button-radius) 0 0 var(--button-radius); /* 左边圆角 */
  padding: 0 10px;         /* 改：左右都留 padding */
  border: 1px solid #ffffff66;
  color: #fff;
  font-size: 12px;
  direction: ltr;          /* 新增：输入框强制 LTR，避免 RTL 下光标乱跳 */
  text-align: left;        /* 新增：文字左对齐 */
}
.hoiet_footer_middle .footer-form input::placeholder{
  color:#ffffff
}
/* .hoiet_footer_middle .footer-form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 45%;
  height: 50px;
  border-radius: 0 var(--button-radius) var(--button-radius) 0;
  cursor: pointer;
  padding: 10px 10px;
  line-height: 0;
  transition: 0.5s;
} */
.hoiet_footer_middle .footer-form button {
  position: static;        /* 改：absolute → static，不再覆盖输入框 */
  width: auto;             /* 改：45% → auto */
  min-width: 70px;         /* 新增：保证最小宽度 */
  height: 50px;
  border-radius: 0 var(--button-radius) var(--button-radius) 0;
  cursor: pointer;
  padding: 10px 20px;      /* 改：左右加宽一点 */
  line-height: 1;          /* 改：0 → 1，防止文字被切 */
  transition: 0.5s;
  white-space: nowrap;     /* 新增：按钮文字不换行 */
  flex-shrink: 0;        /* 新增：按钮不被压缩 */
}

.hoiet_footer_middle .footer-form p:nth-child(1) {
  margin-bottom: 22px;
}

.hoiet_footer_middle .footer-form input::-moz-placeholder,
.hoiet_footer_middle .footer-form input::-webkit-input-placeholder {
  color: #888888;
}

.hoiet_footer_middle .footer-form button {
  color: #fff;
  background: var(--color-primary);
  font-size: 15px;
}
.hoiet_footer_middle .footer-form button:hover {
  color: var(--color-primary);
  background: #fff;
}

/* Footer area start */
.hoiet_footer_middle .footer_desc_area p {
  color: #fff;
  margin-bottom: 20px;
}

/* .hoiet_footer_middle .footer-contact-item p,
.hoiet_footer_middle .footer-contact-item i {
  color: #fff;
  margin-bottom: 6px;
} */
.hoiet_footer_middle .footer-contact-item p,
.hoiet_footer_middle .footer-contact-item i {
  color: #fff;
  margin-bottom: 6px;
}

/* 新增：防止超长地址溢出覆盖右侧 */
.hoiet_footer_middle .footer-contact-item p.footer-social-info {
  margin-bottom: 0;
  word-break: break-all;   /* 超长英文/数字字符串强制换行 */
  line-height: 1.6;
  flex: 1;                 /* 占据剩余宽度 */
  min-width: 0;            /* 关键：允许 flex 子元素收缩到比内容更小 */
}

/* Footer area end */

/* footer text des */
.hoiet_footer_middle .footer_desc_area a img {
  max-height: 60px;
  margin: 26px 0;
}

.hoiet_footer_middle .footer_desc_area .social-icons {
  text-align: left;
}
.hoiet_footer_middle .footer_desc_area .social-icons a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #fff;
  background: #a3a3a378;
}
.hoiet_footer_middle .footer_desc_area .social-icons a:hover {
  background: var(--color-primary);
}

/* form */
.hoiet_footer_middle .footer-form {
  margin-top: 20px;
}

/* .hoiet_footer_middle .invite-form {
  position: relative;
} */
.hoiet_footer_middle .invite-form {
  position: relative;
  display: flex;           /* 新增：Flex 布局 */
  align-items: center;     /* 垂直居中 */
  flex-direction: row;     /* 确保横向排列 */
}
.hoiet_footer_middle .invite-form .crmFormVali-error {
  top: inherit;
  right: inherit;
  bottom: -10px;
  transform: translateY(100%);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hoiet_footer_bottom:before {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hoiet_footer_bottom:before {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .hoiet_footer_middle {
    text-align: center;
  }

  .hoiet_footer_middle .widget.widget_nav_menu .widget-title {
    margin-bottom: 15px;
  }

  .hoiet_footer_middle .footer_desc_area .social-icons {
    text-align: center;
  }

  .hoiet_footer_bottom .copy-right {
    text-align: center;
  }

  .hoiet_footer_bottom .copy-right p {
    font-size: 15px;
  }

  .hoiet_footer_bottom .footer-menu ul {
    margin: 10px 0 0;
    text-align: center !important;
  }

  .hoiet_footer_bottom .footer-menu ul li a {
    font-size: 14px;
  }

  .hoiet_footer_bottom:before {
    width: 100%;
  }

  .hoiet_footer_middle .footer-social-icon {
    float: none;
  }
}