/*
 Theme Name:   Prime FSE Child for GSP Logistics
 Description:  Child theme for Prime FSE theme
 Author:       Katalin Hegyesi-Kovacs at hekkweb
 Author URI: https://hekkweb.hu
 Template:     prime-fse
 Version:      2.0
*/

/* Roboto 300 (Light) */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Roboto 400 (Normal) */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Roboto 700 (Bold) */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Roboto 300 (Light Italic) */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Roboto 400 (Normal) */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Roboto 700 (Bold) */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}



/*@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

/*@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic.eot');
    src: url('fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Italic.woff2') format('woff2'),
        url('fonts/Roboto-Italic.woff') format('woff'),
        url('fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}*/
body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
}
/*Sárga csík design a menün*/
/* Csak a HEADER navigáció linkjeire, de NEM a Polylang switcherre*/
header .wp-block-navigation .wp-block-navigation-item:not(.wp-block-polylang-navigation-language-switcher) > .wp-block-navigation-item__content {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    line-height: 40px;
    margin-bottom: -4px;
}
/* Alapállapot: rejtett sárga vonal */
header .wp-block-navigation .wp-block-navigation-item:not(.wp-block-polylang-navigation-language-switcher) > .wp-block-navigation-item__content::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 0;
    background-color: var(--wp--preset--color--gsp-yellow);
    opacity: 0;
    transition: width .25s ease, opacity .25s ease;
}
/* Hover: animált megjelenés**/
header .wp-block-navigation .wp-block-navigation-item:not(.wp-block-polylang-navigation-language-switcher) > .wp-block-navigation-item__content:hover::before {
    width: 100%;
    opacity: 1;
}
/* Szubmenü konténer stílusa */
.wp-block-navigation .wp-block-navigation__submenu-container {
    padding: 0 !important; 
    background-color: #fff !important;
    border: none !important;
    border-bottom: 4px solid var(--wp--preset--color--gsp-yellow) !important; /* Alsó sárga csík */
    min-width: 290px !important;
	font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 1.4px;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container{
	left: 0;
    right: auto;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
	line-height: initial;}
/* Biztosítjuk, hogy a szubmenü elemen belül NE legyen vonal animáció */
.wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
    display: none !important;
}
/* Szubmenü elemek (li) elválasztó vonala */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
    border-bottom: 1px solid #e1e1e1 !important; /* Halvány szürke választóvonal */
    margin: 0 !important;
}
/* Utolsó elemnél ne legyen elválasztó (mert ott a sárga csík) */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
    border-bottom: none !important;
}
/* Szubmenü linkek belső paddingja */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 15px 20px !important;
    display: block !important;
    width: 100%;
    transition: background-color 0.3s ease;
}
/* Hover állapot: Szürke háttér a szubmenü elemeknek */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background-color: #f7f7f7 !important;
}

