.elementor-787 .elementor-element.elementor-element-52c85ee2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--margin-top:70px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-787 .elementor-element.elementor-element-27ed699a{--display:flex;--justify-content:flex-start;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-244e9981{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-787 .elementor-element.elementor-element-244e9981 .elementor-heading-title{font-family:"Anthema", Sans-serif;font-size:40px;font-weight:800;text-transform:uppercase;color:#AC9B4D;}.elementor-787 .elementor-element.elementor-element-4f243b97{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-normal-text-color:#111112;--e-filter-hover-text-color:#AC9B4D;--e-filter-active-text-color:#AC9B4D;}.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item{font-family:"Playfair Display", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-787 .elementor-element.elementor-element-12aa150c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-787 .elementor-element.elementor-element-713e4ca5{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-787 .elementor-element.elementor-element-7066119e{--grid-columns:2;--load-more—spacing:50px;--load-more-button-align:center;}.elementor-787 .elementor-element.elementor-element-7066119e .elementor-button{background-color:#CCBF5C;font-family:"Anthema", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;padding:015px 15px 15px 15px;}.elementor-787 .elementor-element.elementor-element-7066119e .elementor-button:hover, .elementor-787 .elementor-element.elementor-element-7066119e .elementor-button:focus{background-color:#CCBF5C21;color:#CCBF5C;border-color:#CCBF5C;}.elementor-787 .elementor-element.elementor-element-7066119e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-787 .elementor-element.elementor-element-7066119e .e-loop-item > .elementor-section, .elementor-787 .elementor-element.elementor-element-7066119e .e-loop-item > .elementor-section > .elementor-container, .elementor-787 .elementor-element.elementor-element-7066119e .e-loop-item > .e-con, .elementor-787 .elementor-element.elementor-element-7066119e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-787 .elementor-element.elementor-element-7066119e .elementor-button:hover svg, .elementor-787 .elementor-element.elementor-element-7066119e .elementor-button:focus svg{fill:#CCBF5C;}.elementor-787 .elementor-element.elementor-element-278925a4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-787 .elementor-element.elementor-element-4b030607{--grid-columns:3;--load-more—spacing:50px;--load-more-button-align:center;}.elementor-787 .elementor-element.elementor-element-4b030607 .elementor-button{background-color:#CCBF5C;font-family:"Anthema", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;padding:015px 15px 15px 15px;}.elementor-787 .elementor-element.elementor-element-4b030607 .elementor-button:hover, .elementor-787 .elementor-element.elementor-element-4b030607 .elementor-button:focus{background-color:#CCBF5C21;color:#CCBF5C;border-color:#CCBF5C;}.elementor-787 .elementor-element.elementor-element-4b030607 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-787 .elementor-element.elementor-element-4b030607 .e-loop-item > .elementor-section, .elementor-787 .elementor-element.elementor-element-4b030607 .e-loop-item > .elementor-section > .elementor-container, .elementor-787 .elementor-element.elementor-element-4b030607 .e-loop-item > .e-con, .elementor-787 .elementor-element.elementor-element-4b030607 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-787 .elementor-element.elementor-element-4b030607 .elementor-button:hover svg, .elementor-787 .elementor-element.elementor-element-4b030607 .elementor-button:focus svg{fill:#CCBF5C;}.elementor-787 .elementor-element.elementor-element-6e0153de{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-787 .elementor-element.elementor-element-7066119e{--grid-columns:2;}.elementor-787 .elementor-element.elementor-element-4b030607{--grid-columns:2;}}@media(min-width:768px){.elementor-787 .elementor-element.elementor-element-27ed699a{--width:30%;}.elementor-787 .elementor-element.elementor-element-12aa150c{--width:70%;}.elementor-787 .elementor-element.elementor-element-713e4ca5{--width:100%;}.elementor-787 .elementor-element.elementor-element-278925a4{--content-width:65%;}}@media(max-width:767px){.elementor-787 .elementor-element.elementor-element-27ed699a{--margin-top:20px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;}.elementor-787 .elementor-element.elementor-element-244e9981{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 10px;}.elementor-787 .elementor-element.elementor-element-244e9981 .elementor-heading-title{font-size:30px;}.elementor-787 .elementor-element.elementor-element-7066119e{--grid-columns:1;}.elementor-787 .elementor-element.elementor-element-4b030607{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-4f243b97 *//* ==========================================================================
   TAXONOMY FILTER - SZELLŐS, FÜGGŐLEGES LISTA (A referencia alapján)
   ========================================================================== */

/* 1. KONTÉNER KÉNYSZERÍTÉSE FÜGGŐLEGES (OSZLOP) ELRENDEZÉSRE */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-items,
.elementor-787 .elementor-element.elementor-element-4f243b97 .elementor-taxonomy-filter__items {
    display: flex !important;
    flex-direction: column !important; /* Ez a kulcs! Egymás alá rendezi az elemeket */
    align-items: flex-start !important; /* Szigorúan balra zárás */
    gap: 15px !important; /* Szellős, 15px-es térköz a sorok között */
    width: 100% !important;
}

/* 2. GOMBOK ALAPSTÍLUSA (Teljes szélességű, külön sorba kerülő elemek) */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item,
.elementor-787 .elementor-element.elementor-element-4f243b97 .elementor-taxonomy-filter__item {
    font-family: 'Playfair Display', serif !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    display: block !important; /* Blokk szintű elem = új sorba kerül */
    width: 100% !important;
    transition: all 0.3s ease !important;
    line-height: 1.3 !important; /* Jobb olvashatóság */
}

/* Gyári vonalak, animációk eltüntetése */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item::before,
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item::after {
    display: none !important;
}

/* ==========================================================================
   FŐKATEGÓRIÁK STÍLUSA (Nagybetűs, robusztus)
   ========================================================================== */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:nth-child(1),
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:nth-child(4),
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:nth-child(8) {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111112 !important;
    text-transform: uppercase !important; 
    letter-spacing: 2px !important;
    margin-top: 25px !important; /* Nagyobb térköz a főcsoportok fölött a szellősségért */
    margin-bottom: 5px !important;
    padding-left: 0 !important;
    pointer-events: auto !important; 
}

/* Az legelső elem tetejéről levesszük a margót, hogy a doboz tetejéhez igazodjon */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:nth-child(1) { 
    margin-top: 0 !important; 
}

/* ==========================================================================
   ALMENÜPONTOK STÍLUSA (Finom, beljebb tolt, szürke)
   ========================================================================== */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)) {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #666666 !important;
    text-transform: none !important; 
    letter-spacing: 0.5px !important;
    padding-left: 15px !important; /* 15px-el beljebb húzzuk a főcímhez képest */
    position: relative !important;
}

/* Arany aláhúzás sín (pszeudo elem) */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)) .e-filter-item-text {
    position: relative;
    display: inline-block;
}

