/*
 * Shared "profile" design system for Phase-3 entity pages
 * (car / restaurants / real-estate). Extracted from the per-page inline
 * <style> blocks that were duplicated across vehicle.php and restaurant.php,
 * then extended: adaptive info tables, gallery, styled submit forms, dark mode.
 */

.pf-wrap{max-width:960px;margin:0 auto;padding:24px clamp(16px,3vw,32px)}

/* ── Header ─────────────────────────────────────────────────────────────── */
.pf-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pf-name{font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800;margin:0 0 2px;line-height:1.2}
.pf-type{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  color:#7657ff;background:rgba(118,87,255,.12);padding:3px 10px;border-radius:999px}
.pf-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted,#666);
  margin:0 0 14px;font-size:.95rem;word-break:break-all}
.pf-geo{color:var(--muted,#666);margin:4px 0 14px}

/* ── Rating ─────────────────────────────────────────────────────────────── */
.pf-rating{display:inline-flex;align-items:center;gap:8px;font-weight:700;margin-bottom:14px}
.pf-stars{color:#f5b301;font-size:1.1rem;letter-spacing:1px}

/* ── Actions ────────────────────────────────────────────────────────────── */
.pf-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 22px}
.pf-actions button,.pf-actions a{min-height:44px;padding:11px 18px;border-radius:10px;border:none;
  font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.pf-review{background:#7657ff;color:#fff}
.pf-review:hover{background:#6544e8}
.pf-report{background:#fff;border:1.5px solid #e14646 !important;color:#e14646}
.pf-report:hover{background:#fdeeee}
.pf-map,.pf-add{background:#fff;border:1.5px solid #e6e3f5 !important;color:#333}
.pf-map:hover,.pf-add:hover{background:#f6f4ff}

/* ── Cards & info rows ──────────────────────────────────────────────────── */
.pf-card{background:var(--surface,#fff);border:1px solid var(--line,#eaedf2);border-radius:14px;
  padding:18px 20px;margin-bottom:16px}
.pf-card h2{font-size:1.05rem;margin:0 0 12px}
.pf-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;
  border-bottom:1px solid var(--line,#f0eefb);font-size:.93rem}
.pf-row:last-child{border-bottom:none}
.pf-row > span:first-child{flex:0 0 auto}
.pf-row > span:last-child,.pf-row a{text-align:right;word-break:break-word}
.pf-muted{color:var(--muted,#888)}

/* ── Reviews ────────────────────────────────────────────────────────────── */
.pf-rev{border:1px solid var(--line,#eee);border-radius:10px;padding:12px 14px;margin-bottom:10px}
.pf-rev-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;
  font-size:.85rem;color:var(--muted,#777);margin-bottom:4px}

/* ── Notices ────────────────────────────────────────────────────────────── */
.pf-note{background:#eaf7ee;color:#1b6b32;border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:.9rem}

/* ── Photo gallery ──────────────────────────────────────────────────────── */
.entity-gallery{margin:0 0 18px}
.entity-gallery h3{font-size:1.05rem;margin:0 0 12px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.gallery-thumb{margin:0;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:1/1;
  background:var(--surface-2,#f4f1ff);border:1px solid var(--line,#eaedf2)}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.gallery-thumb:hover img{transform:scale(1.05)}
.gallery-thumb:focus-visible{outline:2px solid #7657ff;outline-offset:2px}

/* ── Styled submit forms (car/restaurant "add" pages) ───────────────────── */
.pf-form{max-width:640px;margin:0 auto}
.pf-form .pf-card{padding:20px 22px}
.pf-field{margin-bottom:16px}
.pf-field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}
.pf-field input,.pf-field select,.pf-field textarea{width:100%;min-height:44px;padding:10px 12px;
  border:1px solid var(--line,#d9d5ee);border-radius:10px;font-size:1rem;background:var(--surface,#fff);color:inherit}
.pf-field input:focus,.pf-field select:focus,.pf-field textarea:focus{outline:none;border-color:#7657ff;
  box-shadow:0 0 0 3px rgba(118,87,255,.15)}
.pf-field textarea{min-height:110px;resize:vertical}
.pf-field .pf-hint{display:block;font-size:.8rem;color:var(--muted,#888);margin-top:5px}
.pf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pf-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
@media (max-width:560px){.pf-grid-2,.pf-grid-3{grid-template-columns:1fr}}

/* ── Dark mode ──────────────────────────────────────────────────────────── */
[data-theme="dark"] .pf-card{background:#1a1a2e;border-color:#2a2a3e}
[data-theme="dark"] .pf-report,[data-theme="dark"] .pf-map,[data-theme="dark"] .pf-add{background:#1a1a2e}
[data-theme="dark"] .gallery-thumb{background:#24243a;border-color:#2a2a3e}
[data-theme="dark"] .pf-field input,[data-theme="dark"] .pf-field select,[data-theme="dark"] .pf-field textarea{
  background:#1a1a2e;border-color:#2a2a3e}