/* Кастомные стили для проекта Fetroom */

/* Шрифт Montserrat для всего сайта */
body {
    font-family: 'Montserrat', sans-serif;
}

/* Анимации для уведомлений */
@keyframes slide-down {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.animate-slide-down {
    animation: slide-down 0.3s ease-out;
}

.animate-fade-out {
    animation: fade-out 0.3s ease-out;
}

/* Ограничение текста до 7 строк */
.line-clamp-7 {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Стили для бейджей фетишей */
.fetish-badge {
    transition: all 0.2s ease;
    /* Улучшение кликабельности на мобильных */
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

/* Невыбранные бейджи - только контур */
.fetish-badge:not(.fetish-selected) {
    border: 1px solid #FFE7A4;
    background-color: transparent;
    color: #FFE7A4;
}

/* Выбранные бейджи - с заливкой */
.fetish-badge.fetish-selected {
    background-color: #dca54d;
    color: #000;
    border-color: #dca54d;
}

/* Активное состояние для лучшей обратной связи на мобильных */
.fetish-badge:active {
    transform: scale(0.95);
    opacity: 0.8;
}

/* Стили для бейджей фетишей в расширенном поиске */
.fetish-badge-advanced {
    transition: all 0.2s ease;
    border: 1px solid #FFE7A4;
    background-color: transparent;
    color: #FFE7A4;
    /* Улучшение кликабельности на мобильных */
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.fetish-badge-advanced.badge-primary {
    background-color: #dca54d;
    color: #000;
    border-color: #dca54d;
}

/* Активное состояние для лучшей обратной связи на мобильных */
.fetish-badge-advanced:active {
    transform: scale(0.95);
    opacity: 0.8;
}

/* Анимации для игры - выигрыш */
@keyframes win-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
    }
}

@keyframes win-flash {
    0%, 100% {
        filter: brightness(1);
    }
    25%, 75% {
        filter: brightness(1.5);
    }
    50% {
        filter: brightness(2);
    }
}

.win-animation {
    animation: win-pulse 0.6s ease-in-out, win-flash 1.5s ease-in-out;
    z-index: 10;
    position: relative;
}

/* Стили для частиц конфетти */
.confetti-particle {
    position: fixed;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transition: opacity 0.1s linear;
}