/* Scoped – no conflicts */
.cf7cc{display:flex;flex-direction:column;gap:.7rem;max-width:100%}
.cf7cc__row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}

/* Image container (dark neon look) */
.cf7cc__img{
  display:block;height:auto;max-width:100%;
  border:1px solid #173b2f;border-radius:.9rem;
  background:linear-gradient(180deg, rgba(0,30,25,.6), rgba(0,12,10,.6));
  box-shadow:0 0 0 1px rgba(33,255,144,.18), 0 12px 28px rgba(0,0,0,.45), inset 0 0 24px rgba(33,255,144,.06)
}
.cf7cc.is-loading .cf7cc__img{filter:blur(1px) brightness(.9)}

.cf7cc__refresh{
  appearance:none;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;
  padding:.55rem .8rem;border-radius:.8rem;border:1px solid #173b2f;
  background:linear-gradient(180deg, rgba(0,40,34,.92), rgba(0,22,18,.92));color:#c9ffe7;
  box-shadow:0 0 0 1px rgba(33,255,144,.18), 0 6px 16px rgba(0,0,0,.4)
}
.cf7cc__refresh:hover{filter:brightness(1.12)}
.cf7cc__refresh:disabled{opacity:.6;cursor:not-allowed}

.cf7cc__fallback{font-size:.9rem;color:#a0b9ad}

/* Honeypot */
.cf7cc__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Answer input, if you use class:cf7cc-input in CF7 tag */
.wpcf7 .cf7cc-input{
  max-width:340px;border:1px solid #173b2f;border-radius:.9rem;
  padding:.6rem .9rem;background:linear-gradient(180deg, rgba(0,35,30,.65), rgba(0,20,16,.65));
  color:#d6ffe9;box-shadow:0 0 0 1px rgba(33,255,144,.18)
}
.wpcf7 .cf7cc-input:focus{outline:none;box-shadow:0 0 0 3px rgba(33,255,144,.18)}
.wpcf7 .cf7cc-input::placeholder{color:rgba(214,255,233,.55)}

@media (prefers-reduced-motion:no-preference){
  .cf7cc__img{transition:filter .22s ease}
  .cf7cc__refresh{transition:transform .12s ease, filter .2s ease}
  .cf7cc__refresh:active{transform:translateY(1px)}
}