/* FCG additions to the legacy styles (style.css) for markup the new site adds. */
#copyText {
    position: absolute;
    left: -9999px;
}

/* Social login (legacy #button_google icons, now Google, X and Telegram). */
#social-login {
    background-color: #bb0c19 !important;
    padding: 1rem !important;
}
.social-button {
    display: inline-block;
    margin-right: 10px;
}
.social-button img {
    width: 24px;
    height: 24px;
}
#social-login .social-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 .5rem;
    padding: .5rem;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#social-login .social-button:hover {
    background: rgba(255, 255, 255, .15);
}
#social-login .social-button:last-child {
    margin-bottom: 0;
}
#social-login .social-button span {
    margin-left: .75rem;
}

/* Latest comments: clamp long comments to two lines instead of scrolling. */
.latest-comments .comments {
    overflow: hidden;
}
.latest-comments .comment-text {
    align-self: flex-start;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

/* Bonus cards: the amount text now includes free spins ("200% up to €500 + 100 Free Spins"),
   longer than the legacy text the 12rem title box was sized for. */
.bonus-container .bonus-title.bonus-title-long {
    font-size: 2.4rem;
}

/* Toggles that are links (legacy: labels): no link underline on hover. */
a.tgl,
a.tgl:hover,
a.tgl:focus {
    text-decoration: none;
}

/* Jackpot page header: the FCG logo centred vertically (legacy style.css pushed it down 50px). */
.jackpotlogo {
    margin-top: 0;
}