/* ==========================================================================
   JC Fitness — reCAPTCHA: Google's badge, the form notice, the puzzle anchor
   Behaviour: assets/js/jc-captcha.js · server: includes/recaptcha.php
   ========================================================================== */

/* Google's floating badge is replaced by .jcc-note on each protected form —
   allowed by Google as long as that exact wording is shown. A page that
   asks for it (jcCaptchaAssets 'badge' → html.jcc-badge-on: login.php)
   shows the badge as well. */
.grecaptcha-badge { visibility: hidden !important; }
html.jcc-badge-on .grecaptcha-badge { visibility: visible !important; }

/* The picture puzzle's widget (jc-captcha.js puzzle()): never seen itself,
   but Google opens its puzzle next to it, so it waits mid-screen. Its own
   badge stays hidden — the page's badge or notice covers Google's terms. */
.jcc-puzzle {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    visibility: hidden; pointer-events: none;
}
.jcc-puzzle .grecaptcha-badge,
html.jcc-badge-on .jcc-puzzle .grecaptcha-badge { visibility: hidden !important; }

/* ── Notice under each protected form ─────────────────────────────────── */
.jcc-note {
    display: flex; align-items: flex-start; justify-content: center; gap: 6px;
    margin: 14px 0 0; font-size: .7rem; line-height: 1.5; color: #8a9099; text-align: left;
}
.jcc-note svg { flex-shrink: 0; margin-top: 2px; color: #198754; }
.jcc-note a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.jcc-note a:hover { color: #dc3545; }
.jcc-note--center { text-align: center; }