#section_box_1 .carousel-item::before,
#section_box_51 .carousel-item::before{
  background-color: rgba(  26, 27, 53,0.4) !important;
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:0;
}

/* A hero-slider (HU: box_1, EN: box_51) sötétítő fátyla. A sötítő fátyol a szöveg ALÁ kerül: z-index nélkül a pozicionált ::before a statikus
   szövegtartalom FÖLÉ festődött, és tompította a fehér betűt. */
#section_box_1 .carousel-item > *,
#section_box_51 .carousel-item > *{
  position:relative;
  z-index:1;
}

#section_box_1 label.v-full-slider-001,
#section_box_51 label.v-full-slider-001 {
 background-color: transparent !important;
}

#section_box_2 .v-inner-boxes-003, #section_box_52 .v-inner-boxes-003{
  max-width:900px !important;
}

#section_box_2 .v-inner-boxes-003 .bg-primary, #section_box_52 .v-inner-boxes-003 .bg-primary{
  background-color: transparent !important;
}

#section_box_2 .v-inner-boxes-003 .v-img-title-lead-horizontal-002, #section_box_52 .v-inner-boxes-003 .v-img-title-lead-horizontal-002{
  width:80px !important;
  height:80px !important;
}

#section_box_2 .v-inner-boxes-003 .v-img-title-lead-horizontal-007, #section_box_52 .v-inner-boxes-003 .v-img-title-lead-horizontal-007{
  width: calc(100% - 80px) !important;
  background-color: transparent !important;
  text-align: left !important;
}

#section_box_2 .v-inner-boxes-003 .v-img-title-lead-horizontal-001, #section_box_52 .v-inner-boxes-003 .v-img-title-lead-horizontal-001{
  align-items: center !important;
}

#section_box_2 .v-inner-boxes-003 .v-img-title-lead-horizontal-007, #section_box_52 .v-inner-boxes-003 .v-img-title-lead-horizontal-007{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#section_box_2 .v-inner-boxes-003 .v-img-title-lead-horizontal-008, #section_box_52 .v-inner-boxes-003 .v-img-title-lead-horizontal-008{
  margin-bottom: 0 !important;
}

@media (min-width:768px){
	#section_box_2 .v-inner-boxes-003 .v-img-title-lead-horizontal-007 h3, #section_box_52 .v-inner-boxes-003 .v-img-title-lead-horizontal-007 h3{
  		font-size: 28px !important;
	}
}

#section_sections_5 .maker-box{
  display:flex !important;
  justify-content:center !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

#section_sections_5 #sections_header + .container{
  max-width:480px !important;
}

@media (min-width:768px){
  #section_calendar_2,
  #section_calendar_51{
    padding-top: 90px !important;
    padding-bottom: 90px  !important;
  }
}

.v-news-items-002 .bg-dark{
  background-color: rgba(var(--bs-secondary-rgb),0.6) !important;  
}

/* A megamenü nyitó blokkjában a képzési szintek szekció fut: az emblémát a saját
   mh-90px korlátja méretezi, a feliratot pedig arany színben kell tartani
   (a .colored-offcanvas span mindent fehérré tenne). */
.offcanvas-menu-right-label .text-own-color{
  color: rgb(var(--own-color-rgb)) !important;
}

/* A Neptun/Moodle logók legyenek legfeljebb 150px szélesek.
   (Csak a beágyazott képek: a szekció háttérképe is kép-elem.) */
#section_sections_5 .embed-image-box img{
  max-width:150px !important;
  height:auto !important;
}

/* A fejléc-ikonok és a nyelvváltó minden nézetben fehér: a motor mobilon fixen
   icon-dark/text-dark osztályt renderel. A nyelvváltót tartalmazó auth-wrapper pedig
   d-none d-lg-flex konténerben van, ezért mobilon nem látszódott (itt csak a nyelvváltó van benne). */
header .search-icon svg{
  fill:#fff !important;
}
header .hamburger-toggle{
  color:#fff !important;
}
header .v-navigation-section-005{
  display:flex !important;
}
header .v-navigation-section-005 .v-lang-wrapper-001 a{
  color:#fff !important;
}

/* Kis kijelzőn a logó (natural szélessége 220px) kiszorította az ikonokat a fejlécből. */
@media (max-width: 575.98px){
  header .main-logo-img{
    max-width:150px;
    height:auto;
  }
}
@media (max-width: 380px){
  header .main-logo-img{
    max-width:110px;
  }
}

/* A képzési szintek kártyáin hoverre finom zoom. Saját szabály kell: a téma
   zoom-img-hover osztályát a shared.css transform:none-ja kiüti. */
