/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* ==================================================
   TERMÉKÁRAK – ÁLTALÁNOS SHORTCODE-STÍLUS
   ================================================== */

/* ==================================================
   TERMÉKÁRAK – ÁLTALÁNOS SHORTCODE-STÍLUS
   ================================================== */

.termek-ar {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px;
    line-height: 1.5;
}


/* ==================================================
   TERMÉKKÁRTYÁK – VÁLTOZATLAN MEGJELENÉS
   ================================================== */

.termek-ar--loop .termek-ar__label,
.termek-ar--loop .termek-ar__value {
    font-size: 14px !important;
}

.termek-ar--loop .termek-ar__value {
    font-weight: 400 !important;
}


/* ==================================================
   EGYÉNI TERMÉKOLDAL – ÁRBLOKK
   ================================================== */

.termek-arak-single {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    margin: 0px;
}

/* Elementor alapértelmezett térközeinek eltávolítása */

.termek-arak-single .elementor-widget-shortcode,
.termek-arak-single .elementor-widget-container,
.termek-arak-single .elementor-shortcode {
    margin: 0;
}

/* A sorrend CSS-ből is rögzítve van */

.termek-arak-single .termek-ar-lista {
    order: 1;
}

.termek-arak-single .termek-ar-akcios {
    order: 2;
}

.termek-arak-single .termek-ar-megtakaritas {
    order: 3;
}

.termek-arak-single .termek-ar-tagsagi {
    order: 4;
}


/* ==================================================
   LISTAÁR ÉS AKCIÓS ÁR – EGYSÉGES MÉRET
   ================================================== */

.termek-arak-single
.termek-ar-lista
.termek-ar--single,
.termek-arak-single
.termek-ar-akcios
.termek-ar--single {
    color: #121212;
    font-size: 16px !important;
    line-height: 1.5;
}

.termek-arak-single
.termek-ar-lista
.termek-ar__label,
.termek-arak-single
.termek-ar-lista
.termek-ar__value,
.termek-arak-single
.termek-ar-akcios
.termek-ar__label,
.termek-arak-single
.termek-ar-akcios
.termek-ar__value {
    color: #121212;
    font-size: 16px !important;
}

/* Listaár – nincs áthúzás */

.termek-arak-single
.termek-ar-lista
.termek-ar__label {
    font-weight: 300 !important;
}

.termek-arak-single
.termek-ar-lista
.termek-ar__value {
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* Akciós ár – ugyanakkora, csak kissé hangsúlyosabb */

.termek-arak-single
.termek-ar-akcios
.termek-ar__label {
    font-weight: 300 !important;
}

.termek-arak-single
.termek-ar-akcios
.termek-ar__value {
    font-weight: 500 !important;
}


/* ==================================================
   MEGTAKARÍTÁS – KISEBB, VISSZAFOGOTT SOR
   ================================================== */

.termek-arak-single
.termek-ar-megtakaritas {
    margin-top: 0px;
}

.termek-arak-single
.termek-ar-megtakaritas
.termek-ar__label,
.termek-arak-single
.termek-ar-megtakaritas
.termek-ar__value {
    color: #565656;
    font-size: 14px !important;
    line-height: 1.5;
}

.termek-arak-single
.termek-ar-megtakaritas
.termek-ar__label {
    font-weight: 300 !important;
}

.termek-arak-single
.termek-ar-megtakaritas
.termek-ar__value {
    font-weight: 500 !important;
}


/* ==================================================
   TAGSÁGI ÁR – LEGFONTOSABB ÁR
   ================================================== */

.termek-arak-single
.termek-ar-tagsagi {
    width: auto;
    margin-top: 16px;
}

.termek-arak-single
.termek-ar-tagsagi
.termek-ar--single {
    box-sizing: border-box;
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    padding: 13px 16px;
    color: #171717;
    background-color: #f4f4f4;
    border: 1px solid #E2E2E2;
    border-left: 4px solid #121212;
    border-radius: 6px;
}

.termek-arak-single
.termek-ar-tagsagi
.termek-ar__label {
    color: #121212;
    font-size: 18px !important;
    font-weight: 300 !important;
}

.termek-arak-single
.termek-ar-tagsagi
.termek-ar__value {
    color: #121212;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
}


/* ==================================================
   MOBILNÉZET
   ================================================== */

@media (max-width: 767px) {

    .termek-arak-single
    .termek-ar-lista
    .termek-ar__label,
    .termek-arak-single
    .termek-ar-lista
    .termek-ar__value,
    .termek-arak-single
    .termek-ar-akcios
    .termek-ar__label,
    .termek-arak-single
    .termek-ar-akcios
    .termek-ar__value {
        font-size: 16px !important;
    }

    .termek-arak-single
    .termek-ar-tagsagi
    .termek-ar--single {
        padding: 8px 16px;
    }

    .termek-arak-single
    .termek-ar-tagsagi
    .termek-ar__label {
        font-size: 16px !important;
    }

    .termek-arak-single
    .termek-ar-tagsagi
    .termek-ar__value {
        font-size: 20px !important;
    }
}

/* Bizonyított eredmények */
body.nustore-empty-bizonyitott-eredmenyek
.e-n-tab-title#tab-bizonyitott-eredmenyek,
body.nustore-empty-bizonyitott-eredmenyek
.e-n-tabs-content > [role="tabpanel"][aria-labelledby="tab-bizonyitott-eredmenyek"] {
	display: none !important;
}


/* Jótékony hatások */
body.nustore-empty-jotekony-hatasok
.e-n-tab-title#tab-jotekony-hatasok,
body.nustore-empty-jotekony-hatasok
.e-n-tabs-content > [role="tabpanel"][aria-labelledby="tab-jotekony-hatasok"] {
	display: none !important;
}


/* Használat */
body.nustore-empty-hasznalat
.e-n-tab-title#tab-hasznalat,
body.nustore-empty-hasznalat
.e-n-tabs-content > [role="tabpanel"][aria-labelledby="tab-hasznalat"] {
	display: none !important;
}


/* Összetevők */
body.nustore-empty-osszetevok
.e-n-tab-title#tab-osszetevok,
body.nustore-empty-osszetevok
.e-n-tabs-content > [role="tabpanel"][aria-labelledby="tab-osszetevok"] {
	display: none !important;
}

/* Csomag tartalma */
body.nustore-empty-csomag-tartalma
.e-n-tab-title#tab-csomag-tartalma,
body.nustore-empty-csomag-tartalma
.e-n-tabs-content > [role="tabpanel"][aria-labelledby="tab-csomag-tartalma"] {
	display: none !important;
}

/* Lenis smooth scroll */
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

/* Belső görgethető elemek, például popupok */
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: clip;
}

/* Az iframe csak tényleges görgetés közben ne fogja meg az egeret */
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* Az üres carousel teljes elrejtése */
body:not(.elementor-editor-active)
.nustore-related-carousel:not(:has(.e-loop-item)):not(:has(.swiper-slide)) {
    display: none !important;
}

/* Az üres shortcode widget ne foglaljon helyet */
body:not(.elementor-editor-active)
.nustore-related-empty-widget:not(:has(.nustore-related-empty)) {
    display: none !important;
}

/* Üres állapot megjelenése */
.nustore-related-empty {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 90px;
    padding: 28px 24px;

    background: #f7f7f7;
    border: 1px solid #e2e2e2;
    border-radius: 16px;

    color: #666666;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}