/* =========================================================================================================
   ceginfo — Bootstrap 5 téma a kfipalyazat.hu dizájnelemeivel (2026-09-27)
   A designtokenek TÜKRE: ~/Dev/website/assets/css/main.css :root (Hugo, kfipalyazat.hu) — ha ott változik
   szín/betű/lekerekítés, itt is frissítsd (később: közös fájl mindkét oldalnak).
   ========================================================================================================= */

:root {
  /* --- kfipalyazat.hu tokenek --- */
  --bg:           #f7f5f0;
  --bg-elev:      #ffffff;
  --bg-deep:      #ebe7dc;
  --ink:          #1a2030;
  --ink-soft:     #3b4258;
  --ink-muted:    #6b7385;
  --accent:       #b85c25;
  --accent-deep:  #8e4319;
  --accent-soft:  #f1e6db;
  --border:       #e2dccc;
  --border-soft:  #ede8da;
  --font-body:    "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --radius:       4px;
  --radius-lg:    8px;
  --shadow-sm:    0 1px 2px rgba(26, 32, 48, 0.04);
  --shadow:       0 6px 24px rgba(26, 32, 48, 0.08);

  /* --- Bootstrap-változók felülírása --- */
  --bs-body-font-family: var(--font-body);
  --bs-body-font-size: 0.95rem;
  --bs-body-bg: var(--bg);
  --bs-body-color: var(--ink);
  --bs-secondary-color: var(--ink-muted);
  --bs-emphasis-color: var(--ink);
  --bs-primary: var(--accent);
  --bs-primary-rgb: 184, 92, 37;
  --bs-primary-bg-subtle: var(--accent-soft);
  --bs-primary-text-emphasis: var(--accent-deep);
  --bs-link-color: var(--accent-deep);
  --bs-link-color-rgb: 142, 67, 25;
  --bs-link-hover-color: var(--accent);
  --bs-link-hover-color-rgb: 184, 92, 37;
  --bs-border-color: var(--border);
  --bs-border-radius: var(--radius);
  --bs-border-radius-lg: var(--radius-lg);
  --bs-tertiary-bg: var(--bg-deep);
  --sav-szelesseg: 260px;
}

body { font-weight: 400; }
h1, h2, h3, h4, h5 { font-weight: 600; color: var(--ink); letter-spacing: -0.01em; }
h2 { font-size: 1.5rem; margin-bottom: 1rem; }
h4 { font-size: 1.15rem; }
h5 { font-size: 1rem; margin-top: 1rem; }
small, .small { color: var(--ink-muted); }

/* --- gombok (a Bootstrap .btn-primary fordított színeit felülírjuk) --- */
.btn { font-weight: 500; }
.btn-primary {
  --bs-btn-bg: var(--accent); --bs-btn-border-color: var(--accent);
  --bs-btn-hover-bg: var(--accent-deep); --bs-btn-hover-border-color: var(--accent-deep);
  --bs-btn-active-bg: var(--accent-deep); --bs-btn-active-border-color: var(--accent-deep);
  --bs-btn-disabled-bg: var(--accent); --bs-btn-disabled-border-color: var(--accent);
  --bs-btn-focus-shadow-rgb: 184, 92, 37;
}
.btn-outline-primary {
  --bs-btn-color: var(--accent-deep); --bs-btn-border-color: var(--accent);
  --bs-btn-hover-bg: var(--accent); --bs-btn-hover-border-color: var(--accent); --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--accent-deep); --bs-btn-active-border-color: var(--accent-deep);
  --bs-btn-focus-shadow-rgb: 184, 92, 37;
}
.btn-outline-secondary { --bs-btn-color: var(--ink-soft); --bs-btn-border-color: var(--border);
  --bs-btn-hover-bg: var(--bg-deep); --bs-btn-hover-border-color: var(--border); --bs-btn-hover-color: var(--ink); }

/* --- űrlapok --- */
.form-control, .form-select { border-color: var(--border); background-color: var(--bg-elev); }
.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: var(--accent); box-shadow: 0 0 0 .2rem rgba(184, 92, 37, .18); }
.form-check-input:checked { background-color: var(--accent); border-color: var(--accent); }
.form-label { font-weight: 500; font-size: .9rem; margin-bottom: .25rem; }

/* --- kártyák, táblázatok --- */
.card { border-color: var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); background: var(--bg-elev); }
.table { --bs-table-bg: transparent; --bs-table-hover-bg: var(--accent-soft); margin-bottom: .5rem; }
.table > thead th { font-weight: 600; font-size: .85rem; color: var(--ink-soft); border-bottom-color: var(--border);
  white-space: nowrap; background: var(--bg-deep); }
.table td, .table th { vertical-align: top; }
.table-responsive { border: 1px solid var(--border-soft); border-radius: var(--radius); background: var(--bg-elev);
  margin-bottom: 1rem; }