.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)) .e-filter-item-text::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #AC9B4D !important;
    transition: width 0.3s ease !important;
    display: block !important;
}

/* ==========================================================================
   HOVER ÉS AKTÍV ÁLLAPOTOK
   ========================================================================== */

/* Hover effekt almenükre */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)):hover,
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)) {
    color: #AC9B4D !important;
    padding-left: 20px !important; /* Finom ugrás jobbra */
}

.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)):hover .e-filter-item-text::after,
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)) .e-filter-item-text::after {
    width: 100% !important;
}

/* Főcímek hover/aktív színe */
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active:nth-child(1),
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active:nth-child(4),
.elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active:nth-child(8) {
    color: #AC9B4D !important;
}

/* ==========================================================================
   MOBIL NÉZET (MAX. 767PX) - APP-SZERŰ PRÉMIUM VÍZSZINTES SZŰRŐ
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Visszahozzuk az alkategóriákat, hogy mobilon is lehessen szűrni */
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)) {
        display: inline-block !important; 
    }

    /* 2. Vízszintes, ujjal húzható (swipe) konténer kialakítása */
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-items,
    .elementor-787 .elementor-element.elementor-element-4f243b97 .elementor-taxonomy-filter__items {
        flex-direction: row !important; 
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important; /* Tükörsima görgetés iOS-en */
        gap: 8px !important;
        padding-bottom: 15px !important; /* Hely az érintésnek */
        
        /* Eltüntetjük a csúnya böngészős görgetősávot a tiszta app-élményért */
        scrollbar-width: none !important; 
    }
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-items::-webkit-scrollbar {
        display: none !important;
    }

    /* 3. Gombok "Pill" (tabletta) formátumra alakítása az érintéshez */
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item {
        width: auto !important;
        white-space: nowrap !important;
        margin-top: 0 !important;
        padding: 8px 18px !important;
        border: 1px solid #eaeaea !important; /* Finom keret, hogy gombnak tűnjenek */
        border-radius: 30px !important; /* Kerekített, elegáns sarkok */
        background-color: #ffffff !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }

    /* Főcímek (Hagyományos, stb.) egyedi háttere mobilon a megkülönböztetésért */
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:nth-child(1),
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:nth-child(4),
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:nth-child(8) {
        background-color: #fbfbfa !important;
        font-size: 13px !important;
        padding-left: 18px !important; /* Eltüntetjük az asztali margókat */
    }

    /* Alkategóriák igazítása mobilon */
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)) {
        padding-left: 18px !important; /* Mobilon nincs beljebb tolás */
    }

    /* 4. Letiltjuk az asztali vonalas és ugrálós hover effekteket mobilon */
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item .e-filter-item-text::after {
        display: none !important;
    }
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(8)):hover {
        padding-left: 18px !important;
    }

    /* 5. AKTÍV ÁLLAPOT MOBILON: Ami ki van választva, az arany gombbá változik */
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active,
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active:nth-child(1),
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active:nth-child(4),
    .elementor-787 .elementor-element.elementor-element-4f243b97 .e-filter-item.e-active:nth-child(8) {
        background-color: #AC9B4D !important;
        color: #ffffff !important;
        border-color: #AC9B4D !important;
        padding-left: 18px !important;
        font-weight: 600 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52c85ee2 *//* ==========================================================================
   BÉKÉSI SHOP HERO - HATÁROZOTT KONTÚROS DELIKÁTESZ KIEMELÉS
   ========================================================================== */

.elementor-787 .elementor-element.elementor-element-52c85ee2 {
    /* Krémes, meleg törtfehér háttér */
    background-color: #fbfbfa !important;
    
    /* HATÁROZOTT ELKÜLÓNÍTÉS: Hajszálvékony arany keret a teljes doboz körül */
    border: 1px solid rgba(186, 164, 59, 0.4) !important;
    
    /* Maszkulin, éles sarkok */
    border-radius: 0px !important;
    
    /* Bőséges belső térközök, hogy a tartalom kényelmesen lélegezzen */
    padding: 50px !important;
    
    /* Kicsit tömöttebb, de még mindig selymes, meleg tónusú árnyék */
    box-shadow: 0 25px 60px -20px rgba(172, 155, 77, 0.18) !important;
    
    transition: all 0.4s ease-in-out !important;
}

/* FÜGGŐLEGES BELSŐ OSZTÁS: 
   A bal oldali kategória sáv mögé (a jobb szélére) teszünk egy belső arany vonalat,
   így a menü és a nagy kép vizuálisan is gyönyörűen kettéválik a dobozon belül */
.elementor-787 .elementor-element.elementor-element-52c85ee2 > .elementor-container > .elementor-column:first-child,
.elementor-787 .elementor-element.elementor-element-52c85ee2 > .elementor-element:first-child {
    border-right: 1px solid rgba(186, 164, 59, 0.25) !important;
    padding-right: 40px !important;
}

/* Biztosítunk egy kis extra helyet a jobb oldali képnek a belső vonaltól */
.elementor-787 .elementor-element.elementor-element-52c85ee2 > .elementor-container > .elementor-column:last-child,
.elementor-787 .elementor-element.elementor-element-52c85ee2 > .elementor-element:last-child {
    padding-left: 40px !important;
}

/* ==========================================================================
   MOBIL FINOMHANGOLÁS
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-787 .elementor-element.elementor-element-52c85ee2 {
        padding: 25px !important;
    }
    /* Mobilon kikapcsoljuk a belső függőleges vonalat, mivel ott egymás alá ugranak */
    .elementor-787 .elementor-element.elementor-element-52c85ee2 > .elementor-container > .elementor-column:first-child,
    .elementor-787 .elementor-element.elementor-element-52c85ee2 > .elementor-element:first-child {
        border-right: none !important;
        padding-right: 0px !important;
        padding-bottom: 25px !important;
        border-bottom: 1px solid rgba(186, 164, 59, 0.25) !important; /* Itt vízszintes lesz */
    }
    .elementor-787 .elementor-element.elementor-element-52c85ee2 > .elementor-container > .elementor-column:last-child,
    .elementor-787 .elementor-element.elementor-element-52c85ee2 > .elementor-element:last-child {
        padding-left: 0px !important;
        padding-top: 25px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Anthema';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bekesikolbasz.hu/wp-content/uploads/2026/05/anthema.ttf') format('truetype');
}
/* End Custom Fonts CSS */