.elementor-kit-8{--e-global-color-primary:#222C3A;--e-global-color-secondary:#54595F;--e-global-color-text:#141A20;--e-global-color-accent:#C46A1E;--e-global-color-66a42d6:#F8F6F4;--e-global-color-e0b1253:#E69A17;--e-global-color-0f84ae5:#A04D1F;--e-global-color-140b31b:#171D26;--e-global-color-aad7895:#F7F4F0;--e-global-color-16b91b0:#2A3342;--e-global-color-1e5b6ee:#EDEAE6;--e-global-color-48975a8:#E7E2DB;--e-global-color-fe7819d:#FFFFFF;--e-global-color-4dbb304:#6B7280;--e-global-color-34da44d:#F2EFEA;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-8 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h6{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Mr. Bél Global Design Tokens === */
:root{
  --mb-background: hsl(30 15% 97%);
  --mb-foreground: hsl(220 20% 10%);

  --mb-card: hsl(0 0% 100%);
  --mb-card-foreground: hsl(220 20% 10%);

  --mb-primary: hsl(220 25% 18%);
  --mb-primary-foreground: hsl(30 20% 98%);

  --mb-secondary: hsl(30 10% 94%);
  --mb-secondary-foreground: hsl(220 20% 15%);

  --mb-muted: hsl(30 10% 92%);
  --mb-muted-foreground: hsl(220 10% 45%);

  --mb-accent: hsl(25 70% 45%);
  --mb-accent-foreground: hsl(30 20% 98%);

  --mb-header-bg: hsl(220 25% 12%);
  --mb-header-foreground: hsl(30 20% 95%);

  --mb-surface-dark: hsl(220 25% 15%);
  --mb-surface-medium: hsl(220 20% 22%);

  --mb-gradient-accent: linear-gradient(135deg, hsl(25 70% 45%), hsl(35 80% 50%));
  --mb-gradient-dark: linear-gradient(180deg, hsl(220 25% 12%), hsl(220 25% 18%));
  --mb-gradient-hero: linear-gradient(135deg, hsl(220 25% 10%) 0%, hsl(220 25% 18%) 50%, hsl(220 20% 22%) 100%);
  --mb-gradient-shine: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.15) 50%, transparent 60%);

  --mb-shadow-card: 0 4px 20px -4px rgba(0,0,0,0.08);
  --mb-shadow-card-hover: 0 12px 40px -8px rgba(0,0,0,0.15);
  --mb-shadow-glow: 0 0 30px -5px rgba(184, 104, 38, 0.30); /* accent glow */
}

/* Base typography */
body{
  background: var(--mb-background);
  color: var(--mb-foreground);
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Space Grotesk', sans-serif;
}

/* === Utility classes (Elementor-friendly) === */
.mb-bg-hero{ background: var(--mb-gradient-hero); }
.mb-bg-accent{ background: var(--mb-gradient-accent); }
.mb-bg-dark{ background: var(--mb-gradient-dark); }

