/* Raktározás */

.warehouse .warehouse-cont .container {
    padding-top: 10vh;
}

.warehouse h2 {
    color: #C62E2E;
    -webkit-text-stroke: 1px #fff;
    text-shadow:
        rgba(255, 255, 255, 1) 0px 5px 10px,
        rgba(255, 255, 255, 0.5) 0px 5px 15px;
    opacity: 1;
}

.warehouse h6 {
    font-size: 1.8em;
    color: #C62E2E;
    -webkit-text-stroke: 0.8px #fff;
}

.warehouse .text-muted {
    color: #FEF3E2 !important;
    font-family: "EthnoCentricFont", serif;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.warehouse .warehouse-li li {
    list-style-type: none;
    /* Eltünteti a felsorolásjeleket */
    font-family: "Montserrat", serif !important;
    color: #EEEEEE;
}

.warehouse .list-unstyled li {
    font-family: "Montserrat", serif !important;
    color: #EEEEEE;
}

.warehouse p {
    color: #EEEEEE;
    font-weight: 400;
    text-align: justify;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

.warehouse .carousel {
    width: 100%;
    max-width: 800px;
    margin: 2rem auto;
    display: flex;
    justify-content: center;
}

.no-pointer {
    cursor: default !important;
    /* Normál kurzor */
}

@media (max-width: 768px) {

    .warehouse .container {
        margin-top: 50px !important;
    }

    .warehouse h6 {
        font-size: 1.8em;
        text-align: center;
    }

    .warehouse li {
        font-size: 1em;
    }

}

@media (max-width: 460px) {

    .warehouse h2 {
        -webkit-text-stroke: 1px #fff;
        text-shadow:
            rgba(255, 255, 255, 1) 0px 2px 3px,
            rgba(255, 255, 255, 0.5) 0px 2px 5px;
        opacity: 1;
    }

    .warehouse h6 {
        font-size: 1.5em;
        text-align: center;
    }

    .warehouse li {
        font-size: 0.9em;
    }

}

/* Logistics */

.logistics img {
    border-radius: 15px;
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

.logistics img:hover {
    transform: scale(1.2);
}

/* Csomagolás */

.wrapping img {
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

.wrapping img:hover {
    transform: scale(1.2);
}

/* Minőség ellenőrzés */
.warehouse .qualityc li {
    font-family: "Montserrat", serif !important;
    color: #EEEEEE;
}

.qualityc .text-muted {
    font-size: 11px !important;
    color: #C62E2E !important;
    text-align: center;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

.qualityc img {
    border-radius: 15px !important;
    width: 100%;
    /* Igazítja a kép szélességét a szülő elemhez, mostantól teljes szélesség */
    max-width: 250px;
    /* Maximális szélesség beállítása */
    height: auto;
    /* Magasság arányosan változik a szélességhez képest */
    object-fit: cover;
    /* A kép kitölti a rendelkezésre álló teret */
}

.qualityc h5 {
    font-size: 12px;
    text-align: center;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

.qualityc .card {
    flex: 1 1 auto;
    /* Biztosítja az egységes szélességet */
    max-width: 22em;
    height: 22em;
    /* Növelt kártyamagasság */
    transition: transform 0.5s ease-in-out;
    border: 1px solid #3C3D37 !important;
}

.qualityc .card-body {
    padding: 0;
    /* Csökkentett padding */
    width: 100%;

}

.qualityc .card:hover {
    transform: scale(1.1);
}

@media screen and (min-width: 991px) {

    .qualityc img {
        min-width: 60px;
        height: auto;
        object-fit: cover;
    }
}

@media screen and (max-width: 990px) {
    .qualityc .card {
        max-width: 22em;
        height: 22em;
        height: auto;
    }
}

@media screen and (max-width: 480px) {
    .qualityc img {
        width: 50%;
        /* Igazítja a kép szélességét a szülő elemhez, mostantól teljes szélesség */
        max-width: 250px;
    }

    .warehouse .card {
        margin-bottom: 25px;
    }

    .qualityc .card {
        max-width: 22em;
        height: 22em;
        height: auto;
    }

}

/* Video */

.module-video {
    height: 40vh;
    /* A szekció teljes magassága */
    position: relative;
    padding-top: 0;
    /* Ne legyen nagy padding a szekció tetején */
    padding-bottom: 0;
    /* Az alsó paddingot is eltüntethetjük, ha nem szükséges */
    background-color: transparent !important;
}

/* Alapértelmezett stílus (asztali verzió) */
.video-player {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-player video {
    position: absolute;
    top: 50%;
    /* Középre igazítjuk függőlegesen */
    left: 50%;
    /* Középre igazítjuk vízszintesen */
    transform: translate(-50%, -50%);
    /* Középre igazítás */
    object-fit: cover;
    /* A videó kitöltse a szekciót */
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all 0.1s ease;
    /* Szép átmenet a méretezéshez */
    border-radius: 25px;
}

/* Mobil eszközökre (max-width: 768px) kisebb kezdőméret */
@media (max-width: 768px) {
    .video-player video {
        width: 50%;
        /* Kisebb kezdő szélesség mobilon */
        height: 50%;
        /* Kisebb kezdő magasság mobilon */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* Középre igazítás mobilon */
    }
}

/* Extra kicsi mobil eszközökre (max-width: 480px) */
@media (max-width: 480px) {
    .video-player video {
        width: 40%;
        /* Még kisebb méret */
        height: 40%;
        /* Még kisebb magasság */
    }
}



/* CERTIFICATE */


/* MINŐSÉG ÉS KÖRNYEZETI POLITIKA */
.certificate .container {
    margin-top: 7vh;
}

.minpol .container {
    margin-top: 7vh;
}

.reach .container {
    margin-top: 7vh;
}

.environ p {
    color: #EEEEEE;
    font-weight: 400;
    text-align: justify !important;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

.environ h2 {
    color: #C62E2E;
    -webkit-text-stroke: 1px #fff;
    text-shadow:
        rgba(255, 255, 255, 1) 0px 5px 10px,
        rgba(255, 255, 255, 0.5) 0px 5px 15px;
    opacity: 1;
}

.environ h6 {
    font-size: 1.3em;
    color: #C62E2E;
    -webkit-text-stroke: 0.5px #fff;
}

.environ .text-muted {
    color: #FEF3E2 !important;
    font-family: "EthnoCentricFont", serif;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.environ .shadow {
    box-shadow: 0 0 25px 16px #C62E2E !important;
    background-color: transparent;
    border-radius: 10px;
}

/* Alapértelmezett kártya stílusok */
.carousel-item .card {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    max-width: 400px;
    /* Kártya maximális szélessége */
    margin: 0 auto;
    /* Kártya középre igazítása */
}

.carousel-item .card:hover {
    cursor: pointer;
}

/* Kártya tartalom középre igazítása */
.carousel-item .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* Kép középre igazítása és méretezése */
.carousel-item .card img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /* Kép szélessége kitölti a kártyát */
    height: auto;
    /* Arányos magasság megtartása */
}


/* Kártya címek és leírások */
.carousel-item .card-body h6 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #EEEEEE;
}

.carousel-item .card-body p {
    font-size: 1.1rem;
    color: #EEEEEE;
}

/* Piros nyilak és vastagabbak */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #C62E2E;
    /* Piros háttérszín a nyílhoz */
    border-radius: 50%;
    /* Kerek nyilak */
    border: 5px solid #C62E2E;
    /* Vastag piros szegély */
}

/* Nyilak pirosra színezése és vastagítása hover állapotban */
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
    background-color: #C62E2E;
    /* Piros szín hover esetén */
    border: 5px solid #C62E2E;
    /* Vastag piros szegély hover esetén */
}


/* Flexbox a kártyákhoz mobil nézetben, hogy egymás mellett legyenek */
@media (max-width: 768px) {
    .environ h2 {
        font-size: 2em;
        text-shadow:
            rgba(255, 255, 255, 1) 0px 2px 3px,
            rgba(255, 255, 255, 0.5) 0px 2px 5px;
        opacity: 1;
    }

    .carousel-item .row {
        display: flex;
        flex-wrap: wrap;
        /* Engedjük, hogy a kártyák rugalmasan egymás mellé kerüljenek */
        justify-content: space-between;
    }

    .carousel-item .col-6 {
        /* Használjunk col-6 helyett col-md-6-t */
        flex: 0 0 48%;
        /* 48%-os szélesség, hogy elférjenek egymás mellett */
        margin-bottom: 15px;
        /* Kis térköz a kártyák között */
    }

    /* Nagyobb képek a kártyákra mobilon */
    .carousel-item .card img {
        width: 100%;
        height: auto;
    }

    .carousel-item .card p {
        font-size: 12px;
    }
}

/* Modális háttér (nagyított képekhez) */
.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
}

/* Nagyított kép stílusa */
.modal img {
    max-width: 80%;
    max-height: 80%;
    margin: 0 auto;
    display: block;
}

/* Close gomb */
.modal .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 5px;
}

/* Show the modal when active */
.modal.show {
    display: flex;
}

.card .buttonDownload {
    display: inline-block;
    position: relative;
    padding: 10px 25px;
    background-color: #C62E2E;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    text-indent: 15px;
    border: none;
    border-radius: 5px;
}

.card .buttonDownload:hover {
    background-color: #363333;
    color: white;
}

.card .buttonDownload:before,
.buttonDownload:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 52%;
}

.card .buttonDownload:before {
    width: 15px;
    height: 2px;
    border-style: solid;
    border-width: 0 2px 2px;
}

.card .buttonDownload:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 1s linear infinite;
    animation-play-state: paused;
}

.card .buttonDownload:hover:before {
    border-color: #cdefbd;
}

.card .buttonDownload:hover:after {
    border-top-color: #cdefbd;
    animation-play-state: running;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }

    0.001% {
        margin-top: -15px;
        opacity: 0.4;
    }

    50% {
        opacity: 1;
    }

    100% {
        margin-top: 0;
        opacity: 0.4;
    }
}

