/* assets/style.css
   MEGJEGYZÉS: Egyedi stílusok; Bootstrap felülírások. */

:root{
  --brand: #0D47A1;          /* márkaszín – sötétkék */
  --brand-accent: #FF8F00;   /* kiemelő – narancs */
  --radius: .8rem;
  --container-max: 1400px;   /* kényelmes sorhossz desktopon */
  --text-color: #1f2937;
  --muted: #6b7280;
}

@media (prefers-color-scheme: dark) {
  :root{ --text-color:#e5e7eb; --muted:#9ca3af; }
  body.bg-light{ background-color:#111827 !important; }
  .bg-white{ background-color:#1f2937 !important; }
  .border, .border-top, .border-bottom{ border-color:#374151 !important; }
}

.container-xxl { max-width: var(--container-max); }
.card { border-radius: var(--radius); }
.navbar-brand { letter-spacing: .2px; }

body { color: var(--text-color); }
.text-muted { color: var(--muted) !important; }

.btn-primary { background-color: var(--brand); border-color: var(--brand); }
.btn-primary:hover { filter: brightness(1.05); }
.btn-outline-primary { color: var(--brand); border-color: var(--brand); }
.btn-outline-primary:hover { background-color: var(--brand); border-color: var(--brand); }

.form-control, .form-select { font-size: .95rem; }
.form-label { font-weight: 600; }
.table th, .table td { vertical-align: middle; }

.block {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: 0 1px 8px rgba(0,0,0,.04);
}

.rounded-xl { border-radius: var(--radius) !important; }
.w-32rem { width: 32rem; }
.maxw-40ch { max-width: 40ch; }
/* Csempe hover vizuál + kattintható kurzor */
.card.position-relative {
  transition: box-shadow .15s ease, transform .15s ease; /* ide kerüljön */
  cursor: pointer; /* ha az egész kártya kattintható */
}

.card.position-relative:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* A stretched-link-hez NEM kell plusz CSS – csak:
   <div class="card position-relative"> … <a class="stretched-link" href="#"></a> … </div>
*/

/* fókuszjel a billentyűzetes használathoz */
.card .stretched-link:focus {
  outline: 0;
}
.card:has(.stretched-link:focus) {
  box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}
/* Csempe: hover/fókusz állapotok és kurzor */
.card.position-relative:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  transform: translateY(-1px);
  transition: box-shadow .15s ease, transform .15s ease;
  cursor: pointer;
}

/* Billentyűzetfókusz jelzése a teljes kártyán */
.card .stretched-link:focus { outline: 0; }
.card:has(.stretched-link:focus) {
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
/* Rendezhető fejlécek link-stílusa */
.table thead a {
  color: inherit;
  text-decoration: none;
}
.table thead a:hover {
  text-decoration: underline;
}
/* Tooltip-érzékeny elemek vizuális jelölése */
.tooltip-link {
  text-decoration: underline dotted;
  text-underline-offset: 2px;
  cursor: help;
}