/*
 * DIGILOGIC — Színséma (theme-green.css) — Lagermax márka-színek
 * ------------------------------------------------------------------
 * A DashLite + rendszer CSS felülírása a márka-színekkel. A színeket CSS-változók
 * hordozzák, így az admin felületről (/adminarea/theme-colors) dinamikusan cserélhetők:
 *   --brand-primary    Lagermax kék — elsődleges (gombok, sávok, aktív elemek)  alap #08377c
 *   --brand-secondary  hover/aktív kék (fehér szöveggel is kontrasztos)          alap #0a4f9c
 *   --brand-accent     Lagermax zöld — AKCENTUS (≤20%, SÖTÉT szöveggel; CD 2.2)  alap #45e1d4
 *   --brand-text       törzs-szöveg szín                                          alap #1b1f27
 * FONTOS: a zöld (accent) VILÁGOS → soha ne használd fehér szöveggel vagy nagy
 * felületen; csak akcentusként (sötét szöveggel, vékony keret/pötty/kiemelés).
 * A theme-colors-head partial a :root-ban felülírja ezeket az admin-értékekkel
 * (a partial a fájl UTÁN emittálja a :root-ot → az győz). Deploy-védett custom/ ág.
 * (A fájlnév történeti okból theme-green.css maradt; tartalma a Lagermax séma.)
 */
:root {
  --brand-primary: #08377c;
  --brand-primary-rgb: 8, 55, 124;
  --brand-secondary: #0a4f9c;
  --brand-secondary-rgb: 10, 79, 156;
  --brand-accent: #45e1d4;
  --brand-accent-rgb: 69, 225, 212;
  --brand-text: #1b1f27;
  /* Bootstrap 5 / DashLite alapváltozók a linkekhez, szöveg-utility-hez */
  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: var(--brand-primary-rgb);
  --bs-link-color: var(--brand-primary);
  --bs-link-color-rgb: var(--brand-primary-rgb);
  --bs-link-hover-color: var(--brand-secondary);
}

/* ── Törzs-szöveg szín ──────────────────────────────────────────── */
body,
.nk-body,
.nk-content .nk-block-des,
p { color: var(--brand-text); }

/* ── Gombok ─────────────────────────────────────────────────────── */
.btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
  color: #fff !important;
}
.btn-primary:focus,
.btn-primary.focus { box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .3) !important; }

.btn-outline-primary {
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}
.btn-dim.btn-primary { background-color: rgba(var(--brand-primary-rgb), .15) !important; color: var(--brand-primary) !important; border-color: transparent !important; }

/* ── Utility színek ─────────────────────────────────────────────── */
.bg-primary { background-color: var(--brand-primary) !important; }
.text-primary { color: var(--brand-primary) !important; }
.badge.bg-primary,
.badge.bg-primary-dim { background-color: var(--brand-primary) !important; color: #fff !important; }
.badge.bg-outline-primary { color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; }
.bg-primary-dim { background-color: rgba(var(--brand-primary-rgb), .18) !important; }
.text-bg-primary { background-color: var(--brand-primary) !important; color: #fff !important; }

/* ── Linkek ─────────────────────────────────────────────────────── */
a { color: var(--brand-primary); }
a:hover { color: var(--brand-secondary); }
.link-primary,
a.link-primary,
.link { color: var(--brand-primary) !important; }
.link-primary:hover,
a.link-primary:hover { color: var(--brand-secondary) !important; }

/* ── Sávok / progress ───────────────────────────────────────────── */
.progress-bar { background-color: var(--brand-primary) !important; }
.progress-bar.bg-primary { background-color: var(--brand-primary) !important; }

/* ── Űrlap fókusz + kapcsolók/jelölők ───────────────────────────── */
.form-control:focus,
.form-select:focus,
.custom-select:focus {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .2) !important;
}
.form-check-input:checked,
.form-check-input:checked[type="checkbox"],
.form-check-input:checked[type="radio"] {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .2) !important; }

/* ── Navigáció / sidebar aktív ──────────────────────────────────── */
.nk-menu-item.active > .nk-menu-link,
.nk-menu-item.current-page > .nk-menu-link,
.nk-menu-link.active,
.nk-menu-link:hover .nk-menu-text { color: var(--brand-primary) !important; }
.nk-menu-item.active > .nk-menu-link .nk-menu-icon .icon,
.nk-menu-link:hover .nk-menu-icon .icon { color: var(--brand-primary) !important; }
.nav-tabs .nav-link.active {
  color: var(--brand-primary) !important;
  border-bottom-color: var(--brand-primary) !important;
}
.nav-tabs .nav-link.active::after,
.nav-tabs .nav-link:hover::after { background: var(--brand-primary) !important; }

