@charset "utf-8";

/* ===========================
   BAMPhil Dark CAPTCHA (KCAPTCHA)
   - 회원가입/글쓰기 등 어디서든 캡챠 입력이 "항상" 잘 보이게
   - 테마/스킨 CSS가 있어도 깨지지 않도록 selector를 강하게
=========================== */

#captcha{
  border:1px solid rgba(255,255,255,.14) !important;
  background:#11151b !important;
  border-radius:14px !important;
  padding:12px !important;
  margin:12px 0 !important;
  color:rgba(255,255,255,.92) !important;
}

#captcha legend{
  padding:0 8px !important;
}
#captcha legend label{
  color:rgba(255,255,255,.92) !important;
  font-weight:800 !important;
}

#captcha_img{
  display:inline-block !important;
  height:46px !important;
  width:auto !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#0b0d10 !important;
  vertical-align:middle !important;
}

#captcha_key{
  height:46px !important;
  line-height:46px !important;
  width:140px !important;
  max-width:100% !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#0b0d10 !important;
  color:rgba(255,255,255,.92) !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  font-weight:900 !important;
  letter-spacing:4px !important;
  text-align:center !important;
}
#captcha_key:focus{
  outline:none !important;
  border-color:rgba(255,211,77,.65) !important;
  box-shadow:0 0 0 3px rgba(255,211,77,.18) !important;
}

#captcha button{
  height:46px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#0b0d10 !important;
  color:#ffd34d !important;
  padding:0 12px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
#captcha button:hover{
  border-color:rgba(255,211,77,.55) !important;
}

#captcha_info{
  display:block !important;
  margin-top:8px !important;
  color:rgba(255,255,255,.68) !important;
  font-size:12px !important;
  line-height:1.4 !important;
}

/* 모바일: 줄바꿈/폭 최적화 */
@media (max-width: 768px){
  #captcha{ padding:10px !important; }
  #captcha_img{ height:44px !important; }
  #captcha_key{ width:100% !important; letter-spacing:3px !important; }
  #captcha button{ width:49% !important; }
}

/* 아이콘(리로드/음성) 보이게 강제 */
#captcha button{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
#captcha button span{
  display:inline-block !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:18px 18px !important;
  /* 기본 아이콘이 어두우면 반전 */
  filter: invert(1) brightness(1.2) !important;
  opacity:.95 !important;
}
#captcha_mp3 span{ background-image:url("./img/sound.gif") !important; }
#captcha_reload span{ background-image:url("./img/reload.gif") !important; }

/* 버튼 텍스트 줄바꿈 방지 */
#captcha button{ white-space:nowrap !important; }