.elementor-68 .elementor-element.elementor-element-2a0b9e4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-68 .elementor-element.elementor-element-16a60e9.elementor-element{--align-self:stretch;}body.elementor-page-68:not(.elementor-motion-effects-element-type-background), body.elementor-page-68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.framearchive.it/wp-content/uploads/2026/01/jakovich-milladin-twinsxx-scaled.jpg");}/* Start custom CSS for html, class: .elementor-element-16a60e9 *//* wrapper centrato */
.you-wall{
  display: grid;
  grid-template-columns: repeat(7, max-content);
  gap: 2px;
  padding: 6px;

  /* CENTRATURA */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  background: transparent;
}

/* singolo "you" */
.you-wall .you{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;

  text-decoration: underline;
  color: #000;
  background: transparent;
  border: none;

  cursor: pointer;
  transition: color 0.08s linear;
}

/* HOVER VERDE FLUO */
.you-wall .you:hover{
  color: #39FF14;
}

/* focus (accessibilità, ma invisibile se non tabbi) */
.you-wall .you:focus-visible{
  outline: 1px dotted #39FF14;
  outline-offset: 2px;
}

/* YOU ATTIVO */
.you-wall .you:hover{
  color: #39FF14;
  z-index: 2;
}

/* VICINI ORIZZONTALI */
.you-wall .you:hover + .you,
.you-wall .you:has(+ .you:hover){
  color: #39FF14;
  opacity: 0.8;
}

/* VICINI A DISTANZA 2 */
.you-wall .you:hover + .you + .you,
.you-wall .you:has(+ .you + .you:hover){
  color: #39FF14;
  opacity: 0.5;
}/* End custom CSS */