/* 집사자 바닥글 [jipsaja_footer] */
.jj-footer{
  --jf-bg:#0B0B0C; --jf-ink:#FFFFFF; --jf-text:#B9BDB4; --jf-dim:#7E837A; --jf-line:#26282A; --jf-lime:#C8FF3D;
  box-sizing:border-box; max-width:none!important; margin:0!important; padding:64px 0 36px;
  background:var(--jf-bg); color:var(--jf-text);
  /* 화면 양 끝까지 검정 배경 (가로 스크롤 없이) */
  box-shadow:0 0 0 100vmax var(--jf-bg); clip-path:inset(0 -100vmax);
  font-family:"Gothic A1","Apple SD Gothic Neo","Malgun Gothic",sans-serif; font-size:15px; line-height:1.7;
  word-break:keep-all; text-align:left;
}
.jj-footer *{box-sizing:border-box}
.jj-footer p,.jj-footer ul{margin:0; padding:0}
.jj-footer a{color:var(--jf-ink); text-decoration:none}
.jj-footer a:hover{color:var(--jf-lime)}
.jj-footer .jj-f-in{max-width:1200px; margin:0 auto; padding:0 24px}

.jj-footer .jj-f-top{display:grid; grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)); gap:40px}
.jj-footer .jj-f-logo{display:inline-flex; align-items:center; gap:10px; font-size:24px; font-weight:900; letter-spacing:-.02em; color:var(--jf-ink)}
.jj-footer .jj-f-logo::before{
  content:""; width:28px; height:28px; flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Crect width='26' height='26' rx='7' fill='%23C8FF3D'/%3E%3Cpath d='M5 13 13 6l8 7v8H5z' fill='%230B0B0C'/%3E%3Crect x='9.5' y='15' width='3' height='3' fill='%23C8FF3D'/%3E%3Crect x='13.5' y='15' width='3' height='3' fill='%23C8FF3D'/%3E%3C/svg%3E") center/contain no-repeat;
}
.jj-footer .jj-f-brand p{margin-top:14px; color:var(--jf-text)}
.jj-footer .jj-f-cta{display:inline-flex; align-items:center; gap:8px; margin-top:20px; padding:11px 20px; border-radius:99px; background:var(--jf-lime); color:#0B0B0C!important; font-weight:800; font-size:14px}
.jj-footer .jj-f-cta:hover{background:#FFFFFF}

.jj-footer .jj-f-h{font-size:13px; font-weight:800; letter-spacing:.04em; color:var(--jf-dim); margin-bottom:14px}
.jj-footer .jj-f-col ul{list-style:none}
.jj-footer .jj-f-col li{margin:0 0 9px; padding:0; list-style:none}
.jj-footer .jj-f-col li::before{content:none}
.jj-footer .jj-f-col a{font-weight:600}

.jj-footer .jj-f-bottom{display:flex; justify-content:space-between; gap:24px; margin-top:52px; padding-top:22px; border-top:1px solid var(--jf-line); font-size:13px; color:var(--jf-dim)}
.jj-footer .jj-f-bottom p:last-child{white-space:nowrap}

@media (max-width:900px){
  .jj-footer .jj-f-top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jj-footer .jj-f-brand{grid-column:1/-1}
}
@media (max-width:560px){
  .jj-footer{padding:48px 0 28px}
  .jj-footer .jj-f-in{padding:0 20px}
  .jj-footer .jj-f-top{grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px}
  .jj-footer .jj-f-bottom{flex-direction:column; gap:8px}
}

/* 바닥글 영역 자체 정리: 테마 여백 없애고, 단축코드 블록이 만드는 빈 문단 숨기기 */
.wp-site-blocks > footer:has(.jj-footer){padding:0!important; background:#0B0B0C; margin-block-start:clamp(48px,8vw,96px)}
.wp-site-blocks > footer:has(.jj-footer) p:empty{display:none}
.wp-site-blocks > footer:has(.jj-footer) > *:not(.jj-footer):not(:has(.jj-footer)){display:none}
