/* ==========================================================================
   Bootstrap 3/4 -> Bootstrap 5 áthidaló réteg
   --------------------------------------------------------------------------
   A webhely régebbi oldalai Bootstrap 3-mal (néhány Bootstrap 4-gyel)
   íródtak. A közös fejlécet és láblécet a modern sablonra cseréltük, de a
   tartalom belső jelölése maradt — ez a fájl fordítja le azokat az
   osztályokat, amiket a Bootstrap 5 már nem ismer.

   MINDEN oldalon betöltjük. Eredetileg csak a leírás-szekciókban, de
   kiderült, hogy a gyökérben lévő oldalak is tele vannak ugyanezekkel az
   osztályokkal (az odbe_rend.php egymaga 69 col-xs-* hivatkozást tartalmaz).

   MUNKAMEGOSZTÁS a modern.css-szel: a rács (col-xs-*), a panel, a well, a
   thumbnail, az img-responsive, a pull-left/right és a shadow már ott van
   definiálva — azokat itt SZÁNDÉKOSAN nem ismételjük meg, hogy ne írjuk
   felül a meglévő megjelenést. Ez a fájl csak azt teszi hozzá, ami a
   modern.css-ből hiányzik.
   ========================================================================== */

/* ---------- Lista-elem címsorok (a Bootstrap 4-ben megszűntek) ------------ */
.list-group-item-heading {
	margin: 0 0 .3rem;
	font-size: 1rem;
	font-weight: 700;
}

.list-group-item-text {
	margin: 0;
	font-size: .9rem;
	color: var(--j-muted);
}

/* ---------- Glyphicon -> Bootstrap Icons ---------------------------------
   A Glyphicons betűkészletet a Bootstrap 4 elhagyta. A modern sablon már
   betölti a Bootstrap Icons készletet, ezért csak a nyolc ténylegesen
   használt ikon kódpontját kell hozzárendelni a régi osztálynevekhez.
   A kódpontok a css/bsicons/bootstrap-icons.min.css fájlból származnak. */
.glyphicon {
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
}

.glyphicon-home::before       { content: "\f424"; }  /* bi-house-fill */
.glyphicon-arrow-up::before   { content: "\f148"; }  /* bi-arrow-up */
.glyphicon-envelope::before   { content: "\f32c"; }  /* bi-envelope-fill */
.glyphicon-globe::before      { content: "\f3ee"; }  /* bi-globe */
.glyphicon-phone-alt::before  { content: "\f5b4"; }  /* bi-telephone-fill */
.glyphicon-map-marker::before { content: "\f3e7"; }  /* bi-geo-alt-fill */
.glyphicon-check::before      { content: "\f633"; }  /* bi-check-lg */
.glyphicon-print::before      { content: "\f500"; }  /* bi-printer-fill */

/* ---------- Morzsamenü ----------------------------------------------------
   A régi menu.css nyilas breadcrumbját nem hozzuk át egy az egyben: a
   háromszögeket adó ::before/::after trükk sötét témában és mobilon is
   problémás volt. Helyette a modern felület stílusához illő, tördelhető
   gombsor, ugyanazzal a jelöléssel. */
.btn-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	align-items: center;
	margin-bottom: .5rem;
}

.btn-breadcrumb .btn {
	background: var(--j-card);
	border: 1px solid var(--j-border);
	border-radius: 999px;
	color: var(--j-primary);
	font-size: .88rem;
	font-weight: 600;
	padding: .35rem .9rem;
	text-decoration: none;
	line-height: 1.4;
}

.btn-breadcrumb .btn:hover {
	background: var(--j-primary);
	border-color: var(--j-primary);
	color: #fff;
}

.btn-breadcrumb .btn:last-child {
	background: var(--j-primary);
	border-color: var(--j-primary);
	color: #fff;
	cursor: default;
}

/* ---------- A régi menu.css-ből átemelt saját osztályok -------------------
   Csak azok, amiket a szekciók ténylegesen használnak. Így nem kell betölteni
   a teljes régi menu.css-t, ami ütközne a modern.css-sel. */
.border-blue  { border: 1px solid var(--j-primary); border-left-width: 6px; }
.border-green { border: 1px solid var(--j-green);   border-left-width: 6px; }

.pad_left150 { padding-left: 1rem; }
.middle-left { vertical-align: middle; text-align: left; }
.double-high { min-height: 40px; }
.pic100h     { height: 100px; box-shadow: var(--j-shadow); }

/* ---------- Bootstrap 4 -> 5 térköz-osztályok -----------------------------
   A touch-leiras oldalai Bootstrap 4-gyel készültek, ahol a vízszintes
   térköz rövidítése "l"/"r" (left/right) volt. A Bootstrap 5-ben ez
   "s"/"e" (start/end) lett, így a régi osztályok némán hatástalanok
   maradnának. */
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }
.float-right { float: right !important; }
.float-left  { float: left !important; }
.text-right  { text-align: right !important; }
.text-left   { text-align: left !important; }

/* ---------- A régi main.css-ből hiányzó osztályok -------------------------
   A modern sablon a main2.css-t tölti be, amiből ez a néhány szabály
   kimaradt — a touch-leiras oldalai viszont használják őket. */
.border-blue-left  { border: 1px solid var(--j-primary); border-left-width: 6px; }
.border-green-left { border: 1px solid var(--j-green);   border-left-width: 6px; }
.min-height-120    { min-height: 120px; }
.min-height-150    { min-height: 150px; }
.cimsor3           { color: #fff; text-shadow: rgba(0, 0, 0, .55) 0 0 10px; }
.cimsor2_font      { font-family: inherit; }

/* A touch-leiras fejlécsávjában szereplő logó — a régi main.css nem
   korlátozta a méretét, emiatt mobilon kilógott. */
.jlogo-leiras {
	height: 56px;
	width: auto;
	align-self: center;
}

/* ---------- A szekciók tartalmi finomításai ------------------------------ */
.leiras-tartalom img {
	max-width: 100%;
	height: auto;
}

.leiras-tartalom h1 {
	font-size: 1.6rem;
	margin: 0 0 1rem;
}

.leiras-tartalom .list-group { margin-bottom: 1rem; }

/* A régi oldalak sok üres <br>-rel tartottak távolságot; a felesleges
   függőleges hézagot itt fogjuk vissza. */
.leiras-tartalom br + br + br { display: none; }

/* ---------- Sötét téma ---------------------------------------------------- */
[data-theme="dark"] .panel-body,
[data-theme="dark"] .well,
[data-theme="dark"] .thumbnail { color: var(--j-ink); }

[data-theme="dark"] .well { background: var(--j-card); }