.table-responsive > .table { margin-bottom: 0; }
td.szam, th.szam { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* --- felső sáv + oldalsáv (asztalon fix, mobilon offcanvas) --- */
.felso-sav { background: var(--ink); color: #fff; min-height: 56px; }
.felso-sav .navbar-brand { color: #fff; font-weight: 700; letter-spacing: .01em; }
.felso-sav .navbar-brand .pont { color: var(--accent); }
.felso-sav .felhasznalo { color: rgba(255,255,255,.85); font-size: .85rem; }
.felso-sav .btn-link { color: rgba(255,255,255,.85); text-decoration: none; }
.felso-sav .btn-link:hover { color: #fff; }
.oldalsav { background: var(--bg-elev); border-right: 1px solid var(--border); }
@media (min-width: 992px) {
  .oldalsav { flex: 0 0 var(--sav-szelesseg); width: var(--sav-szelesseg); min-height: calc(100vh - 56px); position: sticky; top: 56px; align-self: flex-start;
    max-height: calc(100vh - 56px); overflow-y: auto; }
}
.oldalsav .csoport { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em;
  color: var(--ink-muted); padding: 1rem 1rem .35rem; }
.oldalsav .nav-link { color: var(--ink-soft); padding: .5rem 1rem; border-radius: var(--radius); margin: 0 .5rem;
  display: flex; align-items: center; gap: .6rem; font-size: .92rem; }
.oldalsav .nav-link:hover { background: var(--bg-deep); color: var(--ink); }
.oldalsav .nav-link.active { background: var(--accent-soft); color: var(--accent-deep); font-weight: 600; }
.oldalsav .nav-link .badge { margin-left: auto; }
.tartalom { min-width: 0; }  /* a flex-gyerek ne tolja szét a széles táblázat */

/* --- dosszié-szekciók (details) kártya-kinézettel, JS nélkül --- */
details.dossie { background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--radius-lg);
  margin-bottom: .75rem; box-shadow: var(--shadow-sm); }
details.dossie > summary { padding: .8rem 1rem; font-weight: 600; cursor: pointer; list-style: none; display: flex;
  align-items: center; gap: .5rem; }
details.dossie > summary::-webkit-details-marker { display: none; }
details.dossie > summary::before { content: "\F285"; font-family: "bootstrap-icons"; font-size: .8rem; color: var(--accent);
  transition: transform var(--transition, 200ms ease); }
details.dossie[open] > summary::before { transform: rotate(90deg); }
details.dossie[open] > summary { border-bottom: 1px solid var(--border-soft); }
details.dossie > .dossie-tartalom { padding: 1rem; }
ul.taglist { padding-left: 1.2rem; margin-bottom: .5rem; }

/* --- állapot-jelzések --- */
.badge.ok { background: #d4f4dd; color: #1a6b32; }
.badge.warn { background: #fde7d0; color: #8a4b00; }
.jelzes-kizarva { background: #b42318; color: #fff; }
.jelzes-bizonytalan { background: #f2b33d; color: #1a2030; }

/* --- mobil --- */
@media (max-width: 767.98px) {
  h2 { font-size: 1.3rem; }
  .btn { padding: .5rem .9rem; }            /* érintésre méretezett */
  .tartalom { padding-left: .75rem !important; padding-right: .75rem !important; }
}
/* listás táblázatok mobilon: min. szélesség + vízszintes görgetés (különben szavanként törnek az oszlopok) */
@media (max-width: 767.98px) {
  .table-responsive > .table.lista { min-width: 820px; }
  .table.lista td, .table.lista th { min-width: 9rem; }
}
/* cégkereső: mobilon kártyalista (a táblázat md alatt rejtve, ld. index.html) */
.talalat-kartya { background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: .75rem 1rem; margin-bottom: .6rem; }
.talalat-kartya .nev { font-weight: 600; }

/* OP #225 szemle (2026-10-19): horgonyra ugráskor (#talalatok, #jegyzetek) a cél ne bújjon a ragadós felső sáv alá */
html { scroll-padding-top: 4.5rem; }
/* szemle 2. kör: a „Saját hozzáadásaim” tábla 360 px-en 9 px-t kilógott (a hosszú cégnév nem törhetett) */
.sajat-tabla td:first-child { overflow-wrap: anywhere; }

/* OP #243 (2026-11-01): szüneteltetett követésű cég a találatokban és listákban SZÜRKÉN (benne marad, de látszik, hogy nem
   frissül) — sor, kártya, link egyaránt; a „szüneteltetve” címke a szín nélkül is jelzi */
.szunetel, .szunetel td, .szunetel a, .szunetel .nev { color: var(--ink-muted) !important; }
.szunetel { background: var(--bg-deep) !important; }
.table tr.szunetel > td { background: var(--bg-deep); }