/* Стили для development окружения */
/* Красивый желтый градиент для gold-gradient класса */

.gold-gradient {
    background: linear-gradient(135deg, 
        #FFD700 0%,           /* Золотой */
        #FFA500 25%,          /* Оранжевый */
        #FFD700 50%,          /* Золотой */
        #FFC107 75%,          /* Янтарный */
        #FFD700 100%          /* Золотой */
    );
    background-size: 200% 200%;
    animation: gradient-shift 5s ease infinite;
    position: relative;
    overflow: hidden;
}

/* Исправление позиции для кнопки */
button.gold-gradient.fixed {
    position: fixed !important;
    bottom: 1.5rem !important;  /* bottom-6 */
    right: 1.5rem !important;   /* right-6 */
    left: auto !important;     /* Убираем left: -27px */
}

.gold-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0.1) 100%
    );
    animation: shimmer 3s ease-in-out infinite;
    pointer-events: none;
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* Дополнительные эффекты для красоты */
.gold-gradient {
    box-shadow: 
        0 4px 15px rgba(255, 215, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}