.socialbutton img {
        width: 32px;
    }

    .socialbutton {
      width: 32px;
      padding: 4px;
    }

    .socialbutton :hover {
        transform: scale(1.1); 
    }


    .socials {
        display: flex;
    }

    .speechbubble h1 {
        font-size: 16px;
        color: #000000;
        font-weight: bold;
    }

  .speechbubble p1,ul {
        font-size: 16px;
        color: #000000;
    }

/* FAVOURITES CAROUSEL */

.likes input{
  display:none;
}

.window{
  width: 100%;
  overflow-x:hidden;
  overflow-y: scroll;
  border:1px solid;
  background:#ebebeb;
  height: 200px;
}

.pages{
  display:flex;

}

.page{
  flex:0 0 100%;
  box-sizing:border-box;
  padding: 20px;
  padding-top: 0px;
}

.covers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.covers img{
  width:100%;
  height:auto;
  object-fit:cover;
}

.header{
  display:flex;

  align-items:center;
}

.arrows{
  position:relative;
}

.nav{
  display:none;
}

.nav label{
  cursor:pointer;
  font-size:20px;
  margin-left:10px;
  user-select: none;   
}

/* sliding */

#movies:checked ~ .window .pages{
  transform:translateX(0);
}

#albums:checked ~ .window .pages{
  transform:translateX(-100%);
}

#games:checked ~ .window .pages{
  transform:translateX(-200%);
}

#movies:checked ~ .header .moviesNav{
  display:block;
}

#albums:checked ~ .header .albumsNav{
  display:block;
}

#games:checked ~ .header .gamesNav{
  display:block;
}

.cover{
  position:relative;
}

#tooltip-container {
  background: rgba(0,0,0,0.85);
  color: white;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 3px;
  pointer-events: none;  /* avoids blocking mouse */
  display: none;
  white-space: nowrap;
  transform: translate(0, -85%); /* center above cursor */
  z-index: 9999;
  position: absolute;
}