/* ServiceProxy.net - Computer Store Theme Integration */
/* This file extends the main theme with computer store specific styles */

/* Additional CSS Variables for Computer Store Theme */
:root {
    /* Computer Store specific colors */
    --store-primary: #1e3a8a;
    --store-secondary: #3b82f6;
    --store-accent: #06b6d4;
    --store-dark: #1e293b;
    --store-light: #f1f5f9;
}

/* Computer Store Theme Specific Overrides */
.computer-store-theme {
    --primary-color: var(--store-primary);
    --secondary-color: var(--store-secondary);
    --bg-gradient-primary: linear-gradient(135deg, var(--store-primary) 0%, var(--store-dark) 100%);
    --bg-gradient-secondary: linear-gradient(135deg, var(--store-secondary) 0%, var(--store-primary) 100%);
}

/* Store-specific feature styling */
.computer-store-theme .feature-item {
    background: linear-gradient(135deg, var(--store-light) 0%, var(--bg-glass) 100%);
    border: 1px solid var(--store-accent);
}

.computer-store-theme .feature-icon {
    background: linear-gradient(135deg, var(--store-accent) 0%, var(--store-secondary) 100%);
}

.computer-store-theme .btn-login {
    background: linear-gradient(135deg, var(--store-primary) 0%, var(--store-dark) 100%);
}

.computer-store-theme .btn-login:hover {
    box-shadow: 0 8px 25px rgba(30, 58, 138, 0.3);
}

/* Store-specific animations */
@keyframes storeGlow {
    0%, 100% { box-shadow: 0 0 20px var(--store-accent); }
    50% { box-shadow: 0 0 30px var(--store-secondary); }
}

.computer-store-theme .status-dot.online {
    animation: storeGlow 2s ease-in-out infinite;
}