/* Golf Empire — Partner Finder styles
   DESTINATION:  /partner-finder/pf.css
   Loaded by the event page block and the Partner Finder board. Scoped to
   .pf-scope so it doesn't touch anything else on either page. */

.pf-scope { --pf-navy:#254e71; --pf-navy-dark:#1d3d59; --pf-gold:#FECE20; --pf-line:#e3e7eb;
            --pf-muted:#5b6975; --pf-faint:#6b7280; --pf-alert:#B8860B; text-align:left; }
.pf-scope p { text-align:left; }
.pf-scope .pf-lead { margin:0 0 6px; font-size:15px; font-weight:400; }
.pf-scope .pf-count { margin:0 0 10px; font-size:15px; font-weight:400; color:#1f2937; }
.pf-scope .pf-count strong { color:var(--pf-navy); }
.pf-scope .pf-loading, .pf-scope .pf-empty { color:var(--pf-muted); font-size:14px; }
.pf-scope .pf-empty { background:#fff; border:1px solid var(--pf-line); border-radius:10px; padding:18px; text-align:center; }

/* Buttons + links */
.pf-scope .pf-btn { display:inline-flex; align-items:center; gap:6px; background:var(--pf-navy); color:#fff; border:0;
    border-radius:8px; padding:10px 16px; font:inherit; font-size:15px; font-weight:600; line-height:1.2; cursor:pointer; text-decoration:none; }
.pf-scope .pf-btn:hover { background:var(--pf-navy-dark); color:#fff; text-decoration:none; }
.pf-scope .pf-btn:disabled { opacity:.6; cursor:default; }
.pf-scope .pf-btn--small { padding:7px 12px; font-size:14px; }
.pf-scope .pf-btn--go { background:var(--pf-gold); color:#1f2937; }
.pf-scope .pf-btn--go:hover { background:var(--pf-gold); color:#1f2937; filter:brightness(1.05); }
.pf-scope .pf-btn--warn { background:#A3003F; }
.pf-scope .pf-btn--warn:hover { background:#8a0035; }
.pf-scope .pf-link { background:none; border:0; padding:4px 2px; font:inherit; font-size:14px; font-weight:600;
    color:var(--pf-navy); text-decoration:underline; cursor:pointer; }
.pf-scope .pf-link--quiet { color:var(--pf-faint); font-weight:400; font-size:13px; }
.pf-scope .pf-btn:focus-visible, .pf-scope .pf-link:focus-visible, .pf-scope .pf-input:focus-visible {
    outline:2px solid rgba(254,206,32,.95); outline-offset:2px; }

/* Listings */
.pf-scope .pf-list { list-style:none; margin:0 0 12px; padding:0; display:flex; flex-direction:column; gap:10px; }
.pf-scope .pf-item { background:#f7f9fb; border:1px solid var(--pf-line); border-radius:10px; padding:12px 14px; }
.pf-scope .pf-item__head { font-size:15px; color:#1f2937; }
.pf-scope .pf-item__main { display:flex; gap:12px; align-items:flex-start; }
.pf-scope .pf-item__body { flex:1; min-width:0; }
.pf-scope .pf-avatar { flex:0 0 44px; width:44px; height:44px; border-radius:50%; object-fit:cover; display:block;
    background:#e9edf0; border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.12); }
.pf-scope .pf-avatar--initial { display:flex; align-items:center; justify-content:center; background:var(--pf-navy);
    color:#fff; font-weight:700; font-size:18px; }
.pf-scope .pf-item__head strong { font-weight:700; }
.pf-scope .pf-need { color:#1f2937; }
.pf-scope .pf-chips { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 2px; }
.pf-scope .pf-chip { font-size:12px; font-weight:600; padding:2px 8px; border-radius:6px; background:rgba(37,78,113,.08);
    color:var(--pf-navy); border:1px solid rgba(37,78,113,.15); }
.pf-scope .pf-note { margin:6px 0 0; font-size:14px; font-weight:400; line-height:1.55; color:#374151; white-space:pre-line; }
.pf-scope .pf-actions { margin-top:8px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pf-scope .pf-mine { font-size:13px; font-weight:700; color:var(--pf-alert); }
.pf-scope .pf-done { font-size:14px; font-weight:600; color:#2e7d32; }

/* Forms */
.pf-scope .pf-form { margin-top:10px; padding:12px; background:#fff; border:1px solid var(--pf-line); border-radius:10px; }
.pf-scope .pf-label { display:block; font-size:13px; font-weight:600; color:#374151; margin:0 0 10px; width:auto; }
.pf-scope .pf-input { display:block; width:100%; margin-top:4px; padding:9px 10px; border:1px solid #cbd6e0; border-radius:8px;
    font:inherit; font-size:15px; font-weight:400; color:#1f2937; background:#fff; box-sizing:border-box; }
.pf-scope textarea.pf-input { resize:vertical; }
.pf-scope .pf-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }
.pf-scope .pf-consent { display:flex; gap:8px; align-items:flex-start; font-size:13px; font-weight:400; line-height:1.5;
    color:#374151; background:#f5f7f9; border-radius:8px; padding:10px 12px; margin:4px 0 12px; width:auto; }
.pf-scope .pf-consent input { margin-top:3px; flex:0 0 auto; width:16px; height:16px; }
.pf-scope .pf-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.pf-scope .pf-status { margin:8px 0 0; font-size:14px; font-weight:600; }
.pf-scope .pf-status--ok { color:#2e7d32; }
.pf-scope .pf-status--err { color:#b00020; }
.pf-scope .pf-post { margin-top:4px; }
.pf-scope .pf-gendernote { margin:0 0 10px; padding:8px 12px; background:#f5f7f9; border-radius:8px; font-size:14px; font-weight:400; color:#374151; }
.pf-scope .pf-gendernote a, .pf-scope .pf-status a { color:var(--pf-navy); font-weight:600; }
.pf-scope .pf-formhead { margin:0 0 10px; font-size:15px; font-weight:700; color:var(--pf-navy); }
.pf-scope .pf-formhead span { font-weight:400; color:var(--pf-muted); font-size:14px; }

/* Event page card */
.pf-card .card-title i { margin-right:6px; }
.pf-card .pf-guest p { margin:0 0 10px; font-size:15px; font-weight:400; }

/* Board */
.pf-scope .pf-event { background:#fff; border:1px solid var(--pf-line); border-radius:12px; padding:14px 16px; margin-bottom:12px; }
.pf-scope .pf-event__head { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; margin-bottom:10px; }
.pf-scope .pf-event__date { font-weight:700; color:var(--pf-navy); }
.pf-scope .pf-event__name { font-weight:700; color:#1f2937; text-decoration:none; }
.pf-scope .pf-event__name:hover { text-decoration:underline; }
.pf-scope .pf-event__club { color:var(--pf-muted); font-size:14px; }
.pf-scope .pf-event__n { margin-left:auto; font-size:12px; font-weight:700; background:var(--pf-gold); color:#1f2937; padding:2px 9px; border-radius:999px; }

@media (max-width:600px) {
    .pf-scope .pf-grid { grid-template-columns:1fr; }
    .pf-scope .pf-event__n { margin-left:0; }
}
@media print { .pf-card { display:none !important; } }
