/* Orange Theme untuk Display Produk Publik */
:root {
    --primary-orange: #ff6b35;
    --secondary-orange: #ff8c42;
    --light-orange: #ffa366;
    --dark-orange: #e85a2b;
    --accent-orange: #ffab73;
    --bg-gradient: linear-gradient(135deg, #ff6b35 0%, #ff8c42 50%, #ffa366 100%);
    --card-shadow: 0 10px 30px rgba(255, 107, 53, 0.2);
    --hover-shadow: 0 15px 40px rgba(255, 107, 53, 0.3);
}

/* Additional Orange Theme Enhancements */
.orange-glow {
    box-shadow: 0 0 20px rgba(255, 107, 53, 0.3);
}

.orange-text {
    color: var(--primary-orange) !important;
}

.orange-bg {
    background: var(--bg-gradient) !important;
}

/* Pulse animation for interactive elements */
@keyframes orangePulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 107, 53, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0); }
}

.pulse-orange {
    animation: orangePulse 2s infinite;
}

/* Enhanced focus states */
.form-control:focus {
    border-color: var(--primary-orange);
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25);
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--bg-gradient);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--dark-orange) 0%, var(--primary-orange) 100%);
}