/* ── Lapozó / lista aktív ───────────────────────────────────────── */
.pagination .page-item.active .page-link {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.list-group-item.active { background-color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; }
.dropdown-menu .link-list-opt li a.active,
.link-list-opt li a:hover { color: var(--brand-primary) !important; }

/* ── Riasztás (primary) ─────────────────────────────────────────── */
.alert-primary {
  background: rgba(var(--brand-primary-rgb), .12) !important;
  border-color: rgba(var(--brand-primary-rgb), .30) !important;
  color: var(--brand-primary) !important;
}

/* ── Egyéb kiemelt elemek ───────────────────────────────────────── */
.user-avatar.bg-primary-dim { background-color: rgba(var(--brand-primary-rgb), .2) !important; }
.text-primary, .ni.text-primary, em.icon.text-primary { color: var(--brand-primary) !important; }
.accordion-button:not(.collapsed) { color: var(--brand-primary) !important; }
.card.border-primary { border-color: var(--brand-primary) !important; }
::selection { background: rgba(var(--brand-primary-rgb), .25); }

/* ── Interakciós állapotok (hover / aktív / fókusz) ────────────────────
 * A téma alap-kiemelőszíne (DashLite lila) számos állapotnál előbújik, ha az
 * adott választót nem írjuk felül. Ezek a szabályok LEFEDIK a maradékot, hogy
 * kattintásra, ráhúzásra és billentyűzetes fókuszra SEHOL ne jelenjen meg
 * márkán kívüli szín. A `-success/-danger/-warning/-info` variánsok
 * SZÁNDÉKOSAN kimaradnak: azok jelentést hordoznak, nem márkajelzést. */

/* Oldalsáv / menü */
.nk-menu-link:hover,
.nk-menu-link:focus,
.nk-menu-item.active > .nk-menu-link,
.nk-menu-item.current-page > .nk-menu-link { color: var(--brand-primary) !important; }
.nk-menu-link:hover .icon,
.nk-menu-item.active > .nk-menu-link .icon { color: var(--brand-primary) !important; }
.nk-menu-sub .nk-menu-link:hover { color: var(--brand-primary) !important; }

/* Ikon- és eszköztár-gombok */
.btn-trigger:hover,
.btn-trigger:focus,
.btn-icon:not([class*="btn-outline-"]):not(.btn-danger):not(.btn-success):not(.btn-warning):hover {
  color: var(--brand-primary) !important;
}
.btn-trigger:focus { box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .2) !important; }

/* Világos gombok fókusza — kattintás után itt villant be idegen szín */
.btn-light:focus, .btn-white:focus, .btn-outline-light:focus, .btn-secondary:focus,
.btn-light.focus, .btn-white.focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .18) !important;
}
.btn-outline-light:hover, .btn-outline-light:active { border-color: var(--brand-primary) !important; color: var(--brand-primary) !important; }

/* Billentyűzetes fókusz — az akadálymentesség miatt LÁTHATÓ marad, csak márkaszínben */
a:focus-visible, button:focus-visible, .btn:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--brand-primary) !important;
  outline-offset: 2px;
}

/* Legördülők / opció-listák */
.dropdown-item:active, .dropdown-item.active { background-color: var(--brand-primary) !important; color: #fff !important; }
.dropdown-item:hover, .dropdown-item:focus { color: var(--brand-primary) !important; }

/* Lapozó */
.pagination .page-link:hover, .pagination .page-link:focus { color: var(--brand-primary) !important; }
.pagination .page-link:focus { box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .18) !important; }

/* Fülek / navigáció */
.nav-link:hover, .nav-link:focus { color: var(--brand-primary) !important; }
.nav-tabs .nav-link.active { color: var(--brand-primary) !important; }

/* Táblázat-kijelölés */
.table-hover > tbody > tr:hover > * { background-color: rgba(var(--brand-primary-rgb), .04) !important; }
.table-active > * { background-color: rgba(var(--brand-primary-rgb), .08) !important; }

/* Select2 / dátumválasztó — külső komponensek, saját kiemelőszínnel */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--brand-primary) !important; color: #fff !important;
}
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default .select2-selection:focus { border-color: var(--brand-primary) !important; }
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active {
  background-color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; color: #fff !important;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover { background: rgba(var(--brand-primary-rgb), .18) !important; color: var(--brand-text) !important; }

/* Akkordeon fej — a nyitott állapot kiemelése */
.accordion-head:not(.collapsed) .title { color: var(--brand-primary) !important; }
.accordion-head:not(.collapsed) .accordion-icon { color: var(--brand-primary) !important; }

/* Oldalbetöltés-jelző */
#nprogress .bar { background: var(--brand-primary) !important; }
#nprogress .peg { box-shadow: 0 0 10px var(--brand-primary), 0 0 5px var(--brand-primary) !important; }
#nprogress .spinner-icon { border-top-color: var(--brand-primary) !important; border-left-color: var(--brand-primary) !important; }

/* ── Akcentus (Lagermax zöld) — opt-in, BIZTONSÁGOS használat ─────────
 * A zöld világos → SOHA nem fehér szöveggel és nem nagy felületen. Csak
 * akcentusként: sötét szöveggel kitöltve, halvány háttérrel, vékony
 * kerettel / bal-szegéllyel vagy pöttyként. (Lagermax CD 2.2 — ≤20%.) */
.bg-accent { background-color: var(--brand-accent) !important; color: var(--brand-text) !important; }
.bg-accent-dim { background-color: rgba(var(--brand-accent-rgb), .16) !important; }
.badge.bg-accent { background-color: var(--brand-accent) !important; color: var(--brand-text) !important; }
.badge.bg-accent-dim { background-color: rgba(var(--brand-accent-rgb), .18) !important; color: #0b5d54 !important; }
.border-accent { border-color: var(--brand-accent) !important; }
.border-start-accent { border-left: 3px solid var(--brand-accent) !important; }
.accent-dot { display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: var(--brand-accent); }
hr.hr-accent { border-top: 2px solid var(--brand-accent); opacity: 1; }