/* ==================== CUSTOM PET-THEMED BUTTON STYLES ==================== */

/* Paw Print Badge Animation */
@keyframes pawBounce {

    0%,
    100% {
        transform: scale(1) rotate(0deg);
    }

    50% {
        transform: scale(1.15) rotate(-5deg);
    }
}

@keyframes pawWiggle {

    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    75% {
        transform: rotate(-5deg);
    }
}

/* Pet-themed gradient backgrounds */
.btn-pet-primary {
    background: linear-gradient(135deg, #FF8C00 0%, #FF7A30 50%, #ea580c 100%);
    position: relative;
    overflow: hidden;
}

.btn-pet-primary::after {
    content: '🐾';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    opacity: 0.1;
    transition: all 0.3s ease;
}

.btn-pet-primary:hover::after {
    right: 10px;
    opacity: 0.2;
    animation: pawWiggle 0.5s ease infinite;
}

/* Organic rounded corners (like paw pads) */
.btn-organic {
    border-radius: 20px 25px 20px 25px;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.btn-organic:active {
    border-radius: 25px 20px 25px 20px;
    transform: scale(0.95);
}

/* Playful bounce effect */
.btn-bounce:hover {
    animation: pawBounce 0.6s ease;
}

/* Custom badge with paw shape */
.badge-paw {
    position: relative;
    background: linear-gradient(135deg, #FF7A30, #ea580c);
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    animation: pawBounce 2s ease-in-out infinite;
}

/* Soft glow effect (pet-friendly colors) */
.glow-pet {
    box-shadow:
        0 0 20px rgba(255, 122, 48, 0.3),
        0 4px 15px rgba(255, 140, 0, 0.2);
}

.glow-pet:hover {
    box-shadow:
        0 0 30px rgba(255, 122, 48, 0.5),
        0 8px 25px rgba(255, 140, 0, 0.3);
}

/* Playful scale animation */
@keyframes playfulPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.pulse-playful {
    animation: playfulPulse 2s ease-in-out infinite;
}

/* Bottom nav active indicator (paw print style) */
.nav-paw-indicator {
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #FF7A30, transparent);
    border-radius: 0 0 10px 10px;
}

/* Icon container with playful hover */
.icon-playful {
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.icon-playful:hover {
    transform: scale(1.1) rotate(5deg);
}

/* Gradient text for prices */
.text-pet-gradient {
    background: linear-gradient(135deg, #FF8C00 0%, #FF7A30 50%, #ea580c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 900;
}

/* Custom scrollbar with paw theme */
.scrollbar-pet::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #FF8C00, #ea580c);
    border-radius: 10px;
}

.scrollbar-pet::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ea580c, #c2410c);
}