/* ============================================================
   Raktárkezelő — kiegészítő stílus a Bootstrap MELLETT
   ------------------------------------------------------------
   A felület stílusát a Bootstrap adja. Ebben a fájlban CSAK az
   maradt, aminek nincs gyári megfelelője.
   Betöltési sorrend: bootstrap.min.css ELŐBB, ez UTÁNA.
   ============================================================ */

/* A "R" jelvényhez szükséges színek. Ezek a Bootstrap saját
   változóitól függetlenek, mert a jelvény a márkajelzés része. */
:root {
   --accent: #e0a63c;
   /* borostyán jelzőszín */
   --accent-ink: #1a1400;
   /* a jelvény szövegszíne */
   --mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
}

/* A fejlécben, a bejelentkezésen és a telepítőn látható "R" jelvény.
   Bootstrap megfelelője nincs: a badge kerekebb és más arányú. */
.brand-mark {
   display: inline-grid;
   place-items: center;
   width: 1.6rem;
   height: 1.6rem;
   /* rem, hogy a betűmérettel együtt nőjön */
   background: var(--accent);
   color: var(--accent-ink);
   font-weight: 800;
   font-family: var(--mono);
}

/* A kivezetett (inaktív) termék sora a listákban. Bootstrap megfelelője nincs:
   a table-* változatok sötét témán túl erősek. A hátteret a Bootstrap a CELLÁKRA
   festi, ezért a saját változóját írjuk át — így a sor öröklődve kapja meg. */
.inactive-row {
   --bs-table-bg: rgba(128, 59, 3, .16);
   /* áttetsző meleg árnyalat a sötét alapon */
   opacity: .3;
}

/*csonkolt szöveg buborékkal; ha link van benne, marad a kéz-mutató*/
.text-truncate[title]:not(:has(a)) {
   cursor: help
}

/*a buborék a téma színeit veszi fel, nem marad fekete*/
.tooltip {
   --bs-tooltip-bg: var(--bs-secondary-bg);
   --bs-tooltip-color: var(--bs-body-color);
   --bs-tooltip-opacity: 1
      /*a gyári .9 helyett tömör, hogy ne üssön át alóla a szöveg*/
}

/*a letiltott mezőn a mutató is jelzi, hogy nem használható*/
:disabled {
   cursor: not-allowed
}
/* az első lapbetöltés jelzője a saját first_loading.css fájlban van, mert annak a
   bootstrap.min.css ELŐTT kell betöltődnie */

/*a találati doboz magassága kötött, a többi találat a dobozon belül görgethető*/
[data-search-list] {
   max-height: 25rem;
   overflow-y: auto;
}