/**
 * WeNation Brand Stylesheet
 * Custom styling for WeNation survey
 */

:root {
    /* WeNation Brand Colors */
    --heritage-green: #1E5131;
    --heritage-green-dark: #154026;
    --unity-gold: #D6A841;
    --unity-gold-dark: #C49730;
    --power-red: #B12025;
    --deep-black: #000000;
    --modern-gray: #4B4B4B;
    --clean-white: #FFFFFF;
    --bg-light: #F5F5F5;
    
    /* Override default colors */
    --primary-color: var(--heritage-green);
    --primary-hover: var(--heritage-green-dark);
    --secondary-color: var(--unity-gold);
    --text-color: var(--deep-black);
    --text-muted: var(--modern-gray);
    --bg-color: var(--clean-white);
    --bg-light: #F5F5F5;
    --border-color: #E0E0E0;
    --error-color: var(--power-red);
    --success-color: var(--heritage-green);
    --radius: 12px;
    --shadow: 0 4px 24px rgba(30, 81, 49, 0.1);
    --shadow-hover: 0 8px 32px rgba(30, 81, 49, 0.15);
}

body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--bg-light);
    color: var(--text-color);
}

.header {
    background: var(--clean-white);
    border-bottom: 2px solid var(--heritage-green);
}

.logo {
    color: var(--heritage-green);
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
}

.btn-primary {
    background: var(--heritage-green);
    color: var(--clean-white);
}

.btn-primary:hover:not(:disabled) {
    background: var(--heritage-green-dark);
}

.btn-secondary {
    border-color: var(--heritage-green);
    color: var(--heritage-green);
}

.btn-secondary:hover {
    background: rgba(30, 81, 49, 0.1);
    border-color: var(--heritage-green-dark);
}

.progress-fill {
    background: linear-gradient(90deg, var(--heritage-green) 0%, var(--unity-gold) 100%);
}

.radio-option:hover,
.checkbox-option:hover,
.scale-option:hover {
    border-color: var(--heritage-green);
    background: rgba(30, 81, 49, 0.05);
}

.radio-option input[type="radio"]:checked + span,
.checkbox-option input[type="checkbox"]:checked + span {
    color: var(--heritage-green);
    font-weight: 600;
}

.radio-option:has(input[type="radio"]:checked),
.checkbox-option:has(input[type="checkbox"]:checked),
.scale-option:has(input[type="radio"]:checked) {
    border-color: var(--heritage-green);
    background: rgba(30, 81, 49, 0.1);
}

/* Results Page Styles */
.results-container {
    background: var(--clean-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 3rem;
    margin: 2rem auto;
    max-width: 800px;
    text-align: center;
}

.results-header {
    margin-bottom: 2rem;
}

.results-header h1 {
    font-size: 2.5rem;
    color: var(--heritage-green);
    margin-bottom: 0.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}

.results-header .persona-title {
    font-size: 1.75rem;
    color: var(--unity-gold);
    font-weight: 600;
    margin-bottom: 1rem;
}

.results-body {
    text-align: left;
    margin: 2rem 0;
}

.results-section {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--bg-light);
    border-radius: var(--radius);
    border-left: 4px solid var(--heritage-green);
}

.results-section h3 {
    color: var(--heritage-green);
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.results-section p {
    color: var(--text-color);
    line-height: 1.8;
    margin-bottom: 0.5rem;
}

.results-cta {
    margin-top: 2rem;
    padding: 2rem;
    background: linear-gradient(135deg, var(--heritage-green) 0%, var(--heritage-green-dark) 100%);
    border-radius: var(--radius);
    color: var(--clean-white);
}

.results-cta h3 {
    color: var(--clean-white);
    margin-bottom: 1rem;
}

.results-cta .btn {
    background: var(--unity-gold);
    color: var(--deep-black);
    font-weight: 700;
    padding: 1rem 2rem;
    font-size: 1.125rem;
    margin-top: 1rem;
}

.results-cta .btn:hover {
    background: var(--unity-gold-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(214, 168, 65, 0.3);
}

.initiative-card {
    background: var(--clean-white);
    border: 2px solid var(--heritage-green);
    border-radius: var(--radius);
    padding: 1.5rem;
    margin-top: 1rem;
}

.initiative-card h4 {
    color: var(--heritage-green);
    margin-bottom: 0.5rem;
}

.initiative-card p {
    color: var(--text-muted);
    font-size: 0.9375rem;
}

/* Section indicators */
.section-indicator {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--unity-gold);
    margin-bottom: 0.5rem;
}

/* Responsive */
@media (max-width: 640px) {
    .results-container {
        padding: 2rem 1.5rem;
        margin: 1rem;
    }
    
    .results-header h1 {
        font-size: 2rem;
    }
    
    .results-header .persona-title {
        font-size: 1.5rem;
    }
}