/*.dynamic-container{*/
	/*position:fixed;*/
	/*top:0;*/
	/*left:0;*/
	/*z-index:9999;*/
	/*width:1px;*/
	/*height:1px;*/
/*}*/

/* Dock container */
.dock{
  display: flex;
  /*gap: 18px;*/
  /*padding: 18px;*/
  background: transparent;
  /*justify-content: center;*/
  align-items: flex-end;
  user-select: none;
}

.minimizedTab{
	display:flex;
}

/* Item (button so keyboard-focus is possible) */
.minimizedTab{
  display: inline-flex;
  width: var(--icon-size);
  height: var(--icon-size);
  padding: 6px;
  border-radius: 12px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

/* Hover / focus — trigger the pop animation */
.minimizedTab:hover
/*.minimizedTab:hover img,*/
/*.minimizedTab:focus-visible img*/
{
  animation: dock-pop var(--anim-duration) cubic-bezier(.22,1.0,.36,1.0) both;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,0.32));
}

/* Optional subtle hover on the button itself for clickable area */
.minimizedTab:hover{
  transform: translateY(-2px);
}

/* Keyframes: felnagyít + bounce vissza */
@keyframes dock-pop{
  0%{
    transform: scale(1) translateY(0);
  }
  55%{
    transform: scale(calc(var(--hover-scale) + 0.08)) translateY(calc(var(--hover-translate) - 4px));
  }
  85%{
    transform: scale(calc(var(--hover-scale) - 0.12)) translateY(calc(var(--hover-translate) + 2px));
  }
  100%{
    transform: scale(var(--hover-scale)) translateY(var(--hover-translate));
  }
}

/* Accessibility: keyboard-only visible focus ring */
/*.minimizedTab:focus-visible{*/
/*  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12);*/
/*  border-radius: 14px;*/
/*}*/

/* Small screens: kisebb ikonok */
@media (max-width: 480px){
  :root{ --icon-size: 44px; --hover-scale: 1.45; --hover-translate: -10px; }
}

/*.minimizedTab .blue2{background:transparent !important;}*/