/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 26 2025 | 23:35:19 */
/* ==========================================================================
TARTALOMJEGYZÉK
==========================================================================
0: GLOBAL SETTINGS (Betűtípus, Media Query)
1. BETUTIPUS
2. MEDIA QUERY
3. POPUP
4. NYILAK
I: HEADER ELEMENTS
1. Általános (Árnyék, Igazítás)
2. MENU
2.1 LOGO
2.1.1 SIMPLE LOGO
2.1.2 STICKY LOGO
2.2 NAV BAR
2.2.1 IRANYTU
2.2.2 MENUPONTOK
2.2.2.1 WEBKERT MENUPONT
2.2.2.2 WEBSHOP MENUPONT
2.2.2.2.1 DINAMIKUS MENU
2.2.2.3 KIEMELT AJANLATAINK MENUPONT
2.2.2.4 BLOG MENUPONT
2.2.2.5 GREENBOOK MENUPONT
2.2.3 CUSTOM NAVICONS
2.2.3.1 KERESŐ IKONPONT
2.2.3.2 KOSÁR IKONPONT
2.2.3.3 PROFIL IKONPONT
2.2.3.4 KEDVENCEK IKONPONT
II: BODY ELEMENTS
0. OLDALCIM
1.FOOLDAL
1.1 UBE SLIDER
1.2 ALAPCIKK KARTYAK
2. WEBSHOP OLDAL
2.0 KATEGORIAKARTYA
2.1 TERMEKKARTYA
2.1.1 KESZLETALLAPOT
2.2 SHORTCUT IKONOK
2.2.1 MEGTEKINTES
2.2.2 WISHLIST
2.2.3 QUICKVIEW
2.2.4 ADD TO CART
2.2.5 COMPARE
2.3 FILTER
2.3.1 GENERAL
2.3.2 LEBEGO FUL
2.3.3 FILTER PANEL
2.3.4 TALALATI OLDAL
2.3.4 MOBIL
2.4 LAPOZO
2.4.1 DESKTOP
2.4.2 MOBIL
3. KATEGORIAK OLDAL
3.1 KATEGORIA KARTYA
4. SINGLE PRODUCT OLDAL
4.0 TERKOZ OSSZEHUZASA
4.1 KEP
4.2 VARIATIONS
4.3 META
4.4 TABFULEK
4.4.1 TARSITAS LINKEK
4.5 AJANLASOK
4.6 COMPARE SAV
5. BLOG OLDAL
6. KOSAR OLDAL
III: FOOTER ELEMENTS
1. MAJA
1.1 CHATY
1.2 MOLIN
2. BACK TO TOP GOMB
2.1 GOMB
2.2 IKON REZGETES
3. COOKIE
4. SIDECART
5. FOOTER MINIGAME
*/
/* ========================================================================== */
CSS
/* ========================================================================== */
/* ========================================================================== */
/* 0: GLOBAL SETTINGS (Betűtípus, Media Query) *//* ========================================================================== */
/* ========================================================================== */
/* 1. BETUTIPUS */
@font-face {
font-family: 'JohannFont';
src: url('https://www.bergerwebkert.hu/wp-content/uploads/2025/04/GloriaHallelujah-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;}
/*2. MEDIA QUERY*/
/* Tabletekre: 768px és 1024px közötti felbontások */
@media (min-width: 768px) and (max-width: 1024px) {}
/* Kisebb monitorokra / laptopokra: 1025px-től 1440px-ig */
@media (min-width: 1025px) and (max-width: 1440px) {}
/* Tablet és kisebb laptop felbontások (pl. 768px-től 1919px-ig) */
@media (min-width: 1441px) and (max-width: 1919px) {}
/* Full HD desktop felbontások (pl. 1920px-től 2559px-ig) */
@media (min-width: 1920px) and (max-width: 2559px) {}
/* 2K és 4K kijelzők (pl. 2560px-től felfelé) */
@media (min-width: 2560px) {}
/*3. POPUP*/
/* Köszöntő POPUP ami már egy jó ideje nem aktív*/
/* mobilnézetben X balra */
#elementor-popup-modal-12636 .dialog-close-button{
left: 15px;}
/* 4. NYILAK */
/* NYILAK lathatosaganak biztositasa */
/* balra mutató solid nyíl */
.fa-arrow-left.far:before {
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;}
/* jobbra mutató solid nyíl */
.fa-arrow-right.far:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;}
/* ==================================================================================================== */
/* I: HEADER ELEMENTS *//* ==================================================================================================== */
/* ==================================================================================================== */
/*1. Általános (Árnyék, Igazítás)*/
/* Header alsó árnyék */
.main-header,
.header-sticky-wrapper {
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
/* Headerben menüpont és ikonok egy vonalba*/
.ubermenu-main .ubermenu-nav {
display: flex;
align-items: center;
}
/*2. MENU*/
/*2.1 LOGO*/
/* https://www.bergerwebkert.hu/wp-admin/admin.php?page=gsf_options&w3tc_note=flush_all */
/* GLOBÁLIS VÁLTOZÓK MÓDOSÍTVA A TÉMA CSS FELÜLETÉN */
@media only screen and (min-width: 767) {
/* logo behuzás - opcionális*/
/*.main-logo, .sticky-logo {
transform: translate(0vw, 0em) scale(1);}*/
/* Sticky header magassága, a logo-hoz igazítva */
.header-inner {
height: 110px !important;
}
.sticky-logo {
height: 100px !important;
width: 300px !important;
}
.header-sticky.affix .logo-header img {
max-height: 110px !important
}
#gf-wrapper > header.main-header.header-2 > div > div > div > div > div > a.sticky-logo > img {
padding-top: 10px !important;
padding-bottom: 10px !important;
height: 100px !important;
max-height: 110px !important;
}
}
/* FONTOS */
/* https://www.bergerwebkert.hu/wp-admin/admin.php?page=gsf_options */
/*2.2 NAV BAR*/
/*2.2.1 IRANYTU*/
/*2.2.2 MENUPONTOK*/
/* Menupontok tavolsag a meretnoveles miatt */
.ubermenu .ubermenu-item.ubermenu-item-level-0 {
padding-right: 10px;}
/* Menupontok hover elokeszites */
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
transform: scale(1) !important;
transition: transform 0.1s ease-out !important;}
/* Menupontokra meretnoveles hover */
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
transform: scale(1.05) !important}
/*2.2.2.1 WEBKERT MENUPONT*/
/* Legordulo menupanel kerekites */
#menu-item-6496 > ul {
border-radius: 0 0 15px 15px;
border-top: 0px;
}
/*2.2.2.2 WEBSHOP MENUPONT*/
/* Legordulo menupanel fuggoleges eltolasa teljes ablakszelesseg melletti panel eseten */
@media only screen and (min-width: 1100px) {
/* panel eltolas */
#menu-item-6514 > ul {top: 95px}
/* panel tartalom eltolas *//* alkalmazva levágja a panel hátterét */
/*#menu-item-12755 {top: 16px}*/
}
/*2.2.2.2.1 DINAMIKUS MENU*/
/* Hatterattunes beallitasai */
.ubermenu-submenu,
.ubermenu-tab-content-panel {
transition: background-image 0.6s ease-in-out, background-size 0.6s ease-in-out;}
/* Dinamikus gepeles beallitasai */
.typing-container {
padding: 1em;
background-color: #f5f5f5;
border-left: 4px solid #6da06f;
font-size: 1.3em;
line-height: 1.6;
max-width: 600px; /* Max szélesség a jobb olvashatóságért */
box-sizing: border-box; /* Padding és border a szélességbe számít */
overflow: hidden; /* Ne ugorjon túl a tartalom */
min-height: 1.6em; /* Hogy legyen egy alap magassága üresen is, ha kell */
position: relative; /* A kurzor pozicionálásához */}
.typing-container p {
margin: 0; /* Alapértelmezett bekezdés margók eltávolítása */
display: block;
font-size: 1vw;
}
.typing-cursor {
display: inline-block;
background-color: orange;
width: 0.1em; /* Kurzorszélesség */
height: 1em; /* Kurzormagasság, betűmérethez igazítva */
vertical-align: middle; /* Kurzort a szöveghez igazítja vertikálisan */
margin-left: 2px; /* Kis tér a kurzor és a szöveg között */
animation: blink-cursor .75s step-end infinite;
}
@keyframes blink-cursor {from, to { opacity: 0; } 50% { opacity: 1; }}
/*2.2.2.3 KIEMELT AJANLATAINK MENUPONT*/
/*2.2.2.4 BLOG MENUPONT*/
/* Legordulo menupanel*/
#menu-item-6555 > ul {
border-radius: 0 0 15px 15px;
border-top: 0px;
}
/*2.2.2.5 GREENBOOK MENUPONT*/
/* Meretbeallitas */
.menu-greenbook {
width: 80px !important;
height: 80px !important;
transition: transform 0.3s ease-in-out;
}
/* Hover novekedes */
.menu-greenbook:hover {
transform: scale(1.1)
}
/*2.2.3 CUSTOM NAVICONS*/
/* Ikonok meretnovelese hoverre */
ul.header-customize .customize-my-account>a>i,
ul.header-customize .customize-search>a>i,
ul.header-customize .customize-wishlist>a>i,
ul.header-customize .shopping-cart-icon>.icon>a>i {
transition: font-size 0.2s ease-in-out, transform 0.2s ease-in-out;
}
/* Méretnövelés a HOVER eseményre */
ul.header-customize .customize-my-account>a:hover>i,
ul.header-customize .customize-search>a:hover>i,
ul.header-customize .customize-wishlist>a:hover>i,
ul.header-customize .shopping-cart-icon>.icon>a:hover>i {
transform: scale(1.2);
}
/*2.2.3.1 KERESŐ IKONPONT*/
/* Lekerekített keresőablak */
.search-popup-field { border-radius: 15px !important}
#search-popup > form {border-radius: 15px !important}
/* Lekerekített találati ablak */
#search-popup > div { border-radius: 15px !important}
/*2.2.3.2 KOSÁR IKONPONT*/
/* Legordulo lista kerekites */
.shopping-cart-list.drop-shadow {border-radius: 10px ;}
/* Gomb kerekites */
.btn.btn-lg, .btn.btn-md, .btn.btn-xl {border-radius: 20px;}
/*2.2.3.3 PROFIL IKONPONT*/
/*2.2.3.4 KEDVENCEK IKONPONT*/
/* ========================================================================== */
/*II: BODY ELEMENTS*//* ========================================================================== */
/* ========================================================================== */
/*0. OLDALCIM*/
/* Magasság */
.page-title-inner {
padding-top: 10px;
padding-bottom: 10px;}
/* Árnyék */
.gf-page-title {box-shadow: 0px 8px 8px 0px}
/*1.FOOLDAL*/
/*1.1 UBE SLIDER*/
/* Az carousel slider kártya jellegűvé alakítása*/
/* MOBIL */
@media (max-width: 1023px) {
/* Slider sarkok lekerekítése és árnyék */
#slick-slide00 > div > div > div > div.ube-slider-content > div > section {
border-radius: 0 0 2em 2em;
box-shadow: 0 13px 22px 0 rgba(0, 0, 0, 0.5);
}
/* Slider box margin az árnyék számár */
.ube-slider .ube-slider-box {
bottom: 10px
}
}
/* DESKTOP */
@media (min-width: 1024px) {
/* Slider sarkok lekerekítése és árnyék */
.ube-slider-box {
border-radius: 0 0 2em 2em;
box-shadow: 0 13px 22px 0 rgba(0, 0, 0, 0.5);
}
/* Slider box margin az árnyék számár */
.ube-slider .ube-slider-box {
bottom: 20px
}
}
/*1.2 ALAPCIKK KARTYAK*/
.ube-advanced-image-box .ube-slider-item {
height: 400px;
}
.ube-advanced-image-box .ube-slider-item .ube-ib-content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.alapcikk-title {
padding-top: 20px
}
/*2. WEBSHOP OLDAL*/
/*2.0 KATEGORIAKARTYA*/
/* A kategoriakartya lekerekitese*/
.products .layout-grid .product-category img {
border-radius: 30% 3% 2% 2%;}
/* A kategoria nevenek botpad*/
woocommerce-loop-category__title{
padding-bottom: 10px;}
/*2.1 TERMEKKARTYA*/
/* ===GENERAL */
/*Hatterszin, kerekites, arnyek*/
.product-item-inner {
background-color: #ffffff;
border-radius: 30% 3% 3% 3%;
box-shadow: 7px 7px 7px 7px rgba(191, 189, 189, 0.9);}
/* ---Kep terulet */
/* Also margo */
.product-thumb {
margin-bottom: 10px !important}
/* Alap beállítások, 1:1 arány + középre igazítás === */
.product-thumb-one .entry-thumbnail,
.product-thumb-primary .entry-thumbnail,
.product-thumb-secondary .entry-thumbnail {
aspect-ratio: 1 / 1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
border-radius: 3% 3% 1% 30%;}
/* Méretezése és illesztése */
.product-thumb-one .entry-thumbnail img,
.product-thumb-primary .entry-thumbnail img,
.product-thumb-secondary .entry-thumbnail img {
width: 100%;
height: auto;
object-fit: cover; /* vagy 'contain' */
border-radius: 3% 3% 1% 30%;}
/* MOBIL - Méretezése és illesztése*/
@media only screen and (max-width: 767px) {
.product-thumb-one .entry-thumbnail img {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: cover !important;}
}
/* ---Név-kategória-ár-ikonok terulet */
.product-info {
min-height: 240px; /* MINIMUM MAGASSÁG */
text-align: center; /* KÖZÉPRE */
padding-top: 10px; /* TOP PADING */
padding-bottom: 2px;
margin-bottom: 10px;}
/* ===AJAX SZŰRÉS UTÁNI LÉPÉSEK */
/* Termekkepek felfedese */
.gf_animate_when_almost_visible {
opacity: 1 !important;}
/*2.1.1 KESZLETALLAPOT*/
/* Alap stílus */
.wbk-stock-row{
display:block;
width:100%;
text-align:right;
margin-top:.35rem;
clear:both; /* biztos, ami biztos – ha ár float-olna */
}
.wbk-stock-badge{
display:inline-flex; align-items:center; gap:.4rem;
font-size:.875rem; font-weight:600; line-height:1;
padding:.25rem .5rem;
border-radius:.5rem 0 0 .5rem;
background:rgba(0,128,0,.08); color:#0a7a0a;
}
.wbk-stock-badge__icon{
width:1rem; height:1rem; position:relative; display:inline-block;
}
.wbk-stock-badge__icon::before{
content:""; position:absolute; inset:0;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
background:#0a7a0a;
}
/* Opcionális piros doboz (ha bekapcsolod a PHP-ban) */
.wbk-stock-badge--out{
background:rgba(204,0,0,.08); color:#b30000;
}
.wbk-stock-badge--out .wbk-stock-badge__icon::before{
/* piros X ikon */
mask: url('data:image/svg+xml;utf8,');
-webkit-mask: url('data:image/svg+xml;utf8,');
background:#b30000;
}
/* Mobilon csak ikon (szöveg elrejtése) */
@media (max-width: 640px){
.wbk-stock-badge{ padding:.25rem; }
}
/*2.2 SHORTCUT IKONOK*/
/* GOMBOK EGYSÉGESÍTÉSE */
/*Desktop nézetben a gombok hoverre történő szinkronizált mozgása */
@media only screen and (min-width: 1024px) {
.product-actions .add_to_cart_tooltip,
.product-actions .yith-add-to-wishlist-button-block,
.product-actions .product-quick-view,
.product-actions .compare {
transition: all 0.4s ease-out !important;
}
.product-actions:hover .product-action-item,
.product-actions:hover .yith-add-to-wishlist-button-block,
.product-actions:hover .product-quick-view,
.product-actions:hover .compare {
opacity: 1 !important;
visibility: visible !important;
transform: translateX(0) !important;
}
}
/* GOMBOK ELREJTÉSE */
/* Egyedi megjelenites platform alapjan */
/* --- MOBIL NÉZET --- */
@media (max-width: 767px) {
/* Elrejti a kívánságlista gombot mobil nézetben */
.yith-add-to-wishlist-button-block {
display: none !important;}
/* Elrejti a gyors megtekintés gombot mobil nézetben */
.product-quick-view {
display: none !important;}
/* Elrejti az összehasonlítás gombot mobil nézetben */
/*a.compare.button {
display: none !important;}
/* Elrejti a kosárba gomb tooltippel ellátott wrapperét mobil nézetben */
/* .product-action-item.add_to_cart_tooltip {
display: none !important;}*/
/* Az egész gombsor függőleges eltolása */
.product-actions.gf-tooltip-wrap {
top: 60px !important;
}
}
/* --- DESKTOP NÉZET --- */
@media (min-width: 768px) {
/* Az egész gombsor függőleges eltolása */
.product-actions.gf-tooltip-wrap {
top: 50px !important;
}
}
/*2.2.1 MEGTEKINTES*/
/*2.2.2 WISHLIST*/
/* Wishlist gomb felfedese */
.yith-add-to-wishlist-button-block {
opacity: 1 !important;}/* WISHLIST FELFEDÉSE */
/* Alaphelyzet: kívül van, láthatatlan */
.product-actions .yith-wcwl-add-to-wishlist-button {
position: absolute;
top: 10px;
right: -60px; /* off-screen indulás */
opacity: 0;
background-color: #333; /* azonos a kosárgombbal */
color: #fff;
padding: 8px 12px;
border-radius: 5px;
transition: all 0.3s ease;
display: flex;
align-items: center;
z-index: 2;}
.yith-wcwl-add-to-wishlist-button:is(button):not(.yith-wcwl-theme-button-style) {
bottom: 7px;
padding-top: 18px;
padding-bottom: 18px;
right: 10px;
border-radius: 5px;}
/* Hoverre előbújik */
.product:hover .product-actions .yith-wcwl-add-to-wishlist-button {
right: 10px; /* végpozíció, mint a többiek */
opacity: 1;}
/* Hover szín */
.product-actions .yith-wcwl-add-to-wishlist-button:hover {
background-color: #7fa15a; /* azonos hover szín */
color: #fff;}
/* Alaphelyzetben a wishlist gomb rejtve van */
.product-item-wrap .product-item-inner .product-actions .yith-add-to-wishlist-button-block {
opacity: 0;
visibility: hidden;
transform: translateX(25px);
pointer-events: none;
transition: color .4s .001s ease-out,
background .4s .001s ease-out,
visibility .4s .1s ease-out,
opacity .4s .15s ease-out,
transform .4s .1s ease-out;
transition-behavior: normal, normal, normal, normal, normal;
transition-duration: 0.4s, 0.4s, 0.4s, 0.4s, 0.4s;
transition-timing-function: ease-out, ease-out, ease-out, ease-out, ease-out;
transition-delay: 0.001s, 0.001s, 0.1s, 0.15s, 0.1s;
transition-property: color, background, visibility, opacity, transform;}
/* Hoverre a wishlist gomb megjelenik ******/
.product-item-wrap:hover .product-item-inner .product-actions .yith-add-to-wishlist-button-block {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;}
/* GOMB */
.yith-add-to-wishlist-button-block,
.yith-add-to-wishlist-button-block--initialized {
margin-left: 0px !important;
margin-right: 0px !important;
width: 50px !important;
height: 50px !important;
margin-top: 0px !important;
margin-bottom: 3px !important;}
.yith-wcwl-add-to-wishlist-button,
.yith-wcwl-add-to-wishlist-button--custom-button{
top: 0px !important;
left: 0px !important;
border-left-width: 0px !important;
border-right-width: 0px !important;
border-bottom-width: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
width: 50px !important;
height: 50px !important;
right: 0px !important;
top: 0px !important;
border-top-width: 0px !important;
bottom: 0px !important;
margin-bottom: 3px !important;}
/* ---SZÍV ikon*/
.yith-wcwl-add-to-wishlist-button:is(button)
.yith-wcwl-icon-svg__wrapper{
width: 18px !important;
height: 18px !important;
display: block !important;
margin: 0 auto !important;}
/* SVG ikon stílus egységesen */
.product-actions .yith-wcwl-add-to-wishlist-button svg {
stroke: currentColor;
width: 24px;
height: 24px;}
/* hover színcsere*/
.yith-wcwl-add-to-wishlist-button:hover .yith-wcwl-icon {
color: #fff !important;
stroke: #fff !important;}
/* ---TERMÉK HOZZÁADVA felirat optikai eltüntetés */
.yith-wcwl-add-to-wishlist-button__label {
font-size: 0px;}
/*2.2.3 QUICKVIEW*/
.product-actions .product-quick-view{
border-radius: 5px;}
/*2.2.4 ADD TO CART*/
/* Ha túl közel lenne a másik gombhoz: kis eltolás */
.product-actions .add_to_cart_button {
margin-bottom: 5px;}
/* Tooltip */
.product-actions .add_to_cart_tooltip{
border-radius: 5px;}
/*2.2.5 COMPARE*/
/* Gomb */
a.compare.button {
width: 50px !important;
height: 50px !important;
padding: 0 !important;
background-color: #fff !important;
color: #777 !important;
border: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 5px !important;
}
/* Hover */
a.compare.button:hover {
background-color: #333 !important;
color: #fff !important;
border: none !important;
}
/* Added to compare szöveg elrejtse a COMPARE gombról hozzáadás után */
a.compare.button.gf-tooltip-wrap.added > span {
display: none !important}
/*2.3 FILTER*/
/*2.3.1 GENERAL*/
/* Redraw zone - keresesi panel magassag */
.woof_redraw_zone {
height: 630px !important;}
/* Slider tipusu szurok - szukseges meretnoveles a levagas elkerulese miatt */
.woof_container {
padding-right: 20px;
padding-left: 20px;}
/* Sliderek betumerete */
.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
font-size:16px !important;}
/* Szinpaletta */
/* Szinpaletta szukites */
.woof_list_color_sd {
width: 300px;}
/* Checkboxok elrejtese */
.woof-sd-ie.woof-sd-ie-color > input {
height:0px !important;
width:0px !important;}
/* Novekedesi utem tooltipek egyedi meretnoveles */
.woof_container_pa_novekedesi-utem {
height: 160px !important;}
/*2.3.2 LEBEGO FUL */
/* MOBIL */
@media (max-width: 767px) {
.woof-slide-out-div .woof-handle {
padding-bottom: 5px;
padding-top: 6px;
font-weight: 500;
background-color: #82c538;
color: white;
top: 2em !important;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
}
/* DESKTOP */
@media (min-width: 1024px) {
/* Alapstilus */
.woof-slide-out-div .woof-handle {
padding-bottom: 5px;
padding-top: 1rem;
font-weight: 500;
background-color: #82c538;
color: white;
top: 3% !important;
transition: transform 0.3s ease-out;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
box-shadow: -4px -1px 10px 4px #888888;
}
/* Meretnoveles hover*/
.woof-slide-out-div .woof-handle:hover,
.ui-slideouttab-left .ui-slideouttab-handle:hover {
transform: rotate(-90deg) scale(1.1);
}
}
/*2.3.3 FILTER PANEL */
/* MOBILE - FILTER PANEL*/
@media (max-width: 767px) {
/* ---Lebego panel */
.ui-slideouttab-left.ui-slideouttab-open {
border-radius: 0 15px 15px 0; /* lekerekítés */
box-shadow:
inset 0 2px 5px -2px rgba(0, 0, 0, 0.1), /* felső árnyék */
inset -3px 0 5px -2px rgba(0, 0, 0, 0.1), /* jobb oldali árnyék */
inset 0 -2px 5px -2px rgba(0, 0, 0, 0.1); /* alsó árnyék */
}
/* --CÍM MÉRETE */
.woof_container_inner h4 {
margin-bottom: 0,5em ;
margin-top: 10px ;
font-size: 20px ;
font-weight: bold;
}
/* --BLOKK SZŰKÍTÉS */
.woof_container {
padding-bottom: 2px;
margin-bottom: 9px ;
}
/* --KÖZTES TÁVOLSÁG SZABÁLYOZÁSA */
.woof_block_html_items .woof_list {
display: flex; /* Győződj meg róla, hogy flexbox */
flex-wrap: wrap;
gap: 4px;
width: 98%;
}
/* --KERESES & TORLES GOMBOK */
/* Altalanos beallitasok */
button.button.woof_submit_search_form,
button.button.woof_reset_search_form {
border-radius: 10px;
display: flex; /* Engedélyezi a flexbox elrendezést a gombon belül */
justify-content: center; /* Vízszintesen középre igazítja a tartalmat */
align-items: center; /* Függőlegesen középre igazítja a tartalmat */
min-width: 80px; /* minimális szélesség, hogy elférjen a szöveg */
padding: 5px 10px; /* Finomhangold a belső margót, ha szükséges */
}
/* Töröl gomb és Keresés között helyet csinál */
button.button.woof_reset_search_form {
margin-right: 10px;
}
/* A szöveg a teljes rendelkezésre álló szélességet kitöltse a flexboxban */
button.button.woof_submit_search_form StaticText,
button.button.woof_reset_search_form StaticText {
text-align: center;
width: 100%;
}
}
/* DESKTOP - FILTER PANEL*/
@media (min-width: 1024px) {
/* ---GRID ELRENDEZÉS */
.woof_redraw_zone {
display: block;
columns: 3; /* Példa: 3 oszlopra tördelje a tartalmat */
/* VAGY: column-width: 300px; - Ha inkább minimális oszlopszélességet szeretnél, és annyi oszlop lesz, amennyi elfér */
column-gap: 12px; /* Az oszlopok közötti távolság */
width: 1300px; /* A külső konténer szélessége */
height: auto;
padding: 15px;
box-sizing: border-box;
overflow: visible;
}
/* A dobozoknak blokk elemnek kell lenniük, hogy az oszlop tördelés működjön */
.woof_redraw_zone > .woof_container {
break-inside: avoid-column; /* Megakadályozza, hogy egy doboz ketté törjön két oszlop között */
-webkit-column-break-inside: avoid; /* Safari/régebbi böngészők */
page-break-inside: avoid; /* Régebbi böngészők */
margin-bottom: 12px; /* Hagyj egy kis helyet a dobozok alatt az oszlopon belül */
min-height: 45px; /* Minimális magasság biztosítása */
}
/* A belső tartalom görgetését is eltávolítjuk */
.woof_container_inner {
max-height: unset;
overflow-y: unset;
padding-right: 0;
box-sizing: border-box;
}
/* ---CÍMEK */
.woof_container_inner h4{
font-size: 16px !important;
margin-top: 8px;
margin-bottom: 2px;
font-weight: bold;}
/* ---IKONOK */
.woof_block_html_items .woof_list {
display: flex; /* Győződj meg róla, hogy flexbox */
flex-wrap: wrap;
gap: 3px;} /* Ezzel tudod szabályozni a köztes távolság 0px-től 10px-ig */
/* ---KERESES & TORLES GOMBOK */
button.button.woof_submit_search_form,
button.button.woof_reset_search_form {
border-radius: 10px;}
}
/*2.3.4 TALALATI OLDAL */
/* A keresesi talalatok felett megjeleno elemek beallitasai */
/* Reset gomb */
.woof_reset_button_2 {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Finom árnyék! */
}
.woof_reset_button_2:hover {
border-radius: 5px;
background-color: #87de6f;
cursor: pointer; /* Ez teszi a kurzort mutatóujjá */
}
/* Keresesi kulcsszavak körüli terkoz */
.woof_products_top_panel_ul .woof_remove_ppi i {
margin-left: 5px;
font-style: normal;
}
/*2.4 LAPOZO*/
/* ===== FONTOS !!! ===== */
/* WOOCOMMERCE LAPOZÓ A WOOF AJAXOS SZŰRÁSE UTÁN */
/* https://www.bergerwebkert.hu/wp-admin/admin.php?page=gsf_options */
/*2.4.1 DESKTOP*/
/*2.4.2 MOBIL*/
/*3. KATEGORIAK OLDAL*/
/*3.1 KATEGORIA KARTYA*/
/*4. SINGLE PRODUCT OLDAL*/
/* ---Duplikált összehasonlítás/compare gomb elrejtése (a form ALATT lévő) */
.single-product .summary > a.compare.button.gf-tooltip-wrap{
display:none !important;
}
/* ---Kosarba gomb */
/* Gomb kerekitese */
.button, .single_add_to_cart_button, .alt {
border-radius: 15px !important}
@media (min-width: 768px) {
/* Gomb szélesítése, meglévő effektek felülírása és szöveg nagybetűssé tétele */
.wpcvt-variation-actions button.single_add_to_cart_button {
width: 15rem; /* A gomb kívánt szélessége */
border: none !important; /* Eltávolítja a bordert */
color: #fff !important; /* Fehér szöveg, felülírva a sablonstílust */
background-color: #008000 !important; /* Zöld alap, felülírva a sablonstílust */
text-transform: uppercase !important; /* A szöveg csupa nagybetűs lesz */
position: relative;
z-index: 1;
overflow: hidden;
transition: color 0.4s ease !important;
}
/* Kosárba teszem szöveg előtti ikon elrejtése */
.wpcvt-variation-actions button.single_add_to_cart_button::before,
.wpcvt-variation-actions button.single_add_to_cart_button i {
display: none !important; /* Elrejti a tartalom előtti ikont, ha van */
}
}
/*4.0 TERKOZ OSSZEHUZASA */
/* Rovid leiras terkoz */
div.woocommerce-product-details__short-description {
margin-bottom: 0px !important}
div.summary.entry-summary {
margin-bottom: 0px !important;
padding-bottom: 0px !important;}
/* Mennyiseg terkoz */
.quantity {
margin-bottom: 1rem !important}
/* Kosar terkoz */
.cart {
padding-bottom: 0px !important;
margin-bottom: 0px !important;}
/* Tabok terkoz */
div.woocommerce-tabs.wc-tabs-wrapper.wk-tabs-scope {
top: 0px !important}
/*4.1 KEP*/
/* Fokep kerekites */
.woocommerce-product-gallery__image {border-radius: 10px;}
/* Nagyító ikon tájolása */
.woocommerce div.product div.images a.woocommerce-product-gallery__trigger {top: 2em;}
/* Galeria keret */
.flex-control-nav.flex-control-thumbs img {border-radius: 10px;}
/* Galeria kepek meretezes */
.woocommerce div.product div.images ol.flex-control-thumbs img {
width: 100px;
height: 100px;}
/*4.2 VARIATIONS*/
/* Variaciok doboz */
.wpcvt-variations{}
/* Egyes variacios mezok */
.wpcvt-variation{}
/*Beállítja, hogy a .wpcvt-variation elem szélessége a szülője, a .wpcvt-variations 90%-a legyen.*/
.wpcvt-variations .wpcvt-variation {
width: 90% !important;
}
.wpcvt-wrap .wpcvt-variation {
width: 90% !important;
}
/* --- BAL MEZO --- .wpcvt-variation-info --- */
.wpcvt-wrap .wpcvt-variation .wpcvt-variation-info {
padding: 10px !important;
}
/* A variacio neve */
.wpcvt-wrap .wpcvt-variation .wpcvt-variation-name {
padding-left: 10px !important;
text-transform: uppercase;
}
/* A variacio ára */
.wpcvt-wrap .wpcvt-variation .wpcvt-variation-price {
padding-left: 20px !important;
}
/* Variacio elérhetősége */
.wpcvt-wrap .wpcvt-variation .wpcvt-variation-availability {
padding-left: 5px !important;
text-align: right !important;
}
/* Nincs készleten felirat */
.out-of-stock {
text-transform: uppercase
}
/* --- JOBB MEZO --- .wpcvt-variation-actions --- */
.wpcvt-wrap .wpcvt-variation .wpcvt-variation-actions {
padding: 10px !important;
margin-top: 5px !important;
}
/* Biztosítja, hogy a ".wpcvt-add-to-cart" elemek tartalma (mennyiség mező, gomb)
* egy sorban, egymás mellett helyezkedjen el.*/
.wpcvt-add-to-cart {
display: flex !important; /* A flexbox bekapcsolása */
flex-direction: row !important; /* Az elemek sorba rendezése (egymás mellé) */
align-items: center !important; /* Vertikális középre igazítás */
gap: 10px !important; /* Kis távolság az elemek között */
flex-wrap: wrap !important; /* Ha nincs elég hely, törje a sort */
justify-content: flex-start !important; /* Az elemek igazítása a sor elejére */
}
/* Mennyiség doboz */
.wpcvt-wrap .wpcvt-variation .quantity {
margin-bottom: 0px !important;}
.wpcvt-wrap .wpcvt-variation .quantity-label {
display: none !important;
}
/* Mennyisegivaltoztato gombok */
.quantity-inner .btn-number {
width: 2em !important;
height: 2em !important;
background-color: #97c9997d !important;
border: none !important;
border-radius: 5px;
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-decoration: none !important;
color: #333 !important;
}
/* Mennyisegbeviteli mezo */
.quantity-inner {
display: flex !important;
width: 120px !important;
height: 2em !important;
}
/* Beviteli szám */
.quantity-inner .qty {
flex-grow: 1 !important;
width: 1em !important;
height: 1em !important;
text-align: center !important;
border: none !important;
padding: 0 !important;
font-size: 20px !important;
font-weight: 600;
}
/* Kosarba gomb */
.wpcvt-wrap .wpcvt-variation .single_add_to_cart_button {
padding: 10px !important;
border-radius: 5px;
width: auto !important;
}
/*4.3 META*/
/* Metaadatok elrejtese */
span.posted_in {
margin-top: 0px !important}
span.tagged_as {
margin-top: 0px !important}
.gf-product-share {
margin-top: 0px}
/*4.4 TABFULEK*/
/* 4.4.1 TARSITAS LINKEK */
.linkek-dekor {
color: #3e7c47; /* természetes zöld árnyalat */
text-decoration: none; /* nincs aláhúzás alapból */
font-weight: 500;
transition: color 0.3s;
}
.linkek-dekor:hover {
color: #7ba563; /* világosabb zöld hoverre */
text-decoration: underline;
}
/*4.5 AJANLASOK*/
section > div > div.gf-blog-inner.clearfix.layout-grid.owl-carousel.owl-theme.owl-loaded.owl-drag > div.owl-stage-outer.owl-height {min-height: 550px }
/*4.6 COMPARE SAV*/
/* Képek*/
#yith-woocompare-preview-bar .compare-list .image-wrap img {
border-radius: 10px
}
/* Placeholderek */
#yith-woocompare-preview-bar .compare-list li.product-placeholder {
border-radius: 10px
}
/* Az "Összehasonlítás megtekintése" gomb */
#yith-woocompare-preview-bar > div > footer > a {
/* Alapvető gombstílusok */
display: inline-block;
background-color: #7fa15a;
color: #fff !important;
padding: 10px 20px;
border: 1px solid #7fa15a;
border-radius: 10px;
text-decoration: none;
cursor: pointer;
/* Átmenet a lebegéshez */
transition: background-color 0.3s ease;
}
/* Hover stílusok */
#yith-woocompare-preview-bar a:hover {
background-color: #5d7e3e; /* Sötétebb szín lebegéskor */
border-color: #5d7e3e;
}
/* MOBIL */
@media (max-width: 768px) {
/* Preview bar */
#yith-woocompare-preview-bar {
height: 18vh
}
}
/*5. BLOG OLDAL*/
/* Blogbejegyzes kepeinek kerekitese globalisan*/
.entry-thumb-wrap.entry-thumb-mode-background.entry-thumb-format- > div > a{
border-radius: 5%;
}
.entry-thumb-wrap.entry-thumb-mode-background.entry-thumb-format- > div > a::after {
border-radius: 5%;
}
/*6. KOSAR OLDAL*/
/*Vásárlás folytatása gomb lekerektés */
.woocommerce a.button {
border-radius: 15px}
/* Termék képének kerekitese */
.woocommerce table.shop_table.shop_table img{
border-radius: 15px}
/* ================================================================== */
/*III: FOOTER ELEMENTS*//* ================================================================== */
/* ================================================================== */
/*1. MAJA*/
/* Maja widget mozgasa es beallitasai */
.chaty .chaty-cta-main {
transition: transform 0.6s ease;
transform: translateX(0);
}
.chaty.retracted .chaty-cta-main {
transform: translateX(-80px);
}
.chaty:hover .chaty-cta-main {
transform: translateX(0);
}
/* Maja pozicionalasa (ha a téma nem fixeli) */
.chaty-widget.left-position {
position: fixed;
}
/* MAJA GIF HÁTTERE ELTÁVOLÍTÁS */
#chaty-widget-_10 > div.chaty-widget.left-position > div > div.chaty-i-trigger.csaas-widget-trigger > div.chaty-channel.chaty-cta-close.pos-right > div {
display: none
}
/*1.1 CHATY*/
/*CHATY ABLAK BEZÁRÓ GOMB*/
.chaty-close-view-list svg {
width: 20px !important;
height: 20px !important;
}
/* MOBIL */
@media (max-width: 768px) {
/* Eredeti bezaras gomb eltuntetese */
.chaty-cta-close {
display: none !important;
}
#chaty-form-_10-chaty-chat-view {
top: 150px;
height: 98%;
}
/* A chaty ablak magassága a teljes képernyőhöz*/
.chaty-chat-view {
top: 180px;
width: 98%;
max-width: 98%
}
.chaty-chat-view.pos-left {
left: 1%
}
/* Chaty channels beallitasok */
.chaty-view-channels {
/* csatorna hátterek átlásztóság*/
background-color: rgba(255, 255, 255, 0.7);
/* hozzáigazítjuk a MOLIN ablakhoz*/
transform: translateY(-80px);
}
/* Lassú elhalvanyulas */
.chaty .on-hover-text {
transition: opacity 3s ease !important;
}
.chaty.retracted .on-hover-text {
opacity: 0 !important;
}
}
/*DESKTOP*/
@media (min-width: 769px) {
.chaty-chat-view {
top: 180px;
width: 450px;
}
/* Chaty channels meretnoveles */
.chaty-channel a:hover {
transform: scale(1.1);
transition: transform 0.3s ease;
}
/* ÚJ KÓD */
.chaty-cta-main .on-hover-text {
font-size: 12px;
color: #ffffff;
background-color: #555555;
}
}
/*1.2 MOLIN*/
/* Ha volt beköszönő a Chaty-ben, némítsuk el */
.chaty-view-content .chaty-top-content>p {
display: none !important;
}
/* ---DEKSTOP - MOLIN AI */
@media (min-width: 769px) {
/* A panel magasságát osztály vezérli; a vágást a belso molin-widget.html végzi */
.chaty.molin-open .chaty-view-content,
.chaty.molin-open .chaty-view-body,
.chaty.botpress-open .chaty-view-content,
.chaty.botpress-open .chaty-view-body {
height: 98% !important;
/*550px*/
max-height: 98% !important;
/*100%*/
}
/* A wrapper csak a teljes kitöltést biztosítja; nincs translate itt */
.molin-frame-wrap {
position: relative;
width: 100%;
height: 450px;
/* ez adja meg a beszélgető panel magasságát*/
/* 500px*/
overflow: hidden;
}
/* fejléc levágása feltolással */
.molin-iframe {
display: block;
width: 100%;
height: calc(450px + 80px);
/* wrap magassága + levágandó rész */
transform: translateY(-80px);
/* ugyanekkora negatív eltolás */
border: none;
background: transparent;
}
}
/* --- MOBIL - MOLIN AI */
@media (max-width: 768px) {
/* A panel magasságát osztály vezérli; a vágást a BEL[S]Ő molin-widget.html végzi */
.chaty.molin-open .chaty-view-content,
.chaty.molin-open .chaty-view-body,
.chaty.botpress-open .chaty-view-content,
.chaty.botpress-open .chaty-view-body {
height: 90vh !important;
/*550px*/
max-height: 90vh !important;
/*100%*/
}
/* A wrapper csak a teljes kitöltést biztosítja; nincs translate itt */
.molin-frame-wrap {
position: relative;
width: 100%;
height: 77vh;
/* ez adja meg a beszélgető panel magasságát*/
/* 500px*/
overflow: hidden;
}
/* fejléc levágása feltolással */
.molin-iframe {
display: block;
width: 100%;
height: calc(77vh + 80px);
/* wrap magassága + levágandó rész */
transform: translateY(-80px);
/* ugyanekkora negatív eltolás */
border: none;
background: transparent;
}
}
/*2. BACK TO TOP GOMB*/
/*2.1 GOMB*/
/* Gomb szine hover */
.back-to-top.in {
border-radius: 14px;
width: 60px;
height: 60px;
bottom: 65px;
opacity: 60%;
background-color: #C1E0A4;}
.back-to-top.in:hover {
background-color: #8db600;
opacity: 75%;
box-shadow: 5px 5px 10px #888888;}
/*2.2 IKON REZGETES*/
/* Nyil rezgetese */
.back-to-top i {
font-size: 30px;
top: 10px;
transition: transform 0.3s ease-out;
}
.back-to-top.in:hover i {
animation-name: rugozas;
animation-duration: 0.7s; /* Egy ciklus hossza, állítsd a kívánt rezgési sebességre */
animation-iteration-count: infinite; /* Ez biztositja a folyamatos ismetlest */
animation-timing-function: ease-in-out;
}
@keyframes rugozas {
0% { transform: translateY(0); } /* Kiindulási pozíció */
10% { transform: translateY(-5px); } /* Felfelé mozdulás (max. magasság) */
20% { transform: translateY(0); } /* Vissza a kiindulási pozícióba */
30% { transform: translateY(-5px); }
40% { transform: translateY(0); }
50% { transform: translateY(-4px); }
60% { transform: translateY(0); }
70% { transform: translateY(-3px); }
80% { transform: translateY(0); }
90% { transform: translateY(-2px); }
100% { transform: translateY(0); }
}
/*3. COOKIE*/
/* https://www.bergerwebkert.hu/wp-admin/admin.php?page=complianz#tools/tools-documents */
/* ---MOBIL COOKIE*/
@media (max-width: 767px) {
/* Gomb merete */
#cmplz-manage-consent .cmplz-manage-consent {
width: 40px}
#cmplz-manage-consent > button {
min-width: 60px !important;
width: 60px !important;
padding: 5px !important;
right: 80px!important;
}
/* Kep merete */
#cmplz-manage-consent > button > img {
width: 40px !important;
height: 40px !important;
}
}
/* ---DESKTOP + TABLET COOKIE*/
@media (min-width: 768px) {
/* Gomb merete */
#cmplz-manage-consent .cmplz-manage-consent {
min-width: unset !important; /* Eltávolítja a minimális szélesség korlátozást */
width: fit-content; /* Kiegészítés: A gomb szélessége illeszkedik a tartalmához */
padding: 8px !important; /* Kisebb belső térköz a gombnak, finomhangolható */
transform: translateX(-45px);
}
/* Kep merete */
#cmplz-manage-consent > button > img {
width: 40px !important;
height: 40px !important;
transition: transform 0.3s ease-in-out; /* ÁTMENET*/}
/* Kép méretének növelése hoverre */
#cmplz-manage-consent > button > img:hover {
transform: scale(1.2); /* Vagy scale: 1.2; ha elég modern böngészőket támogatsz */
}
}
/*4. SIDECART*/
/* Kosár ikon méretnövelés a fülön */
.xoo-wsc-bki {
font-size: 30px;
}
/* Hover a fülre */
.xoo-wsc-bki:hover {
transform: scale(1.1);
transition: transform 0.3s ease;
}
/* Bezárás gomb növelés a belebegő panelen */
span.xoo-wsch-close {
font-size: 1.8em;
}
/* Gombok kerekítése a belebegő panelen */
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.xoo-wsc-container
.xoo-wsc-btn {
border-radius: 10px
}
/*5. FOOTER MINIGAME*/
/* Footer plant - mozgathato növények */
.footer-01, .footer-02 { position: relative; }
/* Ezt hagyd meg az abszolút rétegnek */
.footer-plant {
position: absolute;
top: 0; left: 0;
will-change: transform;
touch-action: none;}/* ne vedd el az img hoverjét azzal, hogy az img-nek none-t adsz */
.footer-plant img { pointer-events: auto; } /* hogy a buzz/hover újra működjön */
.footer-02 { position: relative; z-index: 0; }
.footer-plant { position: absolute; top:0; left:0; will-change: transform; touch-action:none; z-index: 10; }
.footer-plant img { display:block; height:auto; opacity:1; filter:none; pointer-events:auto; }
.footer-plant, .footer-plant img {
user-select: none;
-webkit-user-drag: none;
-webkit-tap-highlight-color: transparent;
cursor: grab;}
.footer-plant.is-dragging { cursor: grabbing; }