/* ═══════════════════════════════════════════════════════════════════
   CÉGPROFIL v2 — a jóváhagyott cegprofil-v2.html mockup CSS-e, SZKÓPOLTAN
   átemelve (.cprofile gyökér-osztály). Ez a lépés SZÁNDÉKOSAN kötelező —
   a mockup több generikus nevet használ (.hero, .card), amik a site.css-
   ben MÁR léteznek, eltérő definícióval (lásd CSATLAKOZAS-HALADAS.md,
   a 2026-08-25/26-i "hiányzó/ütköző CSS-szkóp" hibaosztály, harmadik
   előfordulás a főoldali drawer-nél) — szkópolás nélkül itt is ugyanaz
   a hiba történne.
   ═══════════════════════════════════════════════════════════════════ */
.cprofile{
  --cp-page:#eef0f7; --cp-card:#fff; --cp-line:#e2e6ef; --cp-line-2:#cdd4e2;
  --cp-ink:#111524; --cp-ink-2:#454d63; --cp-muted:#7b8398;
  --cp-teal:#5eead4; --cp-indigo:#8b93f8; --cp-pink:#e879b9;
  --cp-teal-d:#0d9488; --cp-indigo-d:#5b5fd6; --cp-pink-d:#c2418c;
  background:var(--cp-page);color:var(--cp-ink);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
}

/* ══ HERO — a szakemberprofil szerkezete ══ */
.cprofile .chero{background:linear-gradient(160deg,#141a33 0%,#0f1428 45%,#171130 100%);position:relative;overflow:hidden}
.cprofile .chero:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(880px 360px at 14% -12%,rgba(139,147,248,.24),transparent 62%),
    radial-gradient(680px 300px at 86% 4%,rgba(94,234,212,.14),transparent 60%),
    radial-gradient(620px 280px at 58% 112%,rgba(232,121,185,.12),transparent 62%)}
.cprofile .chero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:62px 62px}
.cprofile .cbeams{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.45}