.mb-text-gradient{
  background-image: var(--mb-gradient-accent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.mb-glow-accent{ box-shadow: var(--mb-shadow-glow); }

/* Glass cards */
.mb-glass{
  background: rgba(255,255,255,0.80);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255,255,255,0.20);
}
.mb-glass-dark{
  background: rgba(16,22,33,0.85);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Hover card */
.mb-card-hover{
  transition: transform .3s ease, box-shadow .3s ease;
  box-shadow: var(--mb-shadow-card);
}
.mb-card-hover:hover{
  transform: translateY(-4px);
  box-shadow: var(--mb-shadow-card-hover);
}

/* Nav underline (add class to menu links if needed) */
.mb-nav-link{
  position: relative;
}
.mb-nav-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background: var(--mb-accent);
  transition: width .3s ease;
}
.mb-nav-link:hover::after{ width:100%; }

/* Simple fade-up animation */
@keyframes mbFadeUp{
  from{ opacity:0; transform: translateY(20px); }
  to{ opacity:1; transform: translateY(0); }
}
.mb-animate-fade-up{
  opacity:0;
  animation: mbFadeUp .6s ease-out forwards;
}

/* Scrollbar (optional) */
::-webkit-scrollbar{ width: 8px; }
::-webkit-scrollbar-track{ background: var(--mb-muted); }
::-webkit-scrollbar-thumb{
  background: rgba(90, 98, 115, 0.30);
  border-radius: 4px;
}


/* HERO base + pattern overlay (final) */
.mb-hero{
  position: relative;
  overflow: hidden;
  color: var(--mb-header-foreground);
}

.mb-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0.05;

  background-repeat: repeat;
  background-size: 60px 60px;

  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.mb-hero-inner{
  position: relative;
  z-index: 10;
}



/* Hero features icon list: outline (stroke) icon, no fill */
.mb-hero-features .elementor-icon-list-icon svg{
  fill: none !important;           /* ne legyen kitöltés */
  stroke: var(--mb-accent);        /* körvonal színe */
  stroke-width: 2;                /* körvonal vastagság */
  transition: stroke .2s ease;
}

/* Biztos ami biztos: sok SVG a path-on hordozza a fill-t */
.mb-hero-features .elementor-icon-list-icon svg path{
  fill: none !important;
  stroke: var(--mb-accent);
  stroke-width: 2;
}

/* =========================
   NEW BUTTON SYSTEM (clean)
   ========================= */

/* base */
.mb-btn-new .elementor-button{
  border-radius: 14px !important;
  padding: 16px 22px !important;
  font-weight: 700 !important;

  box-shadow: none !important;      /* kill dark strip */
  filter: none !important;
  transform: none !important;
  background-clip: padding-box !important;

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

/* primary */
.mb-btn-primary-new .elementor-button{
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: var(--mb-gradient-accent) !important;
  color: var(--mb-accent-foreground) !important;
}

.mb-btn-primary-new .elementor-button:hover{
  transform: translateY(-1px);
}

/* optional shine */
.mb-btn-primary-new .elementor-button{
  position: relative;
  overflow: hidden;
}
.mb-btn-primary-new .elementor-button::after{
  content:"";
  position:absolute;
  inset:0;
  left:-120%;
  background: var(--mb-gradient-shine);
  opacity: .75;
  transition: left .5s ease;
}
.mb-btn-primary-new .elementor-button:hover::after{
  left:120%;
}

/* outline */
.mb-btn-outline-new .elementor-button{
  background: transparent !important;
  color: var(--mb-header-foreground) !important;
  border: 2px solid rgba(245,238,230,0.28) !important;
}

.mb-btn-outline-new .elementor-button:hover{
  border-color: var(--mb-accent) !important;
  color: var(--mb-accent) !important;
}
/* Primary button lift on hover */
.mb-btn-primary-new .elementor-button{
  transition: transform .18s ease, box-shadow .18s ease;
  will-change: transform;
}

.mb-btn-primary-new .elementor-button:hover{
  transform: translateY(-2px);
}

/* Primary button: pop-out grow (no vertical lift) */
.mb-btn-primary-new .elementor-button,
.mb-btn-primary-new a.elementor-button{
  transition: transform .18s ease !important;
  will-change: transform;
  transform-origin: center;
}

.mb-btn-primary-new:hover .elementor-button,
.mb-btn-primary-new:hover a.elementor-button{
  transform: scale(1.04) !important;
}

/* Hero badge */
.mb-hero-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(184,104,38,0.10);
  border: 1px solid rgba(184,104,38,0.20);
  margin-bottom: 32px;
}

.mb-hero-badge .mb-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--mb-accent);
  box-shadow: 0 0 0 0 rgba(184,104,38,0.45);
  animation: mbPulse 1.6s infinite;
}

