.elementor-3238 .elementor-element.elementor-element-ced3533{--display:flex;}.elementor-3238 .elementor-element.elementor-element-83a1705{--display:flex;}.elementor-3238 .elementor-element.elementor-element-df6261c{--display:flex;}.elementor-3238 .elementor-element.elementor-element-f16a026{--display:flex;}.elementor-3238 .elementor-element.elementor-element-6fb24e7{--display:flex;}/* Start custom CSS for image, class: .elementor-element-a1a5361 */.valtaris-logo-wrap{
  position: relative;
  display: inline-block; /* vagy block, ha full-width */
  max-width: 100%;
  overflow: hidden;
  border-radius: 16px; /* opcionális, ha kártya-szerű */
}

/* Ha img-t használsz a wrapperben */
.valtaris-logo-img{
  display:block;
  max-width:100%;
  height:auto;
}

/* “Füst + fény” overlay */
.valtaris-logo-wrap::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(closest-side at 50% 60%, rgba(255,150,60,.25), rgba(0,0,0,0) 60%),
    radial-gradient(closest-side at 60% 40%, rgba(255,90,0,.18), rgba(0,0,0,0) 55%),
    radial-gradient(closest-side at 40% 45%, rgba(255,200,120,.12), rgba(0,0,0,0) 60%);
  filter: blur(14px);
  opacity: .85;
  mix-blend-mode: screen;
  pointer-events:none;
  animation: valtarisGlow 6s ease-in-out infinite;
  z-index: 2;
}

/* Finom “füst” mozgás (nem túl agresszív) */
.valtaris-logo-wrap::after{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(circle at 30% 70%, rgba(255,255,255,.07), rgba(0,0,0,0) 55%),
    radial-gradient(circle at 70% 60%, rgba(255,255,255,.05), rgba(0,0,0,0) 60%),
    radial-gradient(circle at 50% 80%, rgba(255,255,255,.04), rgba(0,0,0,0) 55%);
  filter: blur(18px);
  opacity: .55;
  pointer-events:none;
  animation: valtarisSmoke 10s ease-in-out infinite;
  z-index: 2;
}

/* Ember layer */
.valtaris-logo-wrap .ember-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index: 3;
}

.valtaris-logo-wrap .ember{
  position:absolute;
  bottom:-12px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#ffcc66;
  box-shadow:0 0 10px rgba(255,204,102,.95);
  opacity:.9;
  animation: emberFloat linear infinite;
}

@keyframes emberFloat{
  0%   { transform: translateY(0) scale(1); opacity:0; }
  10%  { opacity:1; }
  100% { transform: translateY(-160px) scale(.35); opacity:0; }
}

@keyframes valtarisGlow{
  0%,100% { transform: translate3d(0,0,0) scale(1); opacity:.80; }
  50%     { transform: translate3d(0,-6px,0) scale(1.03); opacity:1; }
}

@keyframes valtarisSmoke{
  0%,100% { transform: translate3d(-1%, 0, 0) scale(1); opacity:.50; }
  50%     { transform: translate3d(1%, -1%, 0) scale(1.02); opacity:.65; }
}/* End custom CSS */