.kepzes-card picture img{
  transition: transform .3s ease;
}
.kepzes-card:hover picture img{
  transform: scale(1.12);
}

/* --- Képzés-katalógus: nincs valódi termékkép (a helyén placeholder jelent meg) --- */

/* A kártyákon a kép-blokk és a kép-link is eltűnik, hogy üres, kattintható sáv se maradjon. */
.v-item-card-parts-item-card-img-001,
.v-item-card-parts-item-card-img-002{
  display:none !important;
}
article.card a:has(.v-item-card-parts-item-card-img-001){
  display:none !important;
}

/* A termékoldalon a képes oszlop eltűnik, a névvel/adatokkal lévő oszlop teljes szélességű,
   a sor pedig container-szélességben, középre igazítva (mint a leírás és a jellemzők blokkja). */
.v-details-004{
  display:none !important;
}
.v-details-005{
  flex:0 0 100% !important;
  max-width:100% !important;
  width:100% !important;
}
.v-details-003{
  width:100%;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media (min-width:576px){  .v-details-003{ max-width:540px; } }
@media (min-width:768px){  .v-details-003{ max-width:720px; } }
@media (min-width:992px){  .v-details-003{ max-width:960px; } }
@media (min-width:1200px){ .v-details-003{ max-width:1140px; } }
@media (min-width:1400px){ .v-details-003{ max-width:1320px; } }

/* A jellemzők blokkja a leírás-dobozzal (.v-details-008) egy vonalban: a p-0 miatt volt szélesebb. */
.v-properties-box-root.p-0{
  padding-left:.75rem !important;
  padding-right:.75rem !important;
}

/* A termék neve alatt kisebb hézag: a h1 mb-4-e és az oszlop mb-3-a is elmarad,
   így a leírás-dobozig a wrapper pb-3-a és a doboz saját my-3-a marad (2x16px). */
.v-details-005 h1{
  margin-bottom:0 !important;
}
.v-details-005{
  margin-bottom:0 !important;
}

/* A beúszó (offcanvas) menü oszlopai: a 100% magasság csak a MINIMUM legyen.
   A görgethető doboz az offcanvas törzse, és a stretch miatt a menü a LÁTHATÓ magasságot
   vette fel, ezért a hosszabbik oldal (jobb oldali almenü-lista VAGY a bal oldali főmenü)
   kigörgetett része mögül elfogyott a háttér. A két oszlop a menü magasságára nyúlik.
   Csak a kétoszlopos (lg) nézetben kell: kisebb kijelzőn a menü egymás alatti oszlopokra vált. */
@media (min-width: 992px){
  .offcanvas-menu{
    align-self: flex-start;
    min-height: 100%;
  }
}

/* Menüoldal almenü-listája (v-childs-001): a linkek utáni nyíl-ikon rejtve. */
.v-childs-001 a svg{
  display:none;
}

/* Eseménylista (v-calendar-index-006) és a főoldali esemény-szekció (v-inner-calendar-004): a sablon alapja col-12 col-md-6 -> lg-n 3, xl-től 4 kártya egy sorban. */
@media (min-width: 992px){
  .v-calendar-index-006 > .col-md-6,
  .v-inner-calendar-004 > .col-md-6{
    width:33.333333%;
  }
}
@media (min-width: 1200px){
  .v-calendar-index-006 > .col-md-6,
  .v-inner-calendar-004 > .col-md-6{
    width:25%;
  }
}

/* Lábléc: fehér linkek a sötétkék háttéren (kontraszt) */
.v-footer-001 .bg-secondary a:not(.btn) { color: #fff !important; }

/* Lebegő social panel (ügyfélkérés 2026-11-09): mobilon (632 px alatt), ahol a panel a szöveg fölé lógna, összecsukva a jobb alsó sarokban ül a felgörgető gomb fölött;
   érintésre / egérrel / billentyűzet-fókuszra nyílik fel. Szélesebb nézetben változatlan. */
@media (max-width: 631.98px) {
  .v-floating-social-panel-001 {
    top: auto !important;
    bottom: 3.625rem;
    transform: none !important;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    cursor: pointer;
  }
  .v-floating-social-panel-001::before {
    content: "";
    width: 40px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .v-floating-social-panel-001 > ul {
    max-height: 0;
    overflow: hidden;
  }
  .v-floating-social-panel-001:hover > ul,
  .v-floating-social-panel-001:focus-within > ul {
    max-height: 20rem;
    margin-bottom: .5rem !important;
  }
}
