/* ============================================
   reCAPTCHA v3 — Shared Styles
   Source: montpc_com/project/styles/contact.css

   USAGE:
   Link this CSS in any page using reCAPTCHA.
   Override colors via CSS variables:

   --color-primary: #FF6B4A;
   --color-primary-hover: #E55536;
   --color-text-secondary: #737373;
   ============================================ */

/* --- reCAPTCHA Badge --- */

.grecaptcha-badge {
  visibility: visible !important;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.grecaptcha-badge:hover {
  opacity: 1;
}

/* Mobile: hide the floating badge.
   Google's default badge is `position: fixed; bottom: 14px; right: 14px;
   z-index: 2000000000` — it always wins z-index against the cookie
   consent banner (z-index 9999) and on 375px viewports the expanded
   badge (256px wide) sits on top of the banner's Accept/Reject buttons.
   The mandatory branding notice ("Ce site est protégé par reCAPTCHA…")
   is rendered inline inside each form, so Google's TOS branding
   requirement is still satisfied without the floating badge. */
@media (max-width: 768px) {
  .grecaptcha-badge {
    visibility: hidden !important;
  }
}

/* --- Privacy Notice --- */

.recaptcha-notice {
  font-size: 12px;
  color: var(--color-text-secondary, #737373);
  line-height: 1.6;
  margin-bottom: 16px;
  text-align: center;
}

.recaptcha-notice a {
  color: var(--color-primary, #FF6B4A);
  text-decoration: none;
  transition: color 0.2s;
}

.recaptcha-notice a:hover {
  color: var(--color-primary-hover, #E55536);
  text-decoration: underline;
}