/*sárga csík design vége*/
.wp-block-navigation__responsive-container .wp-block-buttons {
	align-self: flex-start;
}
/* A mobilmenü konténer ne lógjon túl vízszintesen */
.wp-block-navigation__responsive-container.is-menu-open {
    max-width: 100vw;
    overflow-x: hidden;
}
/* Hamburger menü 1216px alatt MINDIG látható */
@media (max-width: 1215px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown),
    .wp-block-navigation__responsive-container-close:not(.always-shown) {
        display: flex !important;
    }
    
    /* Desktop menü rejtve 1216px alatt */
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }
}
.exit-btn {
	margin-bottom: -4em !important;
}
.exit-btn a {
	display: block;
    color: #185a2d;
	padding-right: 30px!important;
	background-position: right 10px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.833417 7.5C0.833417 7.31214 0.908044 7.13198 1.04088 6.99914C1.17372 6.8663 1.35389 6.79167 1.54175 6.79167H6.918L5.28883 5.16959C5.22279 5.10354 5.1704 5.02514 5.13466 4.93885C5.09891 4.85256 5.08052 4.76007 5.08052 4.66667C5.08052 4.57327 5.09891 4.48079 5.13466 4.39449C5.1704 4.3082 5.22279 4.2298 5.28883 4.16375C5.35488 4.09771 5.43328 4.04532 5.51957 4.00958C5.60586 3.97384 5.69835 3.95544 5.79175 3.95544C5.88515 3.95544 5.97764 3.97384 6.06393 4.00958C6.15022 4.04532 6.22862 4.09771 6.29467 4.16375L9.128 6.99709C9.19249 7.06445 9.24304 7.14389 9.27675 7.23084C9.34759 7.40329 9.34759 7.59672 9.27675 7.76917C9.24304 7.85612 9.19249 7.93556 9.128 8.00292L6.29467 10.8363C6.22882 10.9026 6.15047 10.9553 6.06416 10.9913C5.97784 11.0273 5.88526 11.0458 5.79175 11.0458C5.69824 11.0458 5.60566 11.0273 5.51934 10.9913C5.43302 10.9553 5.35468 10.9026 5.28883 10.8363C5.22244 10.7704 5.16975 10.6921 5.13378 10.6057C5.09782 10.5194 5.07931 10.4268 5.07931 10.3333C5.07931 10.2398 5.09782 10.1472 5.13378 10.0609C5.16975 9.97461 5.22244 9.89627 5.28883 9.83042L6.918 8.20834H1.54175C1.35389 8.20834 1.17372 8.13371 1.04088 8.00087C0.908044 7.86803 0.833417 7.68787 0.833417 7.5ZM2.95842 0.416672H10.0417C10.6053 0.416672 11.1458 0.640555 11.5444 1.03907C11.9429 1.43758 12.1667 1.97809 12.1667 2.54167V12.4583C12.1667 13.0219 11.9429 13.5624 11.5444 13.9609C11.1458 14.3595 10.6053 14.5833 10.0417 14.5833H2.95842C2.39483 14.5833 1.85433 14.3595 1.45581 13.9609C1.0573 13.5624 0.833417 13.0219 0.833417 12.4583V10.3333C0.833417 10.1455 0.908044 9.96531 1.04088 9.83247C1.17372 9.69963 1.35389 9.625 1.54175 9.625C1.72961 9.625 1.90978 9.69963 2.04262 9.83247C2.17546 9.96531 2.25008 10.1455 2.25008 10.3333V12.4583C2.25008 12.6462 2.32471 12.8264 2.45755 12.9592C2.59039 13.092 2.77055 13.1667 2.95842 13.1667H10.0417C10.2296 13.1667 10.4098 13.092 10.5426 12.9592C10.6755 12.8264 10.7501 12.6462 10.7501 12.4583V2.54167C10.7501 2.35381 10.6755 2.17364 10.5426 2.0408C10.4098 1.90797 10.2296 1.83334 10.0417 1.83334H2.95842C2.77055 1.83334 2.59039 1.90797 2.45755 2.0408C2.32471 2.17364 2.25008 2.35381 2.25008 2.54167V4.66667C2.25008 4.85453 2.17546 5.0347 2.04262 5.16754C1.90978 5.30038 1.72961 5.375 1.54175 5.375C1.35389 5.375 1.17372 5.30038 1.04088 5.16754C0.908044 5.0347 0.833417 4.85453 0.833417 4.66667V2.54167C0.833417 1.97809 1.0573 1.43758 1.45581 1.03907C1.85433 0.640555 2.39483 0.416672 2.95842 0.416672Z' fill='%23155028'/%3E%3C/svg%3E");
}
.wp-block-navigation__responsive-container-content ul:has(li.lang-item)  {
	flex-direction: row-reverse;
	gap: 0;
}
.wp-block-polylang-language-switcher {
    display: flex !important;
    flex-direction: row;
    /*gap: 10px;  /* Térköz */
    list-style: none;
}
.lang-item-first{
	margin-right: -2em;
}
.wp-block-polylang-language-switcher li {
    display: inline-block;
}

