/**
 * 投喂鸡腿功能样式
 */

/* 投喂按钮基础样式 */
.chicken-btn {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.chicken-btn:hover {
    color: #ff6b6b !important;
    transform: scale(1.05);
}

.chicken-btn.fed {
    color: #ff6b6b !important;
}

.chicken-btn .iconpark-icon { 
    transition: transform 0.2s ease;
}

.chicken-btn:hover .iconpark-icon {
    transform: scale(1.1);
}

.chicken-btn .chicken-count {
    font-size: 14px;
    margin-left: 2px;
}

/* 投喂弹窗样式 */
.chicken-modal {
    animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.chicken-modal-content {
    animation: slideUp 0.3s ease;
}

@keyframes slideUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 按钮悬停效果 */
.chicken-cancel-btn:hover {
    background: #e0e0e0 !important;
}

.chicken-confirm-btn:hover {
    background: #ff5252 !important;
    transform: scale(1.02);
}

.chicken-confirm-btn:active {
    transform: scale(0.98);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .chicken-modal-content {
        padding: 20px !important;
        max-width: 90% !important;
    }
}