.cprofile .chwrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:30px 32px 28px}
.cprofile .ccrumb{font-size:12.5px;color:#7c86a6;margin-bottom:18px}
.cprofile .ccrumb a{color:#7c86a6;text-decoration:none}
.cprofile .ccrumb a:hover{color:var(--cp-teal)}

.cprofile .chtop{display:flex;gap:26px;align-items:center;flex-wrap:wrap}

/* LEKEREKÍTETT NÉGYZET — nem kör (avatar-egységesítés, 2026-08-25). */
.cprofile .chav{width:112px;height:112px;flex:none;border-radius:22px;padding:3px;
  background:linear-gradient(140deg,var(--cp-teal),var(--cp-indigo) 55%,var(--cp-pink))}
.cprofile .chav .in{width:100%;height:100%;border-radius:19px;overflow:hidden;background:#fff;
  display:flex;align-items:center;justify-content:center}
.cprofile .chav.logo .in{padding:16px}
.cprofile .chav .in img,.cprofile .chav .in svg{max-width:100%;max-height:100%;object-fit:contain;display:block}

.cprofile .chmain{flex:1;min-width:280px}
.cprofile .chname{font-size:33px;font-weight:740;letter-spacing:-.024em;color:#f2f4fb;margin:0;line-height:1.1}
.cprofile .chrole{font-size:16px;color:#c2c9df;margin:9px 0 0;font-weight:600}
.cprofile .chrole .sep{color:#6b7594;font-weight:400;margin:0 6px}
.cprofile .chrole .co{color:#9aa4c2;font-weight:500}

.cprofile .chbadges{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}
.cprofile .cbdg{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:5px 13px;border-radius:999px;color:#0c1022}
.cprofile .cbdg.tier{background:linear-gradient(92deg,var(--cp-teal),var(--cp-indigo) 55%,var(--cp-pink))}
.cprofile .cbdg.gold{background:linear-gradient(92deg,#fbbf24,#f59e0b)}
.cprofile .cbdg.silver{background:linear-gradient(92deg,#94a3b8,#64748b)}
.cprofile .cbdg.avail{background:rgba(255,255,255,.07);color:#8ff0d8;border:1px solid rgba(94,234,212,.3);
  display:inline-flex;align-items:center;gap:7px}
.cprofile .cbdg.avail i{width:6px;height:6px;border-radius:50%;background:#5eead4;display:block}

.cprofile .chtags{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}
.cprofile .chtag{font-size:12.5px;color:#aab3cc;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 13px;white-space:nowrap}

/* Szakterület — a MEGLÉVŐ chtag-stílust örökli, csak egy saját feliratos
   sorba rendezve, hogy az industry_tags-pilléktől (fentebb) vizuálisan
   elkülönüljön (cégprofil 3. szakasz, A) rész, 2026-08-26). */
.cprofile .chskills{display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:wrap}
.cprofile .chskills-label{font-size:12.5px;color:#7b8398;font-weight:600}

.cprofile .chcta{flex:none;text-align:center}
.cprofile .chbtn{display:block;font-size:15px;font-weight:660;text-decoration:none;color:#fff;
  padding:14px 34px;border-radius:999px;white-space:nowrap;
  background:linear-gradient(92deg,#5eead4,#8b93f8 50%,#e879b9)}
.cprofile .chbtn:hover{filter:brightness(1.08)}
.cprofile .chhint{font-size:12px;color:#7c86a6;margin:11px 0 0}

.cprofile .chstats{display:flex;gap:0;margin-top:24px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.09);flex-wrap:wrap}
.cprofile .chstat{padding-right:32px;margin-right:32px;border-right:1px solid rgba(255,255,255,.09)}
.cprofile .chstat:last-child{border-right:none;margin-right:0;padding-right:0}
.cprofile .chstat b{display:block;font-size:23px;font-weight:730;color:#f0f2fa;line-height:1}
.cprofile .chstat span{font-size:11.5px;color:#7c86a6;margin-top:5px;display:block}

.cprofile .cblend{height:30px;background:linear-gradient(180deg,#171130,rgba(238,240,247,0));margin-bottom:-12px}

/* ══ TÖRZS ══ */
.cprofile .cwrap{max-width:1180px;margin:0 auto;padding:22px 32px 70px}
.cprofile .ccols{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}
.cprofile .ccard{background:var(--cp-card);border:1px solid var(--cp-line);border-radius:15px;padding:22px 24px}
.cprofile .ccard + .ccard{margin-top:16px}
.cprofile h2.cs{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-muted);
  font-weight:750;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.cprofile h2.cs:after{content:"";flex:1;height:1px;background:var(--cp-line)}
.cprofile .ccard p{margin:0 0 12px;color:var(--cp-ink-2);font-size:14.5px}
.cprofile .ccard p:last-child{margin-bottom:0}

/* Szolgáltatások — cégprofil 3. szakasz, C) rész (2026-08-27). Egyszerű,
   rácsos lista, a .ccard-on belül — csak akkor renderel a hívó, ha van
   legalább 1 szolgáltatás (lásd renderCompanyProfilePage()). */
.cprofile .csvc-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.cprofile .csvc-name{font-weight:700;font-size:14px;color:var(--cp-ink)}
.cprofile .csvc-desc{font-size:13px;color:var(--cp-ink-2);margin-top:3px;line-height:1.4}
@media(max-width:640px){.cprofile .csvc-list{grid-template-columns:1fr}}

/* Hírek — cégprofil 3. szakasz, 4. szakasz (2026-08-27). Élő, gyorsítótár
   nélküli RSS-lekérdezés eredménye — csak akkor renderel a hívó, ha van
   legalább 1 tétel (hiba/üres feednél a kártya egyszerűen nem jelenik meg,
   lásd companyFeed.js). */
.cprofile .cnews-list{display:flex;flex-direction:column;gap:10px}
.cprofile .cnews-item{display:flex;justify-content:space-between;gap:12px;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--cp-line)}
.cprofile .cnews-item:last-child{border-bottom:none;padding-bottom:0}
.cprofile .cnews-title{font-size:14px;color:var(--cp-ink);font-weight:600;line-height:1.4}
.cprofile .cnews-item:hover .cnews-title{text-decoration:underline}
.cprofile .cnews-date{font-size:12px;color:var(--cp-muted);white-space:nowrap;flex:none}

/* munkatársak */
.cprofile .cpeople{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.cprofile .cpc{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;
  border:1px solid var(--cp-line);border-radius:11px;padding:10px 12px;background:#fbfcfe;transition:.14s}
.cprofile .cpc:hover{border-color:var(--cp-line-2);background:#fff;transform:translateY(-1px)}
.cprofile .cpc .cpc-av{width:42px;height:42px;border-radius:11px;overflow:hidden;flex:none;background:#dfe3ed}
.cprofile .cpc .cpc-av img{width:100%;height:100%;object-fit:cover}
.cprofile .cpc .m{flex:1;min-width:0}
.cprofile .cpc .n{font-size:14px;font-weight:640;line-height:1.25}
.cprofile .cpc .r{font-size:11.8px;color:var(--cp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cprofile .cpc .b{font-size:9.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px;background:#e7f7f0;color:#046c4e;flex:none}

/* hozzájárulás */
.cprofile .cci{display:flex;gap:12px;padding:12px 0;border-top:1px solid #eef0f6;text-decoration:none;color:inherit}
.cprofile .cci:first-child{border-top:none;padding-top:0}
.cprofile .cci:hover .t{color:var(--cp-indigo-d)}
.cprofile .cci .kind{font-size:9.5px;font-weight:780;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 8px;border-radius:6px;flex:none;height:fit-content;margin-top:2px}
.cprofile .cci .kind.talk{background:#f3e8ff;color:#6b21a8}
.cprofile .cci .kind.art{background:#eef0fe;color:#4338ca}
.cprofile .cci .m{flex:1;min-width:0}
.cprofile .cci .t{font-size:14.3px;font-weight:620;line-height:1.35}
.cprofile .cci .w{font-size:12.2px;color:var(--cp-muted);margin-top:3px}

/* hírek */
.cprofile .cni{padding:11px 0;border-top:1px solid #eef0f6;text-decoration:none;color:inherit;display:block}
.cprofile .cni:first-child{border-top:none;padding-top:0}
.cprofile .cni .t{font-size:13.6px;font-weight:600;line-height:1.35}
.cprofile .cni:hover .t{color:var(--cp-indigo-d)}
.cprofile .cni .d{font-size:11.4px;color:var(--cp-muted);margin-top:3px}
.cprofile .crssnote{margin-top:13px;padding-top:12px;border-top:1px dashed var(--cp-line);
  font-size:12.2px;color:var(--cp-muted)}

/* kapcsolat */
.cprofile .ccontact .crow{display:flex;align-items:center;gap:10px;padding:9px 0;
  border-top:1px solid #eef0f6;font-size:14px}
.cprofile .ccontact .crow:first-of-type{border-top:none;padding-top:0}
.cprofile .ccontact .crow .ic{width:20px;text-align:center;opacity:.5}
.cprofile .ccontact .crow a{color:var(--cp-indigo-d);text-decoration:none}

.cprofile .clead{display:flex;gap:13px;align-items:center}
.cprofile .clead .clead-av{width:52px;height:52px;border-radius:13px;overflow:hidden;flex:none;background:#dfe3ed}
.cprofile .clead .clead-av img{width:100%;height:100%;object-fit:cover}
.cprofile .clead .n{font-size:15px;font-weight:650}
.cprofile .clead .r{font-size:12.5px;color:var(--cp-muted);margin-top:2px}
.cprofile .clead .li{font-size:12.5px;color:var(--cp-indigo-d);text-decoration:none;margin-top:5px;display:inline-block}

@media (max-width:940px){
  .cprofile .ccols{grid-template-columns:1fr}
  .cprofile .cpeople{grid-template-columns:1fr}
  .cprofile .chname{font-size:26px}
  .cprofile .chcta{width:100%}
  .cprofile .chbtn{text-align:center}
}