/* ==========================================================================
   permachile -- sajat CSS (Beppo, 2026-08-19, Krisz keresere)
   Merve a J6 lokalis peldanyon, valodi 390 px-es nezetben (iframe + JS-meres).
   ========================================================================== */

/* --- 1. A lap-cim ("NEWS") kozepre --- */
.com-content-category-blog > .page-header,
.com-content-category-blog > .page-header h1,
.com-content-category-blog > .page-header h2 {
	text-align: center;
}

/* --- 2. A kep alatti ures hely -------------------------------------------
   MERVE: az .article-image-wrapper 238 px magas volt, mikozben a benne levo kep
   csak 134 px -- 104 px ures hely maradt a kep es a cim kozott. Az ok: a .row
   flex-konteneŕ, es az alapertelmezett align-items:stretch a wrappert a
   flex-sor magassagara nyujtotta. */
.com-content-category-blog__item > .row {
	align-items: flex-start;
}

/* --- 2b. A kep alatti ures hely VALODI oka -------------------------------
   MERVE: az .article-intro-image padding-bottom-ja 237.594 px (a szelesseg
   63,36%-a) -- egy kep-arany "helyfoglalo", amit valami JS tesz ra, de a kep
   NEM abszolut pozicionalt benne, ezert a padding a kep ALA kerul ures helykent.
   A padding-bottom forrasat nem talaltam a sablon CSS-eiben: BECSLES, hogy JS
   allitja be futasidoben. A javitas ettol fuggetlenul all. */
.com-content-category-blog__item .article-intro-image {
	padding-bottom: 0 !important;
	height: auto !important;
}
.com-content-category-blog__item .article-intro-image,
.com-content-category-blog__item .article-intro-image a,
.com-content-category-blog__item .article-intro-image img {
	position: static !important;
	inset: auto !important;
}
.com-content-category-blog__item .article-intro-image img {
	width: 100%;
	display: block;
}

/* --- 3. A kepek soha ne lepjek tul a sajat oszlopukat --- */
.com-content-category-blog__item img {
	max-width: 100%;
	height: auto;
}

/* --- 4. Fejlec: a logo es a jobb oldali elemek fuggolegesen kozepen -------
   MERVE: a #sp-header 55 px magas, de a #sp-logo 60 px, a #sp-menu 72 px --
   vagyis mindketto KILOGOTT a fejlecbol, ezert nem is lehettek kozepen. */
#sp-header .row.align-items-center {
	align-items: center !important;
}
#sp-header #sp-logo,
#sp-header #sp-menu,
#sp-header #sp-logo > .sp-column,
#sp-header #sp-menu > .sp-column {
	height: auto;
	min-height: 0;
	display: flex;
	align-items: center;
}
#sp-header #sp-menu > .sp-column {
	justify-content: flex-end;
}
#sp-header .logo {
	display: flex;
	align-items: center;
	height: auto;
}

/* --- 5. A fejlec jobb oldala is ferjen bele -------------------------------
   MERVE: a #sp-menu 72 px magas volt egy 55 px-es fejlecben, a hamburger 60 px. */
#sp-header #sp-menu,
#sp-header #offcanvas-toggler,
#sp-header .offcanvas-toggler-secondary {
	height: auto;
	align-self: center;
}

/* --- 6. Page Builder addon-cimek ("News", "About us", "Our team") -----------
   MERVE (2026-08-19, 1200 px-es nezetben): a h2.sppb-addon-title display:inline-block
   es width:72px volt, mikozben a szuloje 1110 px szeles es text-align:start.
   A portolt CSS text-align:center-je ezert a cim SAJAT 72 px-en belul kozpontozott --
   vagyis lathatatlanul. Nem a kozepre igazitas hianyzott, hanem a szelesseg.
   (Kartya 21401158, 1. pont; a kartya sejtese helyes volt: "a konteneŕ a keskeny".) */
.sppb-addon-title {
	display: block;
	width: auto;
}

/* --- 2026-08-21, Beppo: a KONTENER 1400 FOLOTT is 1140 marad -------------------
   A referencia (a mai eles, statikus permachile.com) lepcsoje merve, het szelessegen:

     992        960     <- egyezik
     1200-1399  1140    <- egyezik
     1400+      1140    <- ITT TER EL: a J6 1320-at ad

   Az elteres tehat CSAK 1400 folott van, es az oka szerkezeti: a Bootstrap 5 bevezetett egy
   `xxl` lepcsot (1320), amit a forras-sablon Bootstrapje meg nem ismert. A regi oldal 1400
   folott is 1140-en all -- ez nem hiba nala, hanem az akkori keret felso foka.

   Ugyanez a jelenseg forditva bukkant fel ma az innoelectro.com-on: ott Krisz KERTE a
   1320-at ("legyen egyforma"), itt viszont a cel a pixelpontos egyezes a regi oldallal,
   tehat 1140-en tartjuk. A ket dontes nem mond ellent egymasnak: mas a mérce. */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}