/* ECOVADIS */

.ecovadis {
    background-color: #FFF;
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
    padding: 20px 10px;
}

.ecovadis .container {
    display: flex;
    justify-content: center;
    /* Középre igazítás vízszintesen */
    align-items: center;
    /* Középre igazítás függőlegesen */
    flex-direction: row;
    /* Alapértelmezett vízszintes elrendezés */
    padding: 50px 10px 40px 10px !important;
    margin-top: 10vh !important;
}

.ecovadis h2 {
    color: #62825D !important;
    font-family: "Montserrat", serif;
    font-weight: 500;
    text-transform: lowercase;
    text-align: center;
}

.ecovadis p {
    color: #62825D;
    font-weight: 400;
    text-align: justify !important;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

.ecovadis .btn {
    background-color: #62825D !important;
}

.ecovadis a {
    color: #FFF;
    text-transform: uppercase;
}

.ecovadis a:hover {
    color: #9EDF9C !important;
}

@media (min-width: 570px) {
    .ecovadis .d-sm-flex {
        display: flex;
        /* Flexbox alapelrendezés */
        justify-content: center;
        /* Vízszintes középre igazítás */
        align-items: flex-start;
        /* Fent legyen igazítva */
    }

    .ecovadis .slide-in-left {
        flex: 1;
        /* Az iframe szélesebb helyet kap */
        text-align: center;
        /* Az iframe középen marad */
    }

    .ecovadis iframe {
        width: 300px;
        /* Nagyobb méret az iframe-nek */
        height: 300px;
        /* Magasság igazítása */
        max-width: 100%;
        /* Biztonság a kisebb képernyőkre */
    }

    .ecovadis .slide-in-right {
        flex: 3;
        /* Szűkebb helyet kap a szöveg */
        max-width: 600px;
        /* Maximális szélesség */
        padding-left: 20px;
        /* Távolság az iframe-től */
    }

    .ecovadis p {
        text-align: justify;
        /* Igazított szöveg a szebb megjelenéshez */
    }
}

@media (max-width: 768px) {
    .ecovadis {
        clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%);
    }

    .ecovadis .container {
        flex-direction: column;
        /* Mobil nézetben függőleges elrendezés */
        text-align: center;
        /* Szöveg középre igazítása */
        margin-top: -1vh !important;
    }

    .ecovadis .slide-in-left,
    .ecovadis .slide-in-right {
        margin: 10px 0;
        /* Távolság a két elem között */
        text-align: center;
    }

    .ecovadis iframe {
        display: block;
        /* Blokk szintű elem, hogy text-align működjön */
        margin: 0 auto;
        /* Vízszintes középre igazítás */
        position: relative;
        left: 50%;
        /* Balra igazítás ellensúlyozása */
        transform: translateX(-50%);
        /* Középre igazítás */
    }

    .ecovadis h2 {
        text-align: center;
        /* Mobil nézetben cím középre igazítása */
    }

    .ecovadis .btn {
        margin-top: 15px;
        /* Gomb távolság a szövegtől */
    }
}

/* Parallax szekció */
.parallax-section-serv {
    height: 300px;
    background-image: url('/images/bg/k1.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    z-index: 0;
    border: 1px solid #B7B7B7;
    margin-top: 70px;
}

@media screen and (max-width: 480px) {

    .parallax-section-serv {
        background-attachment: scroll;
    }

}

/* AEO */
.warehouse .container {
    margin-top: 10vh;
}

.warehouse strong {
    font-family: "Montserrat", serif !important;
    font-size: 16px;
    font-weight: 600;
    color: #FA4032;
}

.warehouse .aeo {
    max-width: 400px;
    transition: transform 0.5s ease-in-out;
}

.warehouse .aeo:hover {
    transform: scale(1.5);
}

.img-clickable {
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.img-clickable:hover {
    transform: scale(1.1);
}

#aeoModal .modal-content {
    background-color: transparent;
    border: none;
}

.aero-line {
    display: none;
}

@media screen and (max-width: 480px) {

    .warehouse .aeo {
        max-width: 300px;
    }

    .aeo-para {
        display: none;
    }

    .aero-line {
        display: block;
        margin-bottom: -8vh;
    }

}