/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

a {
	transition: .3s;
}

#brxe-dilwgg h3 {
	font-size:24px;
	padding-bottom:16px;
}

.elso_narancs_oszlop {
	background-color: #CF6D21!important;
	height: 20px!important;
	width: 100%!important;
}

.masodik_narancs_oszlop {
	background-color: #CF6D21!important;
	height: 40px!important;
	width: 100%!important;
}

.harmadik_narancs_oszlop {
	background-color: #CF6D21;
	height: 60px;
}

.negyedik_narancs_oszlop {
	background-color: #CF6D21;
	height: 80px;
}

#brxe-qqbves .bricks-nav-menu a,
#brxe-qqbves .bricks-mobile-menu a {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
}

#brxe-qqbves .bricks-nav-menu a::after,
#brxe-qqbves .bricks-mobile-menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 0;
  background: currentColor;
  transition: width .22s ease-out;
}

#brxe-qqbves .bricks-nav-menu a:hover::after,
#brxe-qqbves .bricks-nav-menu a:focus-visible::after,
#brxe-qqbves .bricks-mobile-menu a:hover::after,
#brxe-qqbves .bricks-mobile-menu a:focus-visible::after {
  width: 100%;
}

#brxe-qqbves .bricks-nav-menu li.current-menu-item > a::after,
#brxe-qqbves .bricks-nav-menu li.current_page_item > a::after,
#brxe-qqbves .bricks-nav-menu li.current-menu-ancestor > a::after,
#brxe-qqbves .bricks-mobile-menu li.current-menu-item > a::after,
#brxe-qqbves .bricks-mobile-menu li.current_page_item > a::after,
#brxe-qqbves .bricks-mobile-menu li.current-menu-ancestor > a::after {
  width: 100%;
}

#brxe-qqbves .bricks-nav-menu a,
#brxe-qqbves .bricks-mobile-menu a {
  padding-bottom: 3px;
}

@media (max-width: 768px) {
	.brxe-znfivv .brxe-vywccc.brxe-icon {
		--brx-icon-transform: none!important;
	}
}

#brxe-xpieoi .bricks-button {
	padding: 12px 24px;
	transition: .3s;
}
#brxe-xpieoi .bricks-button:hover {
	opacity: .9;
}



/* === EREDeti desktop kód marad, ahogy van === */
#brxe-zihenx {
  background-color: #1e2441 !important;
}
@supports (clip-path: polygon(0 0,100% 0,100% 100%,0 100%)) {
  #brxe-zihenx {
    position: relative;
    background: none !important;
    background-color: #1e2441 !important;
    overflow: hidden;
  }

  #brxe-zihenx > * { position: relative; z-index: 1; }

  #brxe-zihenx::after {
    content: "";
    position: absolute; top: 0; right: 0; bottom: 0;
    width: 50%;
    background-image: url("/wp-content/uploads/2025/11/hero_bg-683x1024.jpg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    pointer-events: none; z-index: 0;
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
  }
}

/* === MOBIL kiegészítés (≤1023px) === */
@media (max-width: 1023px) {
  /* állítható magasság + ferde sáv magasság */
  #brxe-zihenx { 
    --hero-mobile-h: 400px;     /* a kép magassága mobilon */
    --hero-slope-h: 50px;       /* ferde elválasztó sáv magassága */
    background-color: #1e2441 !important;
    position: relative;
    padding-top: var(--hero-mobile-h);   /* a tartalmat a kép alá tolja */
  }

  /* a tartalom menjen a pszeudo-elemek fölé */
  #brxe-zihenx > * {
    position: relative;
    z-index: 2;
  }

  /* KÉP + csak a képen lévő GRADIENT overlay (rétegezve) */
  #brxe-zihenx::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    width: 100%;
    height: var(--hero-mobile-h);
    /* 1) gradient (ELÖL), 2) tényleges kép (HÁTUL) */
    background-image:
      linear-gradient(#1e2441, rgba(30, 36, 65, 0.2)),
      url("/wp-content/uploads/2025/11/hero_bg-683x1024.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: cover, cover;
    pointer-events: none;
    z-index: 0;
    clip-path: none; /* mobilon nem kell ferde vágás a képre */
  }

  /* Ferde elválasztó a kép ALJÁN, a kék háttér színével (kép fölé, tartalom alá) */
  #brxe-zihenx::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: calc(var(--hero-mobile-h) - var(--hero-slope-h));
    height: var(--hero-slope-h);
    background: #1e2441;
    /* enyhe lejtés: bal magasabb → jobb alacsonyabb
       az "80%" mértéket bátran finomhangolhatod 60–85% között */
    clip-path: polygon(0 0, 100% 80%, 100% 100%, 0 100%);
    pointer-events: none;
    z-index: 1;
  }
}






#blog_single_container h2,
#blog_single_container h3,
#brxe-huctyd h2,
#brxe-huctyd h3 {
	padding-bottom: 24px;
}

#blog_single_container h2,
#brxe-huctyd h2 {
	line-height: 1.2;
}

@media (max-width: 1023px) {
	#blog_single_container h2,
	#brxe-huctyd h2 {
		font-size: 36px;
	}
	#blog_single_container h3,
	#brxe-huctyd h3 {
		font-size: 24px;
	}
}

#blog_single_container img {
	padding-top: 16px;
	padding-bottom: 16px;
}

