/* HireVA Delegation Widget Theme Variations */

/* Default Theme (Red) - Already in frontend.css */

/* Blue Professional Theme */
.hireva-theme-blue #hireva-delegation-widget {
    background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
}

.hireva-theme-blue .hireva-step-header h3 {
    color: #1e40af;
}

.hireva-theme-blue .hireva-progress-fill {
    background: linear-gradient(to right, #3b82f6, #1d4ed8);
}

.hireva-theme-blue .hireva-btn-primary {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}

.hireva-theme-blue .hireva-btn-primary:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
}

.hireva-theme-blue .hireva-form-input:focus,
.hireva-theme-blue .hireva-form-select:focus,
.hireva-theme-blue .hireva-form-textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.hireva-theme-blue .hireva-feature-highlight {
    border-left-color: #3b82f6;
    background: #eff6ff;
}

.hireva-theme-blue .hireva-roi-highlight {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border: 2px solid #3b82f6;
}

.hireva-theme-blue .hireva-roi-value {
    color: #1e40af;
}

/* Green Success Theme */
.hireva-theme-green #hireva-delegation-widget {
    background: linear-gradient(135deg, #047857 0%, #064e3b 100%);
}

.hireva-theme-green .hireva-step-header h3 {
    color: #047857;
}

.hireva-theme-green .hireva-progress-fill {
    background: linear-gradient(to right, #10b981, #047857);
}

.hireva-theme-green .hireva-btn-primary {
    background: linear-gradient(135deg, #10b981 0%, #047857 100%);
}

.hireva-theme-green .hireva-btn-primary:hover {
    background: linear-gradient(135deg, #047857 0%, #064e3b 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);
}

.hireva-theme-green .hireva-form-input:focus,
.hireva-theme-green .hireva-form-select:focus,
.hireva-theme-green .hireva-form-textarea:focus {
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.hireva-theme-green .hireva-feature-highlight {
    border-left-color: #10b981;
    background: #f0fdf4;
}

.hireva-theme-green .hireva-roi-highlight {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    border: 2px solid #10b981;
}

.hireva-theme-green .hireva-roi-value {
    color: #047857;
}

/* Purple Premium Theme */
.hireva-theme-purple #hireva-delegation-widget {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
}

.hireva-theme-purple .hireva-step-header h3 {
    color: #7c3aed;
}

.hireva-theme-purple .hireva-progress-fill {
    background: linear-gradient(to right, #8b5cf6, #7c3aed);
}

.hireva-theme-purple .hireva-btn-primary {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.hireva-theme-purple .hireva-btn-primary:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(139, 92, 246, 0.3);
}

.hireva-theme-purple .hireva-form-input:focus,
.hireva-theme-purple .hireva-form-select:focus,
.hireva-theme-purple .hireva-form-textarea:focus {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

.hireva-theme-purple .hireva-feature-highlight {
    border-left-color: #8b5cf6;
    background: #f5f3ff;
}

.hireva-theme-purple .hireva-roi-highlight {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
    border: 2px solid #8b5cf6;
}

.hireva-theme-purple .hireva-roi-value {
    color: #7c3aed;
}

/* Orange Energy Theme */
.hireva-theme-orange #hireva-delegation-widget {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}

.hireva-theme-orange .hireva-step-header h3 {
    color: #ea580c;
}

.hireva-theme-orange .hireva-progress-fill {
    background: linear-gradient(to right, #f97316, #ea580c);
}

.hireva-theme-orange .hireva-btn-primary {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
}

.hireva-theme-orange .hireva-btn-primary:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(249, 115, 22, 0.3);
}

.hireva-theme-orange .hireva-form-input:focus,
.hireva-theme-orange .hireva-form-select:focus,
.hireva-theme-orange .hireva-form-textarea:focus {
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}

.hireva-theme-orange .hireva-feature-highlight {
    border-left-color: #f97316;
    background: #fff7ed;
}

.hireva-theme-orange .hireva-roi-highlight {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    border: 2px solid #f97316;
}

.hireva-theme-orange .hireva-roi-value {
    color: #ea580c;
}

/* Dark Mode Theme */
.hireva-theme-dark #hireva-delegation-widget {
    background: #1f2937;
    color: #f9fafb;
}

.hireva-theme-dark .hireva-step {
    background: #1f2937;
}

.hireva-theme-dark .hireva-step-header h3 {
    color: #f9fafb;
}

.hireva-theme-dark .hireva-step-header p {
    color: #d1d5db;
}

.hireva-theme-dark .hireva-form-input,
.hireva-theme-dark .hireva-form-select,
.hireva-theme-dark .hireva-form-textarea {
    background: #374151;
    border-color: #4b5563;
    color: #f9fafb;
}

.hireva-theme-dark .hireva-form-input::placeholder {
    color: #9ca3af;
}

.hireva-theme-dark .hireva-form-input:focus,
.hireva-theme-dark .hireva-form-select:focus,
.hireva-theme-dark .hireva-form-textarea:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
}

.hireva-theme-dark .hireva-progress-bar {
    background: #374151;
}

.hireva-theme-dark .hireva-progress-fill {
    background: linear-gradient(to right, #60a5fa, #3b82f6);
}

.hireva-theme-dark .hireva-feature-highlight {
    background: #374151;
    border-left-color: #60a5fa;
}

.hireva-theme-dark .hireva-roi-highlight {
    background: #374151;
    border-color: #60a5fa;
}

.hireva-theme-dark .hireva-roi-value {
    color: #60a5fa;
}

.hireva-theme-dark .hireva-help-text {
    color: #d1d5db;
}

.hireva-theme-dark .hireva-analysis-section h4 {
    color: #f9fafb;
}

.hireva-theme-dark .hireva-task-item {
    background: #374151;
    border-color: #4b5563;
}

.hireva-theme-dark .hireva-task-savings {
    color: #10b981;
}

/* Minimal Clean Theme */
.hireva-theme-minimal #hireva-delegation-widget {
    background: #ffffff;
    border: 2px solid #e5e7eb;
    box-shadow: none;
}

.hireva-theme-minimal .hireva-step {
    padding: 30px;
}

.hireva-theme-minimal .hireva-step-header h3 {
    color: #111827;
    font-weight: 500;
}

.hireva-theme-minimal .hireva-progress-bar {
    background: #f3f4f6;
    height: 2px;
}

.hireva-theme-minimal .hireva-progress-fill {
    background: #111827;
}

.hireva-theme-minimal .hireva-btn-primary {
    background: #111827;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.hireva-theme-minimal .hireva-btn-primary:hover {
    background: #374151;
    transform: none;
    box-shadow: none;
}

.hireva-theme-minimal .hireva-form-input,
.hireva-theme-minimal .hireva-form-select,
.hireva-theme-minimal .hireva-form-textarea {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #e5e7eb;
    background: transparent;
}

.hireva-theme-minimal .hireva-form-input:focus,
.hireva-theme-minimal .hireva-form-select:focus,
.hireva-theme-minimal .hireva-form-textarea:focus {
    border-bottom-color: #111827;
    box-shadow: none;
}

.hireva-theme-minimal .hireva-feature-highlight {
    background: #f9fafb;
    border-left: 4px solid #111827;
}

.hireva-theme-minimal .hireva-roi-highlight {
    background: #f9fafb;
    border: 2px solid #111827;
}

/* High Contrast Theme (Accessibility) */
.hireva-theme-contrast #hireva-delegation-widget {
    background: #ffffff;
    border: 3px solid #000000;
}

.hireva-theme-contrast .hireva-step-header h3 {
    color: #000000;
    font-weight: 700;
}

.hireva-theme-contrast .hireva-btn-primary {
    background: #000000;
    color: #ffffff;
    border: 2px solid #000000;
    font-weight: 700;
}

.hireva-theme-contrast .hireva-btn-primary:hover {
    background: #ffffff;
    color: #000000;
    border: 2px solid #000000;
}

.hireva-theme-contrast .hireva-form-input,
.hireva-theme-contrast .hireva-form-select,
.hireva-theme-contrast .hireva-form-textarea {
    border: 2px solid #000000;
    background: #ffffff;
}

.hireva-theme-contrast .hireva-form-input:focus,
.hireva-theme-contrast .hireva-form-select:focus,
.hireva-theme-contrast .hireva-form-textarea:focus {
    border-color: #000000;
    box-shadow: 0 0 0 3px #ffff00;
}

.hireva-theme-contrast .hireva-progress-fill {
    background: #000000;
}

.hireva-theme-contrast .hireva-feature-highlight {
    background: #ffff00;
    border: 2px solid #000000;
}

.hireva-theme-contrast .hireva-roi-value {
    color: #000000;
    font-weight: 700;
}

/* Responsive adjustments for all themes */
@media (max-width: 768px) {
    .hireva-theme-minimal .hireva-step,
    .hireva-theme-dark .hireva-step,
    .hireva-theme-blue .hireva-step,
    .hireva-theme-green .hireva-step,
    .hireva-theme-purple .hireva-step,
    .hireva-theme-orange .hireva-step {
        padding: 20px;
    }
}

/* Theme transition animations */
#hireva-delegation-widget {
    transition: all 0.3s ease;
}

.hireva-btn-primary,
.hireva-form-input,
.hireva-form-select,
.hireva-form-textarea,
.hireva-progress-fill {
    transition: all 0.2s ease;
}