/* Стили для внешних ссылок - исправление для Яндекс */

/* Индикатор внешней ссылки */
a[target="_blank"]::after {
    content: " ↗";
    font-size: 0.8em;
    opacity: 0.7;
    margin-left: 2px;
    display: inline-block;
}

/* Убираем индикатор для игровых карточек */
.game[target="_blank"]::after,
.games a[target="_blank"]::after {
    content: none;
}

/* Добавляем визуальный индикатор для игровых ссылок */
.game[target="_blank"] {
    position: relative;
    border: 2px solid rgba(255, 193, 7, 0.3);
}

.game[target="_blank"]::before {
    content: "↗ Внешняя ссылка";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 11px;
    opacity: 0.8;
    color: #fff;
    background: rgba(255, 152, 0, 0.8);
    border-radius: 4px;
    padding: 3px 8px;
    z-index: 1;
    transition: all 0.3s ease;
    font-weight: 500;
    white-space: nowrap;
}

.game[target="_blank"]:hover {
    border-color: rgba(255, 193, 7, 0.6);
}

.game[target="_blank"]:hover::before {
    opacity: 1;
    background: rgba(255, 152, 0, 1);
}

/* Для баннера */
.banner a[target="_blank"]::after {
    content: " ↗";
    margin-left: 5px;
}

/* Для Live Wins */
.livefeed .win a[target="_blank"]::after {
    content: none;
}

/* Tooltip для внешних ссылок */
a[target="_blank"]:hover {
    position: relative;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .game[target="_blank"]::before {
        font-size: 10px;
        padding: 2px 6px;
        top: 3px;
        right: 3px;
        border-radius: 3px;
    }
    
    /* Для очень маленьких экранов - только иконка */
    @media (max-width: 360px) {
        .game[target="_blank"]::before {
            content: "↗";
            padding: 2px 4px;
            font-size: 12px;
        }
    }
}