.wp-block-polylang-language-switcher a, .wp-block-polylang-navigation-language-switcher a {
	text-decoration: none;
	font-size: 15px;
	padding: 5px;
    margin: 3px;
    background: rgba(255, 255, 255, 0.85);
}
.wp-block-polylang-language-switcher li.current-lang a, .current-lang a {
    text-decoration: underline;
}
/* --- MOBIL NÉZET FIXÁLÁSA (1215px alatt) --- */
@media (max-width: 1215px) {

    /* 1. Services és Nyíl egymás mellé kényszerítése */
    .wp-block-navigation-item.has-child {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap; /* Hogy a lenyíló lista alá tudjon ugrani */
        align-items: center !important;
        justify-content: flex-start !important;
    }

    /* 2. Felirat és Nyíl finomhangolása */
    .wp-block-navigation-item.has-child > a {
        display: inline-block !important;
        width: auto !important;
        margin-right: 5px !important;
    }

    .wp-block-navigation-submenu__toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        padding: 10px !important;
        margin: 0 !important;
        background: transparent !important;
    }
	.wp-block-navigation .wp-block-navigation__submenu-icon {
		align-self: flex-start;}

    /* 3. A szubmenü lista alaphelyzetben legyen REJTVE és kerüljön ÚJ SORBA */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
        display: none !important; 
        flex-basis: 100%; /* Ez kényszeríti új sorba a listát a szó és nyíl alatt */
        position: static !important;
        visibility: hidden;
        height: 0;
        padding-left: 15px !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* 4. MEGJELENÍTÉS: Csak ha a nyílra rákattintottak (aria-expanded="true") */
    .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-container {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        margin-top: 10px;
    }

    /* 5. Nyíl színe és forgatása */
    .wp-block-navigation-submenu__toggle svg {
        fill: none !important;
        stroke: currentColor !important;
        transition: transform 0.2s ease;
    }

    .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
        transform: rotate(180deg);
    }
}
.breadcrumbs .post{
	display: none;
}
.breadcrumbs {
    white-space: nowrap;
}

.breadcrumbs {
    font-size: 0;
}
.breadcrumbs span,
.breadcrumbs a,
.breadcrumbs span * {
    font-size: 14px; /* vagy amit szeretnél */
}

.home-slider a{
	text-decoration: none;
}
.home-slider a:hover {
	color: #FEE027;
}
/*animált képek oldalon vonallal*/
/* A Cover blokk maga kapja a mozgást */
.wp-block-cover.box-transform {
    position: relative;
    overflow: hidden;
}

/* A kép elemet fixáljuk, aztán a háttérpozíciót animáljuk */
.wp-block-cover.box-transform img.wp-block-cover__image-background {
    margin-top: -48px;
	position: absolute;
    inset: 0;
    width: 125%;
    height: 125%;
    object-fit: cover;
    object-position: 50% 50%; /* kezdőpozíció */
    animation: bgPos 20s linear infinite;
}

/* Animáció PONTOSAN a kép pozíciójára */
@keyframes bgPos {
    0%   { object-position: calc(50% + 50px) calc(50% - 50px); }
    50%  { object-position: 50% calc(50% + 50px); }
    100% { object-position: calc(50% + 50px) calc(50% - 50px); }
}
/*Kapcsolati űrlap*/
.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.form-col {
  flex: 1;
}
.form-col p {
	margin-block-end: 0px;
    margin-block-start: 0px;
}
/* Inputok, select, textarea egységes stílusa */
.form-col input, .form-col select, textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  font-size: 15px;
  font-weight: 400;
  font-family: inherit;
  color: #666666;
  box-sizing: border-box;
}

/* Placeholder stílus */
.form-col input::placeholder,
.form-col select::placeholder,
textarea::placeholder {
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  font-family: inherit;
}
/*Select magasság fixálása */
.form-col select {
  height: 45px;
}
/* CF7 gomb igazítása a WP blokk gombhoz */
input.wpcf7-submit.wp-block-button__link {
  display: inline-block;
  background: var(--wp--preset--color--gsp-yellow);
  color: var(--wp--preset--color--gsp-green);
  padding: 12px 24px;
  border-radius: 0px;
  border: none;
	font-size: 16px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
}

