.archerie-portal-auth{max-width:560px;margin:28px auto;padding:18px 18px 20px;background:#fff;border:1px solid var(--ap-border, #e2e8f0);border-radius:10px;box-shadow:0 8px 24px rgba(2,6,23,.08), 0 2px 6px rgba(2,6,23,.04);position:relative;
/* légère déco “cible” dans le coin */
background-image:
	radial-gradient(circle at 92% 10%, rgba(37,99,235,.08) 0 36px, transparent 38px),
	radial-gradient(circle at 92% 10%, rgba(225,29,72,.08) 40px 72px, transparent 74px),
	radial-gradient(circle at 92% 10%, rgba(245,158,11,.10) 76px 96px, transparent 98px);
background-repeat:no-repeat;
}
/* petite cible en coin (SVG data URI) */
.archerie-portal-auth::before{content:"";position:absolute;top:-14px;left:-14px;width:60px;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%23ffffff' stroke='%23111' stroke-width='2'/%3E%3Ccircle cx='32' cy='32' r='22' fill='none' stroke='%233b82f6' stroke-width='8'/%3E%3Ccircle cx='32' cy='32' r='14' fill='none' stroke='%23ef4444' stroke-width='8'/%3E%3Ccircle cx='32' cy='32' r='6' fill='%23f59e0b'/%3E%3C/svg%3E") no-repeat center/contain;filter:drop-shadow(0 2px 4px rgba(2,6,23,.18));}

.archerie-portal-auth .ap-auth-tabs{display:flex;gap:8px;margin:4px 0 16px;justify-content:center}
.archerie-portal-auth .ap-auth-tab{border:1px solid var(--ap-border, #d1d5db);background:#f1f5f9;border-radius:999px;padding:8px 14px;cursor:pointer;color:#0f172a;font-weight:600;transition:.15s ease;}
.archerie-portal-auth .ap-auth-tab:hover{background:#e2e8f0}
.archerie-portal-auth .ap-auth-tab.active{background:#fff;color:var(--ap-primary, #2563eb);border-color:var(--ap-primary, #2563eb);box-shadow:0 0 0 2px rgba(37,99,235,.14)}

.archerie-portal-auth .ap-auth-panel form p{margin:10px 0}
.archerie-portal-auth input[type=text],
.archerie-portal-auth input[type=password],
.archerie-portal-auth input[type=email],
.archerie-portal-auth input[type=tel]{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;background:#fff;color:#0f172a;transition:border-color .12s ease, box-shadow .12s ease}
.archerie-portal-auth input:focus{outline:0;border-color:var(--ap-primary, #2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.18)}

/* Boutons : plus visibles et sportifs */
.archerie-portal-auth .button{border-radius:8px;font-weight:600}
.archerie-portal-auth .button.button-primary{display:inline-block;width:100%;padding:10px 14px;background:linear-gradient(180deg, var(--ap-primary, #2563eb), var(--ap-primary-dark, #1e40af));color:#fff !important;border:0;box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 8px 18px rgba(37,99,235,.22);transition:transform .06s ease, filter .12s ease}
.archerie-portal-auth .button.button-primary:hover{filter:brightness(1.05)}
.archerie-portal-auth .button.button-primary:active{transform:translateY(1px)}

.archerie-portal-auth .ap-auth-feedback{margin-top:8px;font-size:13px}
.archerie-portal-auth .ap-password-field{display:flex;gap:6px;align-items:center}
.archerie-portal-auth .ap-password-field .ap-toggle-pwd{display:inline-flex;align-items:center;justify-content:center;border:1px solid #94a3b8;background:#e2e8f0;border-radius:6px;padding:8px;cursor:pointer;color:#0f172a;width:44px;height:44px}
.archerie-portal-auth .ap-password-field .ap-toggle-pwd .dashicons{font-size:20px; width:20px; height:20px; line-height:1; color:#0f172a}
.archerie-portal-auth .ap-password-field .ap-toggle-pwd:hover{background:#cbd5e1}
.archerie-portal-auth .ap-password-field .ap-toggle-pwd:focus{outline:0;box-shadow:0 0 0 3px rgba(15,23,42,.18)}
.archerie-portal-auth .ap-pwd-strength{display:flex;gap:8px;align-items:center;margin-top:8px}
.archerie-portal-auth .ap-pwd-strength meter{width:180px;height:10px}
.archerie-portal-auth .ap-pwd-help{display:block;color:#475569;margin-top:6px}
.archerie-portal-auth .ap-pwd-match{display:block;margin-top:6px}

/* Bloc connecté (notice) */
.archerie-portal-auth .ap-auth-logged{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.archerie-portal-auth .ap-logged-info{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.archerie-portal-auth .ap-logged-info .ap-logged-muted{color:#64748b}
.archerie-portal-auth .ap-logged-actions .ap-logout{font-weight:700;border-radius:10px;padding:10px 14px}

/* Mobile adaptations */
@media (max-width: 480px){
	.archerie-portal-auth{margin:16px auto;padding:14px}
	.archerie-portal-auth .ap-auth-tabs{flex-wrap:wrap;gap:6px}
	.archerie-portal-auth .ap-auth-tab{flex:1 1 auto;min-width:140px;text-align:center}
	.archerie-portal-auth .ap-password-field{flex-wrap:wrap}
	.archerie-portal-auth .ap-password-field input{flex:1 1 100%;min-width:0}
	.archerie-portal-auth .ap-password-field .ap-toggle-pwd{width:100%;text-align:center;height:40px}
	.archerie-portal-auth .button.button-primary{width:100%}
  /* Bloc connecté: empilement et bouton plein largeur */
  .archerie-portal-auth .ap-auth-logged{flex-direction:column;align-items:stretch}
  .archerie-portal-auth .ap-logged-actions{width:100%}
  .archerie-portal-auth .ap-logged-actions .ap-logout{display:block;width:100%;text-align:center}
}
@media (max-width: 380px){
	.archerie-portal-auth .ap-auth-tab{min-width:120px;padding:8px 10px}
}