.mb-hero-badge .mb-badge-text{
  color: var(--mb-accent);
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

@keyframes mbPulse{
  0%{ box-shadow: 0 0 0 0 rgba(184,104,38,0.45); }
  70%{ box-shadow: 0 0 0 10px rgba(184,104,38,0.00); }
  100%{ box-shadow: 0 0 0 0 rgba(184,104,38,0.00); }
}
/* Badge: legyen tényleg "pill" és ne nyúljon full width-re */
.mb-hero-badge{
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100%;
  align-items: center;
  gap: 10px;

  padding: 10px 16px;
  border-radius: 999px;

  background: rgba(184,104,38,0.10);
  border: 1px solid rgba(184,104,38,0.22);

  margin: 0 0 20px 0;
}
.mb-hero-badge .mb-dot{
  flex: 0 0 auto;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--mb-accent) !important;
  display: inline-block;

  box-shadow: 0 0 0 0 rgba(184,104,38,0.45);
  animation: mbPulse 1.6s infinite;
}
.mb-hero-badge .mb-badge-text{
  margin: 0 !important;
  line-height: 1.1;
  font-size: 14px;
  font-weight: 600;
  color: var(--mb-accent);
}
.mb-hero-badge{
  padding: 8px 16px 8px 16px !important; /* bottom kisebb */
}
/* Badge belső igazítás fix */
.mb-hero-badge{
  display: inline-flex !important;
  align-items: center !important;   /* ez a kulcs */
  gap: 10px;
}