/* Hover állapot */
input.wpcf7-submit.wp-block-button__link:hover {
  opacity: 0.85;
}
/* Mobil nézet: oszlopos elrendezés */
@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
  }
	.wpcf7 form .wpcf7-submit {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}

/*Kapcsolati űrlap vége*/

/* Mobil finomhangolás */
@media (max-width: 767px) {
    .wp-block-cover.box-transform img.wp-block-cover__image-background {
        animation-duration: 25s;
		margin-top: -25px;
    }
    @keyframes bgPos {
        0%   { object-position: calc(50% + 20px) calc(50% - 20px); }
        50%  { object-position: 50% calc(50% + 20px); }
        100% { object-position: calc(50% + 20px) calc(50% - 20px); }
    }
	.wp-block-cover.box-transform {
    min-height: 180px;
	}
}

/* Desktop */
@media (min-width: 768px) {
    .box-transform-wrap {
        min-height: 334px;
    }
}

.page-breadcrumb {
    margin-left: -10px;
    margin-right: -10px;
	text-transform: uppercase;
    font-weight: 500;
}

/*pipás lista kinézet*/
.checked-list {
    list-style: none;
    padding-left: 0;
}

.checked-list li {
    position: relative;
    padding-left: 24px; /* hely a pipának */
    margin-bottom: 6px;
}

.checked-list li::before {
    content: "";
    position: absolute;
    left: 0;
    align-self: center;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07812 8.78906L0.164062 4.89844C0.0546875 4.78906 0 4.64844 0 4.47656C0 4.30469 0.0546875 4.16406 0.164062 4.05469L1.03125 3.21094C1.14062 3.08594 1.27344 3.02344 1.42969 3.02344C1.60156 3.02344 1.75 3.08594 1.875 3.21094L4.5 5.83594L10.125 0.210938C10.25 0.0859375 10.3906 0.0234375 10.5469 0.0234375C10.7188 0.0234375 10.8594 0.0859375 10.9688 0.210938L11.8359 1.05469C11.9453 1.16406 12 1.30469 12 1.47656C12 1.64844 11.9453 1.78906 11.8359 1.89844L4.92188 8.78906C4.8125 8.91406 4.67188 8.97656 4.5 8.97656C4.32812 8.97656 4.1875 8.91406 4.07812 8.78906Z' fill='%23408255'/%3E%3C/svg%3E");
}

.wp-block-separator {
	height: 4px !important;}
.bal-sarga-img, .jobb-sarga-img {
	position: relative;
}
.bal-sarga-img:after {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 4px;
    height: 72px;
    background-color: #fee027;
}
.jobb-sarga-img:after {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 4px;
    height: 72px;
    background-color: #fee027;
    right: 0;
}
.shadowy:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
  transition: box-shadow 0.3s ease;
}

.page-quality-slider .slick-slider .slick-list {
    overflow: hidden; 
}
.page-quality-slider img{
	filter: grayscale(1);
}
.page-quality-slider img:hover{
	filter: none;
}
.page-quality-slider figure:before {
    content: " ";
    border-left: 1px solid #1e1e1e;
    content: "";
    align-self: center;
    height: 100px;
	margin-right: 1.5em;
}
.page-quality-slider .slick-next {
    right: -100px;
}
.page-quality-slider .slick-prev {
    left: -100px;
}
.page-quality-slider .slick-next:before, .page-quality-slider .slick-prev:before {
	color: #155028;
	}
