/* The guest pay modal's Pro / Day Pass form (partials/pro-payment-snippet.blade.php). The event
   counter block in partials/payment-modal-anon.blade.php reuses these .propay-* styles. */
.propay-field { margin-bottom: .8rem; }
.propay-label { display: block; font-size: .82rem; font-weight: 600; margin-bottom: .35rem; color: var(--text-secondary, #4b5563); }
.propay-input {
    width: 100%; box-sizing: border-box; padding: .7rem .8rem; font-size: 16px;
    border: 1px solid var(--border-color, #d1d5db); border-radius: 8px;
    background: var(--bg-primary, #fff); color: var(--text-primary, #1f2937);
}
.propay-input:focus { outline: none; border-color: #2ba8ff; box-shadow: 0 0 0 3px rgba(43, 168, 255, .15); }
.propay-note { margin: .4rem 0 0; font-size: .78rem; line-height: 1.4; color: var(--text-tertiary, #6b7280); }
#propay-card { padding: .15rem 0; min-height: 44px; }
.propay-err { color: #dc2626; font-size: .85rem; margin: 0 0 .8rem; padding: .6rem .75rem; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; }
.propay-field-err { color: #dc2626; font-size: .78rem; margin: .35rem 0 0; }
.propay-wallet { margin: .2rem 0 .8rem; }
#propay-express { width: 100%; overflow: hidden; }
.propay-or { display: flex; align-items: center; gap: .75rem; margin: .9rem 0 .25rem; color: #9ca3af; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.propay-or::before, .propay-or::after { content: ''; flex: 1; height: 1px; background: #e5e7eb; }
.propay-trial { margin-top: 8px; padding: 8px 12px; background: #f0fdf4; border-left: 3px solid #22c55e; border-radius: 4px; font-size: 13px; color: #166534; }
.propay-secure { display: flex; align-items: center; gap: .4rem; margin-top: .6rem; font-size: .75rem; color: var(--text-tertiary, #9ca3af); }
.propay-submit { width: 100%; justify-content: center; font-size: 1rem; padding: .85rem; margin-top: .4rem; }
.propay-fine { text-align: center; font-size: .72rem; color: var(--text-tertiary, #9ca3af); margin: .6rem 0 0; }