/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 18 2025 | 15:40:57 */
/* IRANYTU IKONOS FOMENUPONT */
/* -------------------------------------------------------------------		0.2.A iranytu		*/

/* ----- IRANYTŰ ---------			FŐMENÜ DEKORÁCIÓS MENUPONT IKONJA ----- */
/* ----- IRÁNYTŰ ---------			FŐMENÜ DEKORÁCIÓS MENUPONT IKONJA ----- */
/* ----- IRANYTŰ ---------			FŐMENÜ DEKORÁCIÓS MENUPONT IKONJA ----- */
.menu-iranytu {
  height: 50px !important;
  background-color: transparent !important;
  display: inline-block;
  animation: forgatas-pulzalas 12s linear infinite;
  transform-origin: center center;
  cursor: pointer;
  transition: filter 0.2s ease-out, transform 12s linear; 
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
}

.menu-iranytu:hover {
  cursor: pointer;
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.4)); }



@keyframes forgatas-pulzalas {
  0% {    transform: rotate(0deg) scale(1);  }
  12.5% {    transform: rotate(45deg) scale(1.1);  }
  25% {    transform: rotate(90deg) scale(1);  }
  37.5% {    transform: rotate(135deg) scale(1.1);  }
  50% {    transform: rotate(180deg) scale(1);  }
  62.5% {    transform: rotate(225deg) scale(1.1);  }
  75% {transform: rotate(270deg) scale(1);  }
  87.5% {    transform: rotate(315deg) scale(1.1);  }
  100% {    transform: rotate(360deg) scale(1);  }
}

/* GLOBÁLIS */
/* Ez a blokk beállítja a képek és a szövegek elrendezését. */
#menu-item-24916 .ubermenu-tab-content-panel .ubermenu-target-with-image {
  display: flex;
  /*flex-direction: 	column;*/
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* MÉRETSPECIFIKUS */
/* ----------------- Full HD desktop felbontások (pl. ) */
@media only screen and (min-width: 768px) {

  #menu-item-24916 .ubermenu-submenu-drop {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, 1fr);
  }

  #menu-item-24916 .ubermenu-row {
    display: flex
  }

  /* Ez a blokk nullázza a margókat és a paddingot a menüpanel elemein és a sorokon. */
  #menu-item-24916 .ubermenu-tab-content-panel .ubermenu-target-title.ubermenu-target-text,
  #menu-item-24916 .ubermenu-tab-content-panel li.ubermenu-item,
  #menu-item-24916 .ubermenu-row,
  #menu-item-24916 .ubermenu-submenu-drop {
    margin: 0 !important;
  }

  #menu-item-24916 .ubermenu-submenu-drop {
    padding: 0 0 0 1.5vw
      /*1.5vw*/
      !important;
  }

  /* Általános szabály a képekre, méretezés és középre igazítás. */
  #menu-item-24916 .ubermenu-image {
    width: 5vw !important;
    height: 5vw !important;
    display: block !important;
    margin: 0 auto !important;
    transition: transform 0.3s ease-in-out;
  }

  /* Hover effekt, ami csak a képre vonatkozik. */
  #menu-item-24916 .ubermenu-image:hover {
    transform: scale(1.1);
  }

  /* Az almenüpontok címeinek stílusa, a második szabály megőrzésével. */
  #menu-item-24916 .ubermenu-target-title.ubermenu-target-text {
    font-size: 0.95em !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
  }

  /* TESZT------------------------------- */
  #menu-item-24916 .ubermenu-tab-content-panel li.ubermenu-item {
    padding: 0 !important;
    /* Ezt add hozzá, vagy nullázd az itt lévő paddinget */
  }
}



/* ----- IRANYTU ----- */
/* ------------------------------------------------------------		0.2.2			*/
/* ----- IRANYTU 18075 ALMENUPONT /WEBSHOP MENÜPONTBAN/ ----- */

/* 1200px alatt */
/* 1200px felett */

/* IRANYTU ALMENUPONT IKONJA */
.my-custom-badge-iranytu {
	 /* Alapból átlátszó háttér */
  background-color: transparent !important;
 /* Hogy a padding és a háttér látszódjon */
  display: inline-block;
}

#menu-item-csoportositas > span.ubermenu-badge.ubermenu-badge-inline > span > img {
/* méret */
	width: 2em !important;
	height: 2em !important;
}


/*-----------------------------------------*/

/* AL ALMENÜPONT PANELEK ELRENDEZÉS*/
#menu-item-18075 .ubermenu-tab-content-panel li.ubermenu-item {
  margin-right: -17px !important;
  /* Negatív jobb margó az li elemeken */
}

/* Az egyes blokkok vertikális szukitese */
.ubermenu-autoclear {
  margin-bottom: 4px !important
}

/* MENÜCSOPORT CÍMEK */
#menu-item-18075 .ubermenu-tab-content-panel .ubermenu-target-title.ubermenu-target-text {
  display: block;
  text-align: left;
  padding-top: 0px;
}

/* Fényigény almenüpontok címei */
#fenyigeny-items .ubermenu-target-title.ubermenu-target-text {
  font-size: 0.85em !important;
  /* A betűméret 85%-ra csökkentése */
}

/* Fagytűrés almenüpontok címei */
#fagytures-items .ubermenu-target-title.ubermenu-target-text {
  font-size: 0.85em !important;
  /* A betűméret 85%-ra csökkentése */
}

/* MENÜCSOPORT KÉP ÉS NÉV ELRENDEZÉS */
#menu-item-18075 .ubermenu-tab-content-panel .ubermenu-target-with-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* KÉPEK MÉRETEZÉSE. */
#menu-item-18075 .ubermenu-tab-content-panel .ubermenu-target-with-image img {
  width: 3vw;
  height: 3vw;
  object-fit: contain;
  margin-bottom: 0px;
  transition: transform 0.3s ease-in-out;
}

/* A képek nagyítása, amikor az egérkurzor föléjük kerül. */
#menu-item-18075 .ubermenu-tab-content-panel .ubermenu-target-with-image img:hover {
  transform: scale(1.3);
}

/*  FORGO IRANYTU -------			MENUPANEL HÁTTERE 			----- */
.forgo-iranytu {
  position: absolute;
  right: 4vw;
  bottom: 0.05vw;
  width: 10vw;
  pointer-events: none;
  transform: rotate(0deg);
  margin: 1.5vw;
}