#blog_single_container blockquote {
    border-left-style: solid;
    border-left-width: 2px;
	border-left-color: #CF6D21;
    font-family: "Roboto"!important;
    font-size: 20px;
	font-style: italic;
    margin: 15px 0;
    padding: 0 0 0 30px;
    position: relative;
	line-height: 28px;
}

#brxe-gnzrww .bricks-layout-inner,
#brxe-pblmtp .bricks-layout-inner,
#brxe-fvkxhd .bricks-layout-inner,
#brxe-gysrnf .bricks-layout-inner,
#brxe-sghaxx .bricks-layout-inner,
#brxe-qhbyir .bricks-layout-inner {
	transition: .3s;
}

#brxe-gnzrww .bricks-layout-inner a,
#brxe-pblmtp .bricks-layout-inner a,
#brxe-fvkxhd .bricks-layout-inner a,
#brxe-gysrnf .bricks-layout-inner a,
#brxe-sghaxx .bricks-layout-inner a,
#brxe-qhbyir .bricks-layout-inner a {
	transition: 0s;
}






/* Mobil / tablet (≤1023px): horizontális görgetés + scroll-snap */
@media (max-width: 1023px) {
  /* a sorok wrapper-e: #brxe-vtxdrq */
  #brxe-wuclfe #brxe-vtxdrq{
    display: grid;
    grid-auto-flow: column;          /* egymás mellé pakolja a gyerekeket */
    grid-auto-columns: 85%;          /* egy lap ~85% széles kártya */
    gap: 16px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;   /* lapról lapra "pattan" */
    -webkit-overflow-scrolling: touch;

    /* szélen 24px belső padding + edge-to-edge peek hatás */
    padding: 0 24px 8px;
    margin-inline: -24px;
  }

  /* minden kártya (repeater item) snap-pozíciója */
  #brxe-wuclfe #brxe-vtxdrq > .brxe-kljkcc{
    scroll-snap-align: start;
  }

  /* görgetősáv elrejtése (opcionális) */
  #brxe-wuclfe #brxe-vtxdrq::-webkit-scrollbar{ display:none; }
  #brxe-wuclfe #brxe-vtxdrq{ scrollbar-width: none; }
}






/* Korábbi partnereink – vízszintes húzhatóság 1023px alatt (fix: első elem ne vágódjon le) */
@media (max-width: 1023px){

  /* bármi rejtett overflow-t kiiktatunk a szülőkön is */
  #brxe-wzrnnb,
  #brxe-wzrnnb > .brxe-container,
  #brxe-gbkjnk{
    overflow: visible !important;
  }

  /* a logósor wrapper: tényleg horizontálisan görgethető */
  #brxe-wzrnnb #brxe-ktxdjc{
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    flex-wrap: nowrap !important;
    gap: 24px;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    touch-action: pan-x pinch-zoom;
    cursor: grab;
    scroll-padding-left: 24px;
  }

  /* egyes logó “kártyák” – ne törjenek sorba, ne legyen szélességkényszer */
  #brxe-wzrnnb #brxe-ktxdjc > .brxe-rygplb{
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    scroll-snap-align: start;
  }

  /* képek aránytartó méretezése */
  #brxe-wzrnnb #brxe-ktxdjc img{
    display: block;
    height: 48px;      /* igény szerint állítható (40–56px jó tartomány) */
    width: auto;
    max-width: none !important;
    pointer-events: none; /* könnyebb húzni */
  }

  /* görgetősáv elrejtése (opcionális) */
  #brxe-wzrnnb #brxe-ktxdjc::-webkit-scrollbar{ display: none; }
  #brxe-wzrnnb #brxe-ktxdjc{ scrollbar-width: none; }
}

/* desktopon “drag” vizuális állapot (opcionális, ha a JS-t is használod) */
#brxe-ktxdjc.is-dragging{ cursor: grabbing; }






/* Fő szakterületeink – vízszintes húzhatóság 1023px alatt (stabil grid-es verzió) */
@media (max-width:1023px){

  /* ne vágja le a túlcsordulást semmi */
  #brxe-yfjtoz,
  #brxe-yfjtoz > .brxe-container,
  #brxe-qwrbks{
    overflow: visible !important;
  }

  /* görgethető sáv: oszlopfolyású grid, fix oszlopszélességgel */
  #brxe-yfjtoz #brxe-pgosei{
    display: grid !important;
    grid-auto-flow: column !important;
    gap: 16px !important;

    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    touch-action: pan-x pinch-zoom;
    scroll-padding-left: 24px;
  }

  /* kártyák: NE legyenek 100% szélesek, szépen illeszkedjenek az oszlopokba */
  #brxe-yfjtoz #brxe-pgosei > .brxe-tzgeev{
    max-width: none !important;
    min-width: 0 !important;            /* tartalom zsugorodhasson */
    scroll-snap-align: start;
    margin: 0 !important;
  }

  /* belső elemek ne lökjék szét a kártyát */
  #brxe-yfjtoz #brxe-pgosei > .brxe-tzgeev > *{
    max-width: 100% !important;
  }

  /* opcionális: görgetősáv elrejtése */
  #brxe-yfjtoz #brxe-pgosei::-webkit-scrollbar{ display: none; }
  #brxe-yfjtoz #brxe-pgosei{ scrollbar-width: none; }
}