/* Minimal full-width footer for WordPress HTML block */
html,body{
  overflow-x:hidden;
}


.wp-block-html:has(#hubbuyer-footer),
.entry-content > *:has(#hubbuyer-footer),
.site-main > *:has(#hubbuyer-footer),
.elementor-widget-html:has(#hubbuyer-footer){
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}


#hubbuyer-footer{
  --hb-bg:#111827;
  --hb-text:#e5eef7;
  --hb-muted:#94a3b8;
  --hb-line:rgba(148,163,184,.18);

  display:block;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0;
  margin-bottom:0 !important;
  padding:0;
  background:#111827;
  color:var(--hb-text);
  font-family:"Noto Sans KR","Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;
  line-height:1.6;
  box-sizing:border-box;
  overflow:visible;
  position:relative;
  z-index:10;
  box-shadow:0 36px 0 0 var(--hb-bg);
}


#hubbuyer-footer::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-36px;
  height:36px;
  background:var(--hb-bg);
  pointer-events:none;
}


#hubbuyer-footer *{
  box-sizing:border-box;
}


#hubbuyer-footer a{
  color:inherit;
  text-decoration:none;
}


#hubbuyer-footer .hb-footer-inner{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:22px 18px 20px;
  position:relative;
  z-index:11;
}


#hubbuyer-footer .hb-footer-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  color:var(--hb-muted);
  font-size:14px;
}


#hubbuyer-footer .hb-footer-contact strong{
  color:#fff;
  font-weight:700;
}


#hubbuyer-footer a{
  color:var(--hb-muted);
  transition:color .22s ease;
}


#hubbuyer-footer a:hover{
  color:#fff;
}


#hubbuyer-footer .hb-footer-legal{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}


.wp-block-html:has(#hubbuyer-footer),
.entry-content > .wp-block-html:has(#hubbuyer-footer),
.wp-block-post-content > .wp-block-html:has(#hubbuyer-footer),
.elementor-widget-html:has(#hubbuyer-footer){
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  background:#111827 !important;
}


@media (max-width:767px){
  #hubbuyer-footer{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    box-shadow:0 44px 0 0 var(--hb-bg);
  }

  #hubbuyer-footer::after{
    bottom:-44px;
    height:44px;
  }

  #hubbuyer-footer .hb-footer-inner{
    padding:20px 18px 18px;
  }

  #hubbuyer-footer .hb-footer-line{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  #hubbuyer-footer .hb-footer-legal{
    gap:10px 14px;
  }
}


/* 新增：Kakao 右侧悬浮咨询按钮 */
#hb-kakao-floating{
  --kakao-right:48px;   /* 电脑端距离右侧 */
  --kakao-bottom:118px; /* 电脑端距离底部 */
  position:fixed !important;
  right:var(--kakao-right) !important;
  bottom:calc(var(--kakao-bottom) + env(safe-area-inset-bottom, 0px)) !important;
  top:auto !important;
  left:auto !important;
  z-index:100000;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:96px;
  height:120px;
  max-width:none;
  margin:0 !important;
  padding:16px 10px;
  box-sizing:border-box;
  border:0;
  border-radius:17px;
  background:#fef01b !important;
  color:#381c1e !important;
  text-decoration:none !important;
  font-family:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
  box-shadow:none;
  transform:none !important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .2s ease,box-shadow .2s ease;
}


#hb-kakao-floating,
#hb-kakao-floating *{
  box-sizing:border-box;
}


#hb-kakao-floating:hover{
  background:#fee500 !important;
  box-shadow:0 6px 18px rgba(56,28,30,.15);
  color:#381c1e !important;
}


#hb-kakao-floating:focus-visible{
  outline:3px solid #381c1e;
  outline-offset:4px;
}


/* TALK 气泡：使用 CSS，不依赖外站图片或图标库 */
#hb-kakao-floating .hb-kakao-icon{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:45px;
  height:36px;
  margin:0;
  border-radius:50%;
  background:#381c1e;
  color:#fef01b;
  font-family:Arial,sans-serif;
  font-size:14px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.6px;
}


#hb-kakao-floating .hb-kakao-icon::after{
  content:"";
  position:absolute;
  left:8px;
  bottom:-5px;
  width:0;
  height:0;
  border-top:11px solid #381c1e;
  border-right:11px solid transparent;
  transform:rotate(8deg);
}


#hb-kakao-floating .hb-kakao-label{
  display:block;
  margin:0;
  padding:0;
  color:#381c1e;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  text-align:left;
  white-space:nowrap;
}


@media (max-width:767px){
  #hb-kakao-floating{
    --kakao-right:16px;
    --kakao-bottom:96px;
    width:76px;
    height:98px;
    padding:12px 8px;
    gap:9px;
    border-radius:14px;
  }
  #hb-kakao-floating .hb-kakao-icon{
    width:40px;
    height:32px;
    font-size:12px;
  }
  #hb-kakao-floating .hb-kakao-label{
    font-size:12px;
    line-height:17px;
  }
}


@media (prefers-reduced-motion:reduce){
  #hb-kakao-floating{ transition:none; }
}