/**
 * Thème formulaire client — opt-in age.verify uniquement.
 * Appliquer data-as-shield-tier sur [data-as-shield-form] via applyShieldFormTheme.
 */
[data-as-shield-form] {
  --as-shield: #492E1C;
  --as-shield-text: #ffffff;
  --as-shield-muted: rgba(73, 46, 28, 0.75);
  --accent: #492E1C;
  --accent-light: var(--as-shield);
  --glass-border: var(--as-shield);
  --text-main: #492E1C;
}

[data-as-shield-form][data-as-shield-tier="kid"] {
  --as-shield: #3498DA;
  --as-shield-muted: rgba(52, 152, 218, 0.8);
}

[data-as-shield-form][data-as-shield-tier="teen"],
[data-as-shield-form][data-as-shield-tier="teen16"] {
  --as-shield: #27AE60;
  --as-shield-muted: rgba(39, 174, 96, 0.8);
}

[data-as-shield-form][data-as-shield-tier="adult"] {
  --as-shield: #492E1C;
  --as-shield-muted: rgba(73, 46, 28, 0.75);
}

[data-as-shield-form][data-as-shield-tier="enterprise"] {
  --as-shield: #E57A2E;
  --as-shield-muted: rgba(229, 122, 46, 0.85);
}

[data-as-shield-form][data-as-shield-tier] h1,
[data-as-shield-form][data-as-shield-tier] h2,
[data-as-shield-form][data-as-shield-tier] h3,
[data-as-shield-form][data-as-shield-tier] label,
[data-as-shield-form][data-as-shield-tier] .subtitle,
[data-as-shield-form][data-as-shield-tier] legend,
[data-as-shield-form][data-as-shield-tier] .legal-text,
[data-as-shield-form][data-as-shield-tier] .login-link,
[data-as-shield-form][data-as-shield-tier] .checkbox-group {
  /* Texte sombre AA — le bouclier colore bordures / CTA, pas le copy */
  color: #492E1C;
}

[data-as-shield-form][data-as-shield-tier] input,
[data-as-shield-form][data-as-shield-tier] select,
[data-as-shield-form][data-as-shield-tier] textarea,
[data-as-shield-form][data-as-shield-tier] .input-field {
  border-color: var(--as-shield);
  color: #492E1C;
}

[data-as-shield-form][data-as-shield-tier] a,
[data-as-shield-form][data-as-shield-tier] .login-link a,
[data-as-shield-form][data-as-shield-tier] .checkbox-group a {
  color: #492E1C;
  text-decoration: underline;
}

[data-as-shield-form][data-as-shield-tier] {
  border-color: var(--as-shield);
}

[data-as-shield-form][data-as-shield-tier] .legal-block {
  border-top-color: var(--as-shield);
}

[data-as-shield-form][data-as-shield-tier] [data-as-shield-cta],
[data-as-shield-form][data-as-shield-tier] button[type="submit"],
[data-as-shield-form][data-as-shield-tier] .btn-submit {
  background: var(--as-shield);
  background-image: none;
  border-color: var(--as-shield);
  color: var(--as-shield-text);
  box-shadow: 0 10px 20px color-mix(in srgb, var(--as-shield) 35%, transparent);
}

[data-as-shield-form][data-as-shield-tier] [data-as-shield-cta]:hover,
[data-as-shield-form][data-as-shield-tier] button[type="submit"]:hover,
[data-as-shield-form][data-as-shield-tier] .btn-submit:hover {
  background: #ffffff;
  background-image: none;
  color: var(--as-shield);
  border: 2px solid var(--as-shield);
}

[data-as-shield-form][data-as-shield-tier] .input-wrapper i:not(.password-toggle),
[data-as-shield-form][data-as-shield-tier] .info-tip i,
[data-as-shield-form][data-as-shield-tier] .password-toggle:hover {
  color: var(--as-shield);
}

[data-as-shield-form][data-as-shield-tier] .checkbox-group input {
  accent-color: var(--as-shield);
}

[data-as-shield-badge="1"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid var(--as-shield, #492E1C);
  color: var(--as-shield, #492E1C);
  background: transparent;
}