/* Verified status, business logos and hiring (hiring.js, _trustBadgeHTML in eventme-africa.js, community-plus.js) */

/* ── the verified status next to a name: one seal, two colours everyone learns to read ──
   gold: a business the EventMe team checked · blue: a recruiter the team approved */
.em-trust { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px 0 5px; border-radius: 999px; white-space: nowrap; vertical-align: middle;
  font: 700 .7rem/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: .01em; }
.em-trust .em-vseal { width: 15px !important; height: 15px !important; min-width: 15px; min-height: 15px; margin: 0 !important; }
.em-trust-biz { color: #f5c75a; background: rgba(240,180,76,.12); border: 1px solid rgba(240,180,76,.45); }
.em-trust-biz .em-vseal { color: #e7a92c !important; }
.em-trust-rec { color: #7cc4ff; background: rgba(29,155,240,.12); border: 1px solid rgba(29,155,240,.45); }
.em-trust-rec .em-vseal { color: #1d9bf0 !important; }
.em-trust-s { display: none; }
[data-theme="light"] .em-trust-biz { color: #8a5a00; background: #fff6e0; border-color: #f0c96a; }
[data-theme="light"] .em-trust-rec { color: #0b6bb0; background: #e8f4fe; border-color: #9fd0f7; }
@media (max-width: 420px) { .em-trust-l { display: none; } .em-trust-s { display: inline; } }

/* red: the founder of EventMe */
.em-trust-founder { color: #ff8fa2; background: rgba(200,16,46,.14); border: 1px solid rgba(200,16,46,.55); }
.em-trust-founder .em-vseal { color: #e0163a !important; }
[data-theme="light"] .em-trust-founder { color: #9b0c24; background: #fff0f2; border-color: #f3a9b5; }
.pf-chip.em-trust { height: auto; padding: 4px 10px 4px 6px; }

/* ── business logos: a clean round frame on white, so any logo reads well in dark and light ── */
.hire-logo, .biz-card-logo, .biz-dash-logo, .biz-profile-logo, .admin-biz-logo, .bzl-pv-logo { border-radius: 50% !important; overflow: hidden; }
:is(.hire-logo, .biz-card-logo, .biz-dash-logo, .biz-profile-logo, .admin-biz-logo):has(img) {
  background: #fff !important; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 0 0 4px rgba(240,180,76,.16), 0 6px 18px rgba(0,0,0,.3) !important; }
:is(.hire-logo, .biz-card-logo, .biz-dash-logo, .biz-profile-logo, .admin-biz-logo) img { width: 100% !important; height: 100% !important; object-fit: contain !important; padding: 14%; box-sizing: border-box; border-radius: 0 !important; }
.hire-logo-person img { object-fit: cover !important; padding: 0 !important; }
[data-theme="light"] :is(.hire-logo, .biz-card-logo, .biz-dash-logo, .biz-profile-logo, .admin-biz-logo):has(img) { box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0 0 4px rgba(240,180,76,.18), 0 4px 12px rgba(0,0,0,.08) !important; }

/* ── Hiring now, inside the feed ── */
.hire-now { position: relative; margin: 0 0 16px; padding: 14px 0 14px 16px; border-radius: 16px; border: 1px solid rgba(255,255,255,.08);
  background: radial-gradient(90% 60% at 0% 0%, rgba(29,155,240,.08), transparent 60%), var(--card, #1d1a1c); }
.hire-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding-right: 16px; margin-bottom: 12px; }
.hire-h b { display: inline-flex; align-items: center; gap: 7px; font-size: .95rem; }
.hire-h b svg { color: #7cc4ff; }
.hire-h small { display: block; margin-top: 3px; font-size: .74rem; color: var(--muted, rgba(255,255,255,.55)); }
.hire-h-acts { display: inline-flex; gap: 4px; flex: none; }
.hire-link { border: 0; background: transparent; color: #ff6b84; font: 700 .78rem/1 var(--font-body, Inter, sans-serif); padding: 6px 8px; border-radius: 8px; cursor: pointer; }
.hire-link:hover { background: rgba(200,16,46,.12); }
.hire-row { display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; padding: 2px 16px 2px 0; scroll-snap-type: x proximity; }
.hire-row::-webkit-scrollbar { display: none; }
.hire-card { flex: 0 0 248px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 14px;
  border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.03); transition: border-color .15s ease, transform .15s ease; }
.hire-card:hover { border-color: rgba(255,255,255,.2); }
.hire-card.is-trusted { border-color: rgba(240,180,76,.28); background: linear-gradient(180deg, rgba(240,180,76,.06), rgba(255,255,255,.02)); }
.hire-head { display: flex; align-items: center; gap: 10px; min-width: 0; }
.hire-logo { flex: none; width: 42px; height: 42px; display: grid; place-items: center; background: rgba(255,255,255,.08); color: #fff; font-size: .95rem; }
.hire-logo-sm { width: 26px; height: 26px; }
.hire-who { display: grid; gap: 4px; min-width: 0; justify-items: start; }
.hire-who b { font-size: .84rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; }
.hire-who small { font-size: .7rem; color: var(--muted, rgba(255,255,255,.5)); }
.hire-type { align-self: flex-start; padding: 4px 9px; border-radius: 999px; font: 700 .66rem/1 var(--font-body, Inter, sans-serif); letter-spacing: .04em; text-transform: uppercase;
  color: #ff8fa2; background: rgba(200,16,46,.14); border: 1px solid rgba(200,16,46,.35); }
.hire-type-job { color: #7cc4ff; background: rgba(29,155,240,.12); border-color: rgba(29,155,240,.4); }
.hire-type-internship { color: #8ee0b0; background: rgba(46,184,114,.12); border-color: rgba(46,184,114,.4); }
.hire-type-freelance { color: #c9a7ff; background: rgba(140,92,255,.12); border-color: rgba(140,92,255,.4); }
.hire-type-volunteer { color: #f5c75a; background: rgba(240,180,76,.12); border-color: rgba(240,180,76,.4); }
.hire-title { margin: 0; font-size: .95rem; line-height: 1.3; font-weight: 750; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
.hire-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: .74rem; color: var(--text-2, rgba(255,255,255,.72)); min-height: 1.1em; }
.hire-meta span { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hire-foot { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 4px; }
.hire-btn { flex: 1; height: 34px; border-radius: 999px; border: 1px solid rgba(200,16,46,.7); cursor: pointer; color: #fff; font: 700 .8rem/1 var(--font-body, Inter, sans-serif);
  background: linear-gradient(135deg, rgba(200,16,46,.85), rgba(139,0,26,.85)); box-shadow: 0 0 12px rgba(200,16,46,.3); }
.hire-btn:hover { background: linear-gradient(135deg, #d7173a, #a0001f); }
.hire-btn.ghost { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.16); box-shadow: none; }
.hire-done { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 34px; border-radius: 999px; font: 700 .78rem/1 var(--font-body, Inter, sans-serif); color: #8ee0b0; background: rgba(46,184,114,.12); }
.hire-more { flex: none; height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: transparent; color: var(--text-2, rgba(255,255,255,.8)); font: 600 .78rem/1 var(--font-body, Inter, sans-serif); cursor: pointer; }
.hire-more:hover { border-color: rgba(255,255,255,.3); }
[data-theme="light"] .hire-now { background: #fff; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .hire-card { background: #fafafa; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .hire-card.is-trusted { background: linear-gradient(180deg, #fffaf0, #fafafa); border-color: #f0d79a; }
[data-theme="light"] .hire-logo { background: #f1eeee; color: #333; }
[data-theme="light"] .hire-more, [data-theme="light"] .hire-btn.ghost { color: #333; border-color: rgba(0,0,0,.14); background: #fff; }
@media (max-width: 600px) { .hire-card { flex-basis: 228px; } .hire-h { flex-direction: column; gap: 6px; } }

/* ── the job form: type of work as five clear choices ── */
.hire-pick { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.hire-pick label { cursor: pointer; }
.hire-pick input { position: absolute; opacity: 0; pointer-events: none; }
.hire-pick span { display: inline-flex; align-items: center; height: 32px; padding: 0 13px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); font-size: .8rem; font-weight: 600; color: var(--text-2, rgba(255,255,255,.8)); }
.hire-pick input:checked + span { color: #fff; border-color: #c8102e; background: rgba(200,16,46,.2); }
.hire-pick input:focus-visible + span { outline: 2px solid #ff5c7a; outline-offset: 2px; }
[data-theme="light"] .hire-pick span { color: #333; border-color: rgba(0,0,0,.15); }
[data-theme="light"] .hire-pick input:checked + span { color: #9b0c24; background: rgba(200,16,46,.08); }
.cpx-opp-top .hire-type { padding: 3px 8px; }

/* no open jobs yet: one slim invitation instead of an empty row */
.hire-now.hire-empty { padding: 14px 16px; }
.hire-invite { display: flex; align-items: center; gap: 12px; }
.hire-invite > span:nth-child(2) { flex: 1; min-width: 0; display: grid; gap: 3px; }
.hire-invite b { font-size: .9rem; }
.hire-invite small { font-size: .76rem; color: var(--muted, rgba(255,255,255,.55)); line-height: 1.4; }
.hire-invite-ic { flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #7cc4ff; background: rgba(29,155,240,.12); border: 1px solid rgba(29,155,240,.4); }
.hire-invite .hire-btn { flex: none; width: auto; padding: 0 16px; }
@media (max-width: 480px) { .hire-invite { flex-wrap: wrap; } .hire-invite .hire-btn { width: 100%; } }

/* light mode: the seals keep their own colour (verified-seal.js turns every seal blue in light mode),
   and the work type chips use darker text so they read on white */
[data-theme="light"] .em-trust-biz .em-vseal { color: #c98a12 !important; }
[data-theme="light"] .em-trust-rec .em-vseal { color: #1a8cd8 !important; }
[data-theme="light"] .em-trust-founder .em-vseal { color: #c8102e !important; }
[data-theme="light"] .hire-type { color: #9b0c24; background: #fff0f2; border-color: #f3a9b5; }
[data-theme="light"] .hire-type-job { color: #0b6bb0; background: #e8f4fe; border-color: #9fd0f7; }
[data-theme="light"] .hire-type-internship { color: #17663f; background: #e9f7ef; border-color: #9fd9b7; }
[data-theme="light"] .hire-type-freelance { color: #5b34b3; background: #f2edff; border-color: #c9b5f7; }
[data-theme="light"] .hire-type-volunteer { color: #8a5a00; background: #fff6e0; border-color: #f0c96a; }
[data-theme="light"] .hire-h b svg, [data-theme="light"] .hire-invite-ic { color: #0b6bb0; }
[data-theme="light"] .hire-link { color: #c8102e; }
[data-theme="light"] .hire-done { color: #17663f; background: #e9f7ef; }
[data-theme="light"] .hire-meta { color: #4a3438; }