.elementor-kit-65{--e-global-color-primary:#D2561F;--e-global-color-secondary:#F0EAE1;--e-global-color-text:#FFFFFF;--e-global-color-accent:#D2561F;--e-global-color-e9c25c9:#FFFFFF00;--e-global-color-4086a01:#172621;--e-global-color-f7c463e:#FF0000;--e-global-color-7ca09a6:#009640;--e-global-color-1cc6c08:#878787;--e-global-color-4262644:#C8C8C8;--e-global-color-12da2f6:#C99F3D;--e-global-color-bfe6a96:#D2561F;--e-global-color-0b0bcf3:#D96A2A;--e-global-color-4ca1432:#FDFCFB;--e-global-color-5346f88:#3F8361;--e-global-typography-primary-font-family:"broadsheet";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:0.8em;--e-global-typography-secondary-font-family:"Exo";--e-global-typography-secondary-font-size:60px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:65px;--e-global-typography-text-font-family:"Exo 2";--e-global-typography-text-font-size:19px;--e-global-typography-text-font-weight:300;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Exo 2";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:none;--e-global-typography-93bbbef-font-family:"Exo 2";--e-global-typography-93bbbef-font-size:25px;--e-global-typography-93bbbef-font-weight:300;--e-global-typography-93bbbef-text-transform:capitalize;--e-global-typography-93bbbef-font-style:normal;--e-global-typography-2eea430-font-family:"broadsheet";--e-global-typography-2eea430-font-size:35px;--e-global-typography-2eea430-font-weight:500;--e-global-typography-2eea430-text-transform:uppercase;--e-global-typography-2eea430-line-height:1em;--e-global-typography-2e32680-font-family:"Exo 2";--e-global-typography-2e32680-font-size:14px;--e-global-typography-2e32680-font-weight:300;--e-global-typography-2e32680-text-transform:capitalize;--e-global-typography-2e32680-font-style:oblique;--e-global-typography-6a0ba07-font-family:"Exo 2";--e-global-typography-6a0ba07-font-size:30px;--e-global-typography-6a0ba07-font-weight:300;--e-global-typography-6a0ba07-text-transform:capitalize;--e-global-typography-6a0ba07-font-style:oblique;--e-global-typography-6a0ba07-line-height:1.2em;--e-global-typography-f5b429f-font-family:"broadsheet";--e-global-typography-f5b429f-font-size:110px;--e-global-typography-f5b429f-font-weight:400;--e-global-typography-f5b429f-text-transform:uppercase;--e-global-typography-f5b429f-line-height:0.8em;--e-global-typography-32e8590-font-family:"broadsheet";--e-global-typography-32e8590-font-size:25px;--e-global-typography-32e8590-font-weight:400;--e-global-typography-32e8590-text-transform:uppercase;--e-global-typography-32e8590-line-height:0.8em;--e-global-typography-fd8ae5f-font-family:"broadsheet";--e-global-typography-fd8ae5f-font-size:20px;--e-global-typography-fd8ae5f-font-weight:500;--e-global-typography-fd8ae5f-text-transform:capitalize;--e-global-typography-58eca68-font-family:"broadsheet";--e-global-typography-58eca68-font-size:25px;--e-global-typography-58eca68-font-weight:400;--e-global-typography-58eca68-text-transform:capitalize;--e-global-typography-58eca68-line-height:1em;--e-global-typography-f899038-font-family:"broadsheet";--e-global-typography-f899038-font-size:320px;--e-global-typography-f899038-font-weight:400;--e-global-typography-f899038-text-transform:uppercase;--e-global-typography-f899038-line-height:0.8em;background-color:#F9F7F4;}.elementor-kit-65 e-page-transition{background-color:#FFBC7D;}.elementor-kit-65 h2{font-family:"Playfair Display", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1280px){.elementor-kit-65{--e-global-typography-primary-font-size:35px;--e-global-typography-secondary-font-size:45px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:18px;--e-global-typography-93bbbef-font-size:18px;--e-global-typography-2eea430-font-size:30px;--e-global-typography-2e32680-font-size:14px;--e-global-typography-6a0ba07-font-size:20px;--e-global-typography-f5b429f-font-size:65px;--e-global-typography-32e8590-font-size:20px;--e-global-typography-32e8590-line-height:1em;--e-global-typography-fd8ae5f-font-size:20px;--e-global-typography-58eca68-font-size:20px;--e-global-typography-58eca68-line-height:1em;--e-global-typography-f899038-font-size:200px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-65{--e-global-typography-2eea430-font-size:26px;--e-global-typography-f5b429f-font-size:55px;--e-global-typography-f899038-font-size:130px;}.elementor-kit-65 h2{font-size:20px;}.elementor-kit-65 h3{font-size:18px;}.elementor-kit-65 h4{font-size:16px;}.elementor-kit-65 h5{font-size:14px;}.elementor-kit-65 h6{font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Alul középen */
.scroll-indicator{
  position: absolute;
  left: 50%;
  bottom: 0.5rem;              /* kb. bottom-8 */
  transform: translateX(-50%);
  opacity: 1;
  pointer-events: none;
}

/* Csak az EGÉR mozog */
.mouse{
  width: 24px;               /* w-6 */
  height: 40px;              /* h-10 */
 border: 2px solid rgba(250,248,245,0.60); /* keret */
  border-radius: 9999px;
  position: relative;
  box-sizing: border-box;

  /* animáció az egértesten */
  animation: mouseFloat 1.5s ease-in-out infinite;
  will-change: transform;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

/* A görgő fix helyen van, NEM animáljuk */
.wheel{
  width: 6px;                /* w-1.5 */
  height: 12px;              /* h-3 */
  border-radius: 9999px;
  background: #D2561F;       /* terrakotta / primary */

  /* fix pozíció az egérben */
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
}

/* Lebegés az egérre */
@keyframes mouseFloat{
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(10px); }
}

/* Opcionális: tisztelet a reduced motion-nek */
@media (prefers-reduced-motion: reduce){
  .mouse{ animation: none; }
}

/* ========== Erdély Ízei – Product Badge rendszer (Loop Grid) ========== */

/* kép wrapper: erre pozicionálunk */
.loop-product-media{
  position: relative;
}

/* Biztonság: ha a kép wrapper overflow-hidden, akkor a badge szépen ül */
.loop-product-media{
  overflow: hidden;
}

/* A shortcode widget ne foglaljon helyet a flow-ban */
.loop-product-media .product-badge-slot{
  position: static;
}

/* Badge alap */
.loop-product-media .product-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 10;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 12px;
  border-radius: 999px;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;

  color: #FAF8F5;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);

  /* finom “üveges” érzet, ha a háttér fotós */
  backdrop-filter: blur(6px);
}

