/* ===== BEE SWARM THEME OVERRIDES ===== */

/* Theme Colors */
:root {
    --bee-yellow: #ffd700;
    --bee-orange: #ff8c00;
    --bee-amber: #ffaa00;
    --bee-honey: #f4a900;
    --bee-gradient: linear-gradient(135deg, #ffd700 0%, #ff8c00 50%, #ff6b35 100%);
    --bee-glow: linear-gradient(135deg, rgba(255, 215, 0, 0.3) 0%, rgba(255, 140, 0, 0.3) 100%);
}

/* Background theme */
.bee-theme .orb-1.bee-orb {
    background: var(--bee-yellow);
}

.bee-theme .orb-2.bee-orb {
    background: var(--bee-orange);
}

.bee-theme .orb-3.bee-orb {
    background: var(--bee-amber);
}

/* Accent colors */
.bee-accent {
    color: var(--bee-yellow) !important;
}

.bee-gradient {
    background: var(--bee-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Button Styling */
.btn-primary {
    background: var(--bee-gradient);
    border-color: var(--bee-yellow);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 215, 0, 0.3);
}

/* Header Styling */
.header {
    border-bottom: 1px solid rgba(255, 215, 0, 0.2);
}

.header .logo-accent {
    color: var(--bee-yellow);
}

/* Category Pills */
.category-pill {
    background: rgba(255, 215, 0, 0.1);
    color: var(--bee-yellow);
    border: 1px solid rgba(255, 215, 0, 0.2);
}

.category-pill:hover,
.category-pill.active {
    background: var(--bee-gradient);
    color: #000;
    border-color: var(--bee-yellow);
}

/* Product Cards */
.product-card {
    border-color: rgba(255, 215, 0, 0.15);
}

.product-card::after {
    background: var(--bee-gradient);
}

/* Rarity Badge Override */
.rarity-badge.godly {
    background: var(--bee-gradient);
    border-color: var(--bee-yellow);
}

/* Price Tag */
.price {
    color: var(--bee-yellow);
}

/* Badge styling */
.badge {
    background: var(--bee-gradient);
    color: #000;
}

/* Cart button */
.cart-btn {
    border-color: rgba(255, 215, 0, 0.3);
}

.cart-btn:hover {
    background: rgba(255, 215, 0, 0.1);
    border-color: var(--bee-yellow);
}

/* Cart sidebar */
.cart-header {
    background: var(--bee-gradient);
}

/* Checkout button */
.checkout-btn {
    background: var(--bee-gradient);
}

.checkout-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.2);
}

/* Product card hover */
.product-card:hover {
    border-color: rgba(255, 215, 0, 0.3);
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.2);
}

.product-card::before {
    background: var(--bee-gradient);
}

/* Hero glow for bee */
.bee-glow {
    background: var(--bee-gradient) !important;
}

/* Footer accent */
.footer .logo-accent {
    color: var(--bee-yellow);
}

/* ===== FLOATING BACKGROUND ITEMS ===== */
.floating-bg-item {
    position: absolute;
    z-index: -1;
    opacity: 0.15;
    filter: blur(2px);
    animation: floatAround linear infinite;
    pointer-events: none;
    user-select: none;
}

@keyframes floatAround {
    0% {
        transform: translate(0, 0) rotate(0deg) scale(1);
    }

    25% {
        transform: translate(50px, -100px) rotate(90deg) scale(1.1);
    }

    50% {
        transform: translate(-30px, -50px) rotate(180deg) scale(0.9);
    }

    75% {
        transform: translate(-80px, 80px) rotate(270deg) scale(1.05);
    }

    100% {
        transform: translate(0, 0) rotate(360deg) scale(1);
    }
}