/* ============================================================ PUBLIKUS CÉGOLDAL — /company/{slug} · BASE doc: docs/ceg-publikus-profil/10-publikus-cegoldal-redesign-es-boritokep-galeria-2026-08-21.md §4 ⚠️ ÖNÁLLÓ, FÜGGŐSÉG NÉLKÜLI stíluslapok: ez az oldal bejelentkezés NÉLKÜL, idegen látogatóknak megy ki — nem húzzuk rá az admin Bootstrapjét. Kevesebb/kisebb fájl = gyorsabb oldal = jobb keresőhelyezés. A modulokat a template külön -ekkel tölti, a `responsive.css` MINDIG utolsó (a töréspontok felülírják az alap-szabályokat). Ez a fájl: tokenek, reset, alap-tipográfia, konténer, kártya-váz, elrendezés-grid, közös segéd-osztályok, tulajdonos-sáv, lábléc. ============================================================ */ :root { --cp-primary: #1a56db; --cp-primary-dark: #1749b8; --cp-text: #1f2937; --cp-muted: #6b7280; --cp-border: #e5e7eb; --cp-bg: #f9fafb; --cp-card: #ffffff; --cp-success: #047857; --cp-star: #d97706; /* A sticky menüsáv magassága — a horgony-ugrás ehhez igazodik (scroll-margin-top). */ --cp-nav-h: 58px; /* ── ÜVEG / „TÜKÖR" (glass) — világos változat (2026-08-21, user: fehér + kék + tükör) ── A megrendelő oldal sötét-üveg esztétikájának VILÁGOS keveréke: áttetsző fehér felület, háttér-elmosás, felső fény-vonal (a „tükör"-csillanás), lágy árnyék + kék akcentus. ⚠️ Az üveghatás CSAK akkor látszik, ha van mögötte színes háttér → a body kap egy halvány kék glow-gradienst (lent), fix rögzítéssel. */ --cp-glass: rgba(247, 250, 255, .72); /* halványan kékes üveg (birtsoft-panel) */ --cp-glass-strong: rgba(248, 251, 255, .84); --cp-glass-border: rgba(210, 228, 248, .8); /* kékes üveg-keret (--cp-accent-border felé) */ --cp-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .9); /* felső fény-vonal */ --cp-glass-shadow: 0 10px 34px rgba(17, 24, 39, .08); --cp-blue-tint: rgba(26, 86, 219, .06); /* halvány kék wash */ --cp-blue-ring: rgba(26, 86, 219, .18); /* ── BirtSoft.com világos-téma kék család (2026-08-21, user: „kékesebb panel") ── A birtsoft.com base.css világos tokenjei — a panelek kékesebbek, a fókusz-glow ezekből. (A --cp-primary marad a fő márka-kék; ezek a KIEGÉSZÍTŐ, világosabb kék árnyalatok.) */ --cp-accent-soft: #eaf3fc; /* halvány kék felület/hover */ --cp-accent-border: #bcdcf7; /* halvány kék keret */ --cp-accent-bright: #3b9eff; /* élénk kék (a glow „üstökös-feje") */ } * { box-sizing: border-box; } /* ⭐ 2026-08-21 (user): a menüpontok oldalon belül GÖRGETNEK a szekciójukhoz — sima görgetés. */ html { scroll-behavior: smooth; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: var(--cp-text); /* ⭐ Halvány kék glow felül + fehér→világoskék gradiens. Ez adja az üveg-kártyák alá a „megtörhető" színt (enélkül a backdrop-blur nem látszana). Fix, hogy görgetéskor is stabil. */ background: radial-gradient(120% 70% at 50% -8%, rgba(26, 86, 219, .10), transparent 62%), linear-gradient(180deg, #ffffff 0%, #eef3fb 100%); background-attachment: fixed; background-color: var(--cp-bg); /* tartalék, ha a gradiens nem támogatott */ line-height: 1.5; min-height: 100vh; } .cp-container { max-width: 1100px; margin: 0 auto; padding: 0 16px; } /* ── Közös segéd-osztályok ──────────────────────────────────────────── */ .cp-muted { color: var(--cp-muted); font-size: .9rem; } .cp-longtext { white-space: pre-line; } /* a cég sortörései maradjanak meg */ /* Üres-állapot: a szekció akkor is létezik (menü-horgony), ha nincs adat. */ .cp-empty { color: var(--cp-muted); font-size: .92rem; margin: 4px 0 0; padding: 14px 16px; background: var(--cp-bg); border: 1px dashed var(--cp-border); border-radius: 8px; } /* ── Kártya-váz + fő elrendezés ─────────────────────────────────────── */ /* ⭐ ÜVEG-KÁRTYA: áttetsző fehér + háttér-elmosás + felső fény-vonal („tükör") + lágy árnyék. */ .cp-card { background: var(--cp-glass); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); border: 1px solid var(--cp-glass-border); border-radius: 14px; padding: 20px; margin-bottom: 20px; box-shadow: var(--cp-glass-shadow), var(--cp-glass-highlight); } /* Kék bal-akcentus a szekció-címeken (a „fehér + kék" keverék). */ .cp-card h2 { margin: 0 0 14px; font-size: 1.15rem; padding-left: 11px; border-left: 4px solid var(--cp-primary); line-height: 1.25; } .cp-layout { display: grid; /* Az oldalsáv fix, a fő oszlop rugalmas — kis kijelzőn (responsive.css) egy oszlopba esik. */ grid-template-columns: 1fr 320px; gap: 20px; padding-top: 24px; padding-bottom: 40px; align-items: start; } /* ⭐ 2026-08-26 (user, doc 10 §1c/F7): a FACEBOOK-BANNER óta a borítókép önálló FELSŐ sáv, a profil-adatok tömör háttéren a sáv ALATT ülnek — nincs többé mire „rálebegtetni" a kontakt- kártyát, ezért a korábbi negatív-margós hero-átfedés MEGSZŰNT (különben a profil-info CTA-jára csúszna). Az oldalsáv normál módon, a fő oszloppal egy vonalban kezdődik. */ .cp-side { position: relative; z-index: 2; } /* ── Tulajdonos-sáv (P7) — CSAK a cég saját tagjának (szerver-oldali ownerView) ── Szándékosan más színvilág: a felhasználó egy pillanat alatt lássa, hogy ez NEM az ügyfélnek szóló tartalom, hanem az ő eszköztára. */ .cp-ownerbar { background: #111827; color: #fff; padding: 10px 0; } .cp-ownerbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .cp-ownerbar-text { font-size: .92rem; } .cp-ownerbar-hint { color: #cbd5e1; margin-left: 6px; } .cp-ownerbar-btn { background: #fff; color: #111827; text-decoration: none; font-weight: 700; font-size: .9rem; padding: 8px 16px; border-radius: 999px; white-space: nowrap; } /* ── Lábléc ─────────────────────────────────────────────────────────── */ .cp-footer { border-top: 1px solid var(--cp-border); background: var(--cp-card); padding: 18px 0; color: var(--cp-muted); font-size: .9rem; } .cp-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .cp-footer-links a { color: var(--cp-primary); text-decoration: none; } .cp-footer-links a:hover { text-decoration: underline; }