.page-quality-slider .slick-next:before, .page-quality-slider .slick-prev:before { 
	content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background: currentColor;
    top: 50%;
    transform: translateY(-50%);
}
.page-quality-slider .slick-next:after, .page-quality-slider .slick-prev:after { /* Fej */
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-color: #155028;
    border-style: solid;
    top: 50%;
}
.page-quality-slider .slick-next::before { right: 15px; }
.page-quality-slider .slick-next:after { 
    border-width: 2px 2px 0 0; 
    transform: translateY(-50%) rotate(45deg); 
    right: 15px; 
}
.page-quality-slider .slick-prev:before {left:15px;}
.page-quality-slider .slick-prev:after { 
	border-width: 2px 0 0 2px; 
    transform: translateY(-50%) rotate(-45deg); 
    left: 15px;
}
.bal-sarga-vonal{
	margin-left: 0px;
    height: 4px !important;
}
.wp-block-getwid-icon-box__icon-wrapper i.fa-phone:before {
    transform: translateX(-50%) scaleX(-1);
}
footer a:where(:not(.wp-element-button)){
	text-decoration: none;
	color: inherit;
}
footer .wp-block-navigation-item {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M10 17 L15 12 L10 7 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left -8px top 4px;
    background-size: 20px;
    padding-left: 13px!important;
    opacity: .8;
    transition: padding-left .3s ease-in-out;
}
footer .wp-block-navigation-item a {
    display: inline-block; /* fontos, hogy lehessen transformálni */
    transition: transform 0.3s ease-in-out;
}

footer .wp-block-navigation-item a:hover {
    transform: translateX(10px);
}
footer .wp-block-getwid-icon-box {
	margin-bottom: -15px;
	margin-top: -15px;
}
.logo-container, .wp-block-site-logo img {
	position: relative;
}
.logo-container:before {
	position: absolute;
    content: '';
    top: -2em;
    right: -2em;
    bottom: -0.8em;
    width: 100vw;
    background: #ffffff;
    transform: skewX(16deg);
    transform-origin: 50% 100%;
    will-change: transform;
    pointer-events: none;
}
/* Három csíkos hamburger ikon */
.wp-block-navigation__responsive-container-open svg path {
    d: path("M4 6h16v1.5H4z M4 11.25h16v1.5H4z M4 16.5h16v1.5H4z");
}
@media (min-width: 768px){
	.box-transform-wrap{
		min-height: 334px;
	}
}
@media (max-width: 426px){
	.bal-sarga-img .wp-block-getwid-banner__wrapper , .jobb-sarga-img .wp-block-getwid-banner__wrapper{
	height: 200px;
	}
}
@media (max-width: 767px) {
    .wp-block-post-content {
        padding-left: 15px;
        padding-right: 15px;
    }
	.page-quality-slider .slick-next, .page-quality-slider .slick-prev {
    display:none!important;
	}
	.page-breadcrumb {
    margin-left: -0.5em;
    margin-right: -0.5em;
	}
	.bal-kep-oszlop {
		 flex-direction: column-reverse;
	}
	.logo-container .wp-block-site-logo img  {
    width: auto;
	}
	.home-slider {
		width: 100vw;
		margin-left: -15px;
	}
	.home-slider h2 {
		font-size: 32px;
	}
	.mobilon-balra-text {
	text-align: left;
	}
	.wp-block-separator{
	margin-bottom: 2em;
	}
	.jobb-szurke-csik{
	border-right-width: 0px !important;
	}
	/* Mobil nézet – a Polylang nyelvváltó legyen legfelül */
    /* A navigáció elemei flex column módba kerülnek */
    .wp-block-navigation__responsive-container-content {
        display: flex;
        flex-direction: column;
    }
    /* A Polylang nyelvváltó elem mozgatása az első helyre */
    .wp-block-navigation__responsive-container-content ul:has(li.lang-item)  {
        order: -1;
		display: flex;
        flex-direction: row !important;
		  flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 30px !important;
    }

    /* A benne lévő nyelvi LI-k ne legyenek 100% széles “blokkok” */
    .wp-block-navigation__responsive-container-content ul:has(li.lang-item) > li {
        width: auto !important;
        flex: 0 0 auto;
    }
}