/* Színek – a te brand palettáddal */
.loop-product-media .badge-kedvenc{ background: #D2561F; }   /* terrakotta */
.loop-product-media .badge-ujdonsag{ background: #3F8361; }  /* erdei zöld */
.loop-product-media .badge-kezmuves{ background: #172621; }  /* mély zöld-fekete */
.loop-product-media .badge-akcio{ background: #EF3F3F; }     /* piros */
.loop-product-media .badge-limitalt{ background: #D96A2A; }  /* narancs */

/* Opcionális: kicsit “prémiumabb” perem */
.loop-product-media .product-badge{
  border: 1px solid rgba(250, 248, 245, .18);
}

/* ========== Erdély Ízei – Loop Item Termékkártya (v2, badge kompatibilis) ========== */

:root{
  --ei-primary: #D2561F;
  --ei-accent: #3F8361;
  --ei-dark: #172621;
  --ei-card: #FDFCFB;
  --ei-text: #352E28;
  --ei-muted: #7D6E62;

  --ei-shadow: 0 4px 16px rgba(23,38,33,.10);
  --ei-shadow-hover: 0 12px 40px rgba(23,38,33,.15);
  --ei-shadow-gold: 0 4px 24px rgba(210,86,31,.25);

  --ei-gold: linear-gradient(135deg, #D2561F 0%, #D96A2A 50%, #D2561F 100%);
  --ei-gold-hover: linear-gradient(135deg, #E0612C 0%, #E07A3C 50%, #E0612C 100%);
}

/* ---------- KÁRTYA ---------- */
.ei-card{
  background: var(--ei-card);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--ei-shadow);
  transition: transform .28s ease, box-shadow .28s ease;
}

.ei-card:hover{
  transform: translateY(-8px);
  box-shadow: var(--ei-shadow-hover);
}

/* Elementor spacing kisimítás */
.ei-card .elementor-widget,
.ei-card .elementor-widget-container{
  margin: 0;
}

/* ---------- MEDIA (KÉP) + ZOOM ---------- */
.loop-product-media{
  position: relative;  /* badge miatt is kell */
  overflow: hidden;
}

/* Kép arány + zoom */
.loop-product-media img,
.ei-card-img img{
  width: 100% !important;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transform: scale(1);
  transition: transform .5s ease;
}

.ei-card:hover .loop-product-media img,
.ei-card:hover .ei-card-img img{
  transform: scale(1.08);
}

/* ---------- BADGE (a meglévő rendszeredhez igazítva) ---------- */
.loop-product-media .product-badge-slot{
  position: static; /* ne foglaljon extra helyet */
}

.loop-product-media .product-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 10;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 12px;
  border-radius: 999px;

  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;

  color: #FAF8F5;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  border: 1px solid rgba(250,248,245,.18);
  backdrop-filter: blur(6px);
}

/* színek (brand) */
.loop-product-media .badge-kedvenc{ background: #D2561F; }
.loop-product-media .badge-ujdonsag{ background: #3F8361; }
.loop-product-media .badge-kezmuves{ background: #172621; }
.loop-product-media .badge-akcio{ background: #EF3F3F; }
.loop-product-media .badge-limitalt{ background: #D96A2A; }

/* ---------- BODY / TIPÓ ---------- */
.ei-card-body{
  padding: 18px 18px 20px 18px;
}

/* rating */
.ei-card-rating{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--ei-muted);
  font-size: 13px;
}

/* ha star-rating markup van */
.ei-card-rating .star-rating span:before{ color: var(--ei-primary) !important; }
.ei-card-rating .star-rating:before{ color: rgba(210,86,31,.25) !important; }

/* cím */
.ei-card-title{
  margin: 6px 0 8px 0;
}

.ei-card-title,
.ei-card-title a{
  color: var(--ei-text);
  text-decoration: none;
  font-weight: 800;
  line-height: 1.2;
  font-size: 20px;
}

.ei-card-title a:hover{ color: var(--ei-primary); }

/* leírás */
.ei-card-desc{
  margin: 0 0 14px 0;
  color: var(--ei-muted);
  font-size: 14px;
  line-height: 1.45;
}

/* ár */
.ei-card-price{
  margin-top: 6px;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.ei-card-price .woocommerce-Price-amount,
.ei-card-price bdi{
  color: var(--ei-text);
  font-weight: 700;
  font-size: 20px;
}

.ei-card-price del,
.ei-card-price del bdi{
  color: var(--ei-muted);
  font-weight: 700;
  font-size: 13px;
  text-decoration-thickness: 2px;
}

.ei-card-price ins{
  background: transparent;
  text-decoration: none;
}

/* ---------- CTA overlay (ha beteszed) ---------- */
.ei-card-cta{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 9;

  opacity: 0;
  transform: translateY(12px);
  transition: opacity .28s ease, transform .28s ease;
}

.ei-card:hover .ei-card-cta{
  opacity: 1;
  transform: translateY(0);
}

.ei-card-cta a,
.ei-card-cta button{
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 12px 14px;
  border-radius: 14px;
  border: 0;

  background: var(--ei-gold);
  color: var(--ei-dark);
  font-weight: 900;

  box-shadow: var(--ei-shadow-gold);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.ei-card-cta a:hover,
.ei-card-cta button:hover{
  background: var(--ei-gold-hover);
  transform: scale(1.02);
  box-shadow: 0 6px 30px rgba(210,86,31,.40);
}

/* Egységes kártyamagasság */
.ei-card{
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Media rész fix arányban marad, body töltse ki a maradékot */
.ei-card-body{
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Ár mindig legalul */
.ei-card-price{
  margin-top: auto;
}

/* Opcionális: ha nagyon eltérő a cím/leírás hossza, adhatunk minimális magasságot */
.ei-card{
  min-height: 420px; /* állítsd 400–460 között ízlés szerint */
}
/* 1) A kártya teljes magasságot vegyen fel a grid cellában */
.ei-card{
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 2) A media rész marad felül, a body töltse ki a maradékot */
.ei-card-body{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 220px; /* ez ad "teret", hogy legyen hova lenyomni az árat */
}

/* 3) Az árat MINDIG a végére tesszük a body-n belül */
.ei-card-body .ei-card-price{
  margin-top: auto !important;
  order: 99;               /* Elementor esetleges sorrendkavarást felülír */
  padding-top: 10px;       /* kis levegő a leírás után */
}


/* =====================================================
   EI – CHANGE HEADER ON SCROLL (CLEAN)
   Sticky reveal + background swap + logo swap only
===================================================== */

/* =====================================================
   VARIABLES
===================================================== */

:root {
  --ei-anim-ms: 180ms;
  --ei-admin-offset: 0px; /* set by JS */
}

/* =====================================================
   CORE STICKY REVEAL (DO NOT EDIT)
===================================================== */

.ei-no-trans {
  transition: none !important;
}

.ei-header.ei-is-sticky {
  position: fixed;
  top: var(--ei-admin-offset);
  left: 0;
  right: 0;
  z-index: 9999;

  transform: translateY(-110%);
  transition: transform var(--ei-anim-ms) ease;
  will-change: transform;
}

.ei-header.ei-is-sticky.ei-show {
  transform: translateY(0);
}

/* =====================================================
   BACKGROUND SWAP (ONLY THIS CHANGES ON SCROLL)
===================================================== */

/* Top state (transparent) */
.ei-header {
  background: transparent;
  transition: background var(--ei-anim-ms) ease;
}

/* Scrolled state (black) */
.ei-header.header-scrolled {
  background: #172621;
}

/* If Elementor inner wrapper has a background, keep it transparent */
.ei-header .e-con-inner,
.ei-header .ei-header__inner {
  background: transparent;
}

/* =====================================================
   LOGO SWAP (OPTIONAL)
   logo-1 = default
   logo-2 = scrolled
===================================================== */

.logo-2 { display: none; }
.ei-header.header-scrolled .logo-1 { display: none; }
.ei-header.header-scrolled .logo-2 { display: inline-block; }

/* =========================
   ELEMENTOR ICON (SVG) FIX
   Lucide/outline ikonokhoz
   ========================= */

/* Elementor ikon konténerek */
.elementor-icon svg,
.elementor-icon-box-icon svg,
.elementor-widget-icon svg,
.elementor-widget-icon-box svg {
  fill: none !important;
  stroke: currentColor !important;

  stroke-width: 1.75;          /* 1.5–2.0 között jó */
  stroke-linecap: round;
  stroke-linejoin: round;

  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.125em;

  vector-effect: non-scaling-stroke;
}

/* Belső elemeket is “kifill-mentesítünk”, mert gyakran a path kap fill-t */
.elementor-icon svg *,
.elementor-icon-box-icon svg *,
.elementor-widget-icon svg *,
.elementor-widget-icon-box svg * {
  fill: none !important;
  stroke: currentColor !important;
}

/* Ha a téma globálban fill-t ad svg-re (gyakori), ezt is felülírjuk */
.elementor-icon svg[fill],
.elementor-icon-box-icon svg[fill],
.elementor-widget-icon svg[fill],
.elementor-widget-icon-box svg[fill] {
  fill: none !important;
}

/* === EI Social icon widget look === */
.ei-social .elementor-icon{
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  background: rgba(255,255,255,0.08);   /* sötét kör "chip" */
  color: rgba(255,255,255,0.80);        /* ikon szín alapból */

  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

/* SVG-k (ha nem font icon) */
.ei-social .elementor-icon svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
  transition: fill .2s ease;
}

/* Hover + fókusz: Global "Hangsúly" szín */
.ei-social .elementor-icon:hover,
.ei-social .elementor-icon:focus{
  background: var(--e-global-color-accent); /* Elementor Global: Accent (= hangsúly) */
  color: #fff;
  transform: translateY(-1px);
}

/* Kattintáskor picit "benyomódik" */
.ei-social .elementor-icon:active{
  transform: translateY(0px) scale(0.98);
}

/* Kis hézag az ikonok között (ha egymás mellett vannak) */
.ei-social .elementor-icon-wrapper{
  margin-right: 10px;
}
.ei-social .elementor-icon-wrapper:last-child{
  margin-right: 0;
}

/* Alap: a link ne kapjon saját (téma) színt, örökölje a környezetét */
.ei-links a,
.ei-links a:visited{
  color: inherit !important;
}

/* Hover/fókusz: a te hover színed (pl. hangsúly) */
.ei-links a:hover,
.ei-links a:focus{
  color: var(--e-global-color-accent) !important;
}

/* Csak az adott widgetre érvényes */
.ei-il-accent .elementor-icon-list-icon{
  color: #C46A1E !important;
}

/* Lucide / outline SVG ikonoknál a stroke kövesse a színt */
.ei-il-accent .elementor-icon-list-icon svg,
.ei-il-accent .elementor-icon-list-icon svg *{
  stroke: #C46A1E !important;
  fill: none !important;
}

:root{
  --ei-accent: var(--e-global-color-accent, #C46A1E);
}

/* ===== BLOG KATEGÓRIA LISTA STÍLUS ===== */

.elementor-widget-wp-widget-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-widget-wp-widget-categories li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.elementor-widget-wp-widget-categories a {
  text-decoration: none;
  transition: 0.3s ease;
}

.elementor-widget-wp-widget-categories a:hover {
  opacity: 0.7;
}

.elementor-widget-wp-widget-categories .count {
  opacity: 0.6;
  font-size: 0.9em;
}

.no-widget-title .widget-title,
.no-widget-title h2,
.no-widget-title h5 {
  display: none !important;
}

/* ===== BLOG KATEGÓRIA DESIGN ===== */

.blog-kategoriak ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-kategoriak li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

/* Link alap */
.blog-kategoriak a {
  text-decoration: none;
  color: #352E28; /* alap szöveg */
  transition: 0.3s ease;
}

/* Hover */
.blog-kategoriak a:hover {
  color: #D2561F; /* terrakotta */
}

/* Aktív kategória */
.blog-kategoriak .current-cat > a {
  color: #D2561F;
  font-weight: 600;
}

/* Darabszám */
.blog-kategoriak .count {
  opacity: 0.6;
  font-size: 0.9em;
}

/* Aktív kategória száma is legyen kiemelt */
.blog-kategoriak .current-cat .count {
  color: #D2561F;
  opacity: 1;
}

/* Elementor WC price widget */
body.single-product .elementor-widget-woocommerce-product-price,
body.single-product .elementor-widget-woocommerce-product-price *,
body.single-product .elementor-widget-woocommerce-product-price .price,
body.single-product .elementor-widget-woocommerce-product-price .amount {
  color: #D2561F !important;
}

.kapcs-card{
  background: var(--kapcs-card);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--ei-shadow);
  transition: transform .28s ease, box-shadow .28s ease;
}

.kapcs-card:hover{
  transform: translateY(-8px);
  box-shadow: var(--ei-shadow-hover);
}


.loop-product-media{
  position: relative;  /* badge miatt is kell */
  overflow: hidden;
}

/* Kép arány + zoom */
.loop-product-media img,
.kapcs-card-img img{
  width: 100% !important;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transform: scale(1);
  transition: transform .5s ease;
}

.kapcs-card:hover .loop-product-media img,
.kapcs-card:hover .kapcs-card-img img{
  transform: scale(1.08);
}

.product-specification-container{display:none!important;}

.contact-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px){
  .contact-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0;
    padding: 0;
    margin: 0 0 20px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
}/* End custom CSS */