/* Szöveg reset (ne baseline / p margin) */
.mb-hero-badge .mb-badge-text{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Pötty biztos középre */
.mb-hero-badge .mb-dot{
  display: block !important;
  margin: 0 !important;
  align-self: center !important;
}
.mb-hero-badge .mb-badge-text p{
  margin: 0 !important;
  line-height: 1 !important;
}
/* === HERO visual wrap context === */
.mb-hero-visual-wrap{
  position: relative;
}

/* Image card (round + border + shadow) */
.mb-hero-visual-wrap .mb-hero-image-card{
  position: relative;
  z-index: 2;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(245,238,230,0.10);
  box-shadow: 0 18px 50px rgba(0,0,0,0.35);
}

/* Stats row (ha most még kép alatt van) */
.mb-hero-stats{
  display: flex;
  gap: 12px;
  margin-top: 16px;   /* amíg “kép alatt” van */
}

/* Stat cards */
.mb-hero-stat{
  flex: 1 1 0;
  background: rgba(18, 24, 33, 0.90);
  border: 1px solid rgba(245,238,230,0.10);
  border-radius: 12px;
  padding: 12px;
}

.mb-stat-num{
  color: var(--mb-accent);
  font-family: var(--mb-font-display, inherit);
  font-weight: 800;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 4px;
}

.mb-stat-label{
  color: rgba(245,238,230,0.70);
  font-size: 12px;
  line-height: 1.2;
}

/* Decor squares (outside the image card, inside wrap) */
.mb-hero-decor{
  position: absolute;
  pointer-events: none;
  z-index: 1;
  border: 2px solid rgba(184,104,38,0.30);
  border-radius: 16px;
}

.mb-hero-decor--tr{
  width: 96px;
  height: 96px;
  top: -16px;
  right: -16px;
  border-color: rgba(184,104,38,0.30);
}

.mb-hero-decor--bl{
  width: 128px;
  height: 128px;
  bottom: -16px;
  left: -16px;
  border-color: rgba(184,104,38,0.20);
}
/* A képkártya legyen pozicionálási alap */
.mb-hero-image-card{
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

/* Statok ráülnek a kép aljára */
.mb-hero-image-card .mb-hero-stats{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  margin-top: 0 !important;
  z-index: 3;
}
/* Elementor SVG icons: disable fill (outline look) */
.elementor-widget-icon svg,
.elementor-widget-icon-list svg{
  fill: none !important;
}
.elementor-widget-icon svg * ,
.elementor-widget-icon-list svg *{
  fill: none !important;
}
/* Icon List SVG: no fill, use currentColor as stroke */
.elementor-widget-icon-list .elementor-icon-list-icon{
  color: rgba(245,238,230,0.85) !important; /* világos ikon szín */
}

.elementor-widget-icon-list .elementor-icon-list-icon svg,
.elementor-widget-icon-list .elementor-icon-list-icon svg *{
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

/* =========================
   USP ICON (wrapper-based) – STABLE FINAL (Elementor-proof)
   ========================= */

/* Wrapper = the box */
.mb-usp-iconwrap{
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: rgba(184,104,38,0.10) !important;
  border: none !important;

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

  margin-bottom: 24px;
  transition: transform .25s ease, background-color .25s ease;
}

/* Force color on the ACTUAL Elementor icon element (this is the key) */
.mb-usp-iconwrap .elementor-icon,
.mb-usp-iconwrap svg{
  color: var(--mb-accent, #b86826) !important;
}

/* Lucide SVG sizing + crisp outline */
.mb-usp-iconwrap svg{
  width: 28px !important;
  height: 28px !important;
  display: block !important;
}

/* Ensure Lucide uses currentColor for stroke, no fill */
.mb-usp-iconwrap svg,
.mb-usp-iconwrap svg *{
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* ✅ Hover ONLY on the card */
.mb-usp-card:hover .mb-usp-iconwrap{
  background: var(--mb-accent, #b86826) !important;
  transform: scale(1.10);
}

/* Hover: icon becomes white (force on elementor-icon + svg) */
.mb-usp-card:hover .mb-usp-iconwrap .elementor-icon,
.mb-usp-card:hover .mb-usp-iconwrap svg{
  color: #fff !important;
}
/* Optical centering for Lucide icons inside the USP box */
.mb-usp-iconwrap svg{
  transform: translateY(2px);
}
/* Gradient text for headings (Elementor-safe) */
.mb-grad{
  background-image: linear-gradient(
    135deg,
    #b86826 0%,
    #d1902f 100%
  );
  background-size: 100%;
  background-repeat: repeat;

  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
  color: transparent;

  display: inline-block;
}
/* =========================
   CATEGORIES SECTION
   ========================= */

.mb-cat{
  padding: 80px 0;
  background: hsl(30 10% 94%); /* secondary */
}

/* Grid layout (responsive like Tailwind) */
.mb-cat-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px){
  .mb-cat-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px){
  .mb-cat-grid{ grid-template-columns: repeat(3, 1fr); }
}

/* Card hover = lift + shadow */
.mb-cat-card{
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 4px 20px -4px rgba(17, 24, 39, 0.08);
}
.mb-cat-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 40px -8px rgba(17, 24, 39, 0.18);
}

/* Media block */
.mb-cat-media{
  position: relative;
  height: 192px;
  background: #fff;
  overflow: hidden;
}

/* Image (contain + padding + hover zoom) */
.mb-cat-media .mb-cat-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 16px;
  transition: transform .5s ease;
  transform-origin: center;
}
.mb-cat-card:hover .mb-cat-img img{
  transform: scale(1.10);
}

/* Dark bottom overlay gradient (like from-primary/60) */
.mb-cat-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(to top, rgba(17, 24, 39, 0.55) 0%, rgba(17, 24, 39, 0.0) 55%);
}

/* Count badge */
.mb-cat-badge{
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  background: var(--mb-accent, #b86826);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  line-height: 1;
}

/* Body */
.mb-cat-body{
  padding: 24px;
}

.mb-cat-title{
  transition: color .25s ease;
}
.mb-cat-card:hover .mb-cat-title{
  color: var(--mb-accent, #b86826);
}

.mb-cat-desc{
  margin: 0 0 16px 0;
  color: rgba(17, 24, 39, 0.65);
  font-size: 14px;
  line-height: 1.6;
}

/* CTA row: gap anim */
.mb-cat-cta{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--mb-accent, #b86826);
  font-weight: 600;
  font-size: 14px;
  transition: gap .25s ease;
}
.mb-cat-card:hover .mb-cat-cta{
  gap: 12px;
}

/* Arrow icon (Lucide SVG) */
.mb-cat-arrow svg,
.mb-cat-arrow svg *{
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Optional: stagger in (same as before) */
.mb-stagger > *{
  opacity: 0;
  animation: mbFadeUp .5s ease-out forwards;
}
.mb-stagger > *:nth-child(1){ animation-delay: .1s; }
.mb-stagger > *:nth-child(2){ animation-delay: .2s; }
.mb-stagger > *:nth-child(3){ animation-delay: .3s; }
.mb-stagger > *:nth-child(4){ animation-delay: .4s; }
.mb-stagger > *:nth-child(5){ animation-delay: .5s; }
.mb-stagger > *:nth-child(6){ animation-delay: .6s; }

@keyframes mbFadeUp{
  from{ opacity: 0; transform: translateY(20px); }
  to{ opacity: 1; transform: translateY(0); }
}
.mb-cat-btn .elementor-button{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: gap .25s ease, transform .25s ease;
}
.mb-cat-card:hover .mb-cat-btn .elementor-button{
  gap: 12px;              /* “nyíl csúszás” érzet */
  transform: translateY(-1px);
}

.product-card .product-type a + a::before{
  content: " • ";
  color: #6B7280;              /* szürkés szöveg */
  font-weight: 400;
}


/* Alap: ne oldalra, hanem lefelé */
.sidebar-menu .sub-menu {
  position: static;
  display: none;
  margin-left: 0;
  padding-left: 12px;
}

/* Hover helyett kattintásra (Elementor class) */
.sidebar-menu .menu-item-has-children > a {
  cursor: pointer;
}

/* Aktív / lenyitott állapot */
.sidebar-menu .menu-item-has-children.open > .sub-menu {
  display: block;
}

/* Nyíl ikon forgatása */
.sidebar-menu .menu-item-has-children > a .sub-arrow {
  transition: transform .2s ease;
}
.sidebar-menu .menu-item-has-children.open > a .sub-arrow {
  transform: rotate(180deg);
}

.shop-sidebar a {
  color: var(--e-global-color-text);
}

.shop-sidebar a:hover {
  color: var(--e-global-color-accent);
}
/* === MRB Social icon widget look === */
.mrb-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) */
.mrb-social .elementor-icon svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
  transition: fill .2s ease;
}

/* Hover + fókusz: Global "Hangsúly" szín */
.mrb-social .elementor-icon:hover,
.mrb-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" */
.mrb-social .elementor-icon:active{
  transform: translateY(0px) scale(0.98);
}

/* Kis hézag az ikonok között (ha egymás mellett vannak) */
.mrb-social .elementor-icon-wrapper{
  margin-right: 10px;
}
.mrb-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 */
.mrb-links a,
.mrb-links a:visited{
  color: inherit !important;
}

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

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

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

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

/* =========================
   LISTA PÖTTY SZÍNE
   ========================= */

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

/* Gutenberg listák pötty színe (single post) */
.single-post .wp-block-list > li::marker{
  color: var(--mrb-accent) !important;
}

/* Ha vannak beágyazott listák is */
.single-post .wp-block-list .wp-block-list > li::marker{
  color: var(--mrb-accent) !important;
}


/* =========================
   QUOTE / KIEMELT BLOKK
   ========================= */

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

.mrb-callout{
  background: rgba(0,0,0,0.04);
  border-left: 4px solid var(--mrb-accent);
  padding: 18px 20px;
  margin: 36px 0;
  font-style: italic;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.wp-block-quote.mrb-callout p{ margin: 0; }

/* A terméknév (h4) mindig foglaljon 2 sor helyet a product-card .content-ben */
.product-card .content h4.product_title{
  line-height: 1.25;
  min-height: calc(1.25em * 2);

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* Ha biztosra akarsz menni az anchor miatt is */
.product-card .content h4.product_title > a{
  display: block;
}

/* Lucide ikonok: ne legyen fill az Elementor gombokban */
.elementor-button .elementor-button-icon svg,
.elementor-button .elementor-button-icon svg *{
  fill: none !important;
  stroke: currentColor !important;
}

/* Biztos ami biztos: vastagság a Lucide-hoz */
.elementor-button .elementor-button-icon svg{
  stroke-width: 2 !important;
}
.mb-form input:focus,
.mb-form select:focus,
.mb-form textarea:focus{
  outline:none !important;
  border-color:#C46A1E !important;
  box-shadow:0 0 0 3px rgba(196,106,30,.25) !important;
}

/* ===== Vékony lista doboz (alap) ===== */
.mb-list-item{
  padding: 10px 12px !important;
  border-radius: 15px !important;
  border: 1px solid #E7E2DB !important;
  background: #FFFFFF !important;

  /* hover átmenet */
  transition: box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}

/* Finom alap shadow (ha kell, nagyon enyhe) */
.mb-list-item{
  box-shadow: 0 6px 18px -14px rgba(17,29,38,0.18);
}

/* ===== Hover: észrevehető, de nincs emelkedés ===== */
.mb-list-item:hover{
  border-color: #D8D2CB !important;
  box-shadow: 0 18px 52px -26px rgba(17,29,38,0.30);
}

/* ===== Ikon “kocka” ===== */
.mb-list-icon .elementor-icon{
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: #F2EFEA; /* background darker */
  display: inline-flex;
  align-items: center;
  justify-content: center;

  transition: background-color .22s ease;
}

/* Ikon szín + lucide ne legyen fill */
.mb-list-icon .elementor-icon svg,
.mb-list-icon .elementor-icon i,
.mb-list-icon .elementor-icon svg *{
  color: #C46A1E;
  fill: none !important;
  stroke: currentColor !important;
}

/* Hover: ikon kocka legyen hangsúlyos */
.mb-list-item:hover .mb-list-icon .elementor-icon{
  background: #C46A1E;
}
.mb-list-item:hover .mb-list-icon .elementor-icon svg,
.mb-list-item:hover .mb-list-icon .elementor-icon i,
.mb-list-item:hover .mb-list-icon .elementor-icon svg *{
  color: #FFFFFF !important;
  stroke: currentColor !important;
}

/* ===== Heading margin nullázás (hogy feszes legyen) ===== */
.mb-list-item .elementor-heading-title{
  margin: 0 !important;
}
.mb-featured-hero{
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* 1) A loop item legyen oszlopos flex: kép felül, content alul */
.loop-item{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2) A felső (kép) rész ne nyújtsa a kártyát, hanem maradjon fix arányban */
.loop-item .featured-wrap{
  flex: 0 0 auto;
}

.loop-item .featured-wrap img{
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 9;     /* állítsd, ami kell (pl. 4/3, 1/1) */
  object-fit: cover;
}

/* 3) Az alsó (szöveges) konténer töltsön és rendezzen */
.loop-item .content-wrap{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* 4) CÍM: mindig 2 sor helye + max 2 sorra vágás */
.loop-item .content-wrap .post-title{
  line-height: 1.25;
  min-height: calc(1.25em * 2);

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* 5) (Opció) Kivonat is clamp, hogy ott se tudjon szétborítani */
.loop-item .content-wrap .excerpt{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;  /* pl. 3 sor */
  overflow: hidden;
}

/* 6) Gomb mindig alul */
.loop-item .content-wrap .read-more{
  margin-top: auto;
}

/* Title: fix 2 sor hely + clamp */
.content-wrap .post-title h3.elementor-heading-title{
  line-height: 1.25 !important;
  min-height: calc(1.25em * 2) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

/* Az Elementor által beszúrt üres/nested loop-item link ne kavarjon */
.content-wrap .post-title h3.elementor-heading-title > a.loop-item{
  display: none !important;
}

/* A valódi cím-link törjön szépen */
.content-wrap .post-title h3.elementor-heading-title > a[href]{
  display: block !important;
}

/* A featured gridben a loop item (a link wrapper) töltse ki a teljes oszlopot */
.featured-grid a.e-loop-item,
.featured-grid a.loop-item{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

/* Biztos ami biztos: a belső konténerek is 100% */
.featured-grid .featured-wrap,
.featured-grid .content-wrap{
  width: 100% !important;
}


@media (max-width: 1024px){
  /* Excerpt fix sorszám (tablet) */
  .loop-item .content-wrap .excerpt .elementor-widget-container,
  .loop-item .content-wrap .excerpt{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important; /* állítsd 2-re, ha rövidebbet akarsz */
    overflow: hidden !important;
  }
}

/* Ezen a helyen engedjük a fill-t */
.mrb-fill-icon svg,
.mrb-fill-icon svg *{
  fill: currentColor !important;
  stroke: none !important;
}/* End custom CSS */