/* CE Quiz Styles */
.ce-quiz { max-width: 720px; margin: 0 auto; font-family: var(--wp--preset--font-family--body, 'DM Sans', sans-serif); }
.ce-quiz * { box-sizing: border-box; }

/* Card */
.ce-quiz-card { background: #fff; border: 1px solid #eae6df; border-radius: 1rem; overflow: hidden; }

/* Progress bar */
.ce-quiz-progress { height: 6px; background: #eae6df; }
.ce-quiz-progress-fill { height: 100%; background: #ad9771; transition: width 0.5s ease; }

/* Content area */
.ce-quiz-body { padding: 2rem; }
@media (min-width: 768px) { .ce-quiz-body { padding: 2.5rem; } }

/* Category badge */
.ce-quiz-category { display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; border-radius: 999px; background: #fdfcfa; color: #ad9771; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.5rem; }

/* Question */
.ce-quiz-question { font-size: 1.25rem; font-weight: 600; color: #2f4749; line-height: 1.4; margin-bottom: 2rem; font-family: var(--wp--preset--font-family--heading, 'Cormorant Garamond', serif); }
@media (min-width: 768px) { .ce-quiz-question { font-size: 1.5rem; } }

/* Options */
.ce-quiz-options { display: flex; flex-direction: column; gap: 0.75rem; }
.ce-quiz-option { display: flex; align-items: center; padding: 1rem; border: 2px solid #eae6df; border-radius: 0.75rem; background: #fff; cursor: pointer; transition: all 0.2s; text-align: left; width: 100%; font-size: 1rem; }
.ce-quiz-option:hover { border-color: #ad9771; background: #fdfcfa; }
.ce-quiz-option:hover .ce-quiz-option-letter { border-color: #ad9771; color: #ad9771; }
.ce-quiz-option:hover .ce-quiz-option-text { color: #ad9771; }
.ce-quiz-option-circle { flex-shrink: 0; width: 2rem; height: 2rem; border-radius: 50%; border: 2px solid #eae6df; display: flex; align-items: center; justify-content: center; margin-right: 1rem; transition: all 0.2s; }
.ce-quiz-option-letter { font-size: 0.75rem; font-weight: 700; color: #9ca3af; transition: color 0.2s; }
.ce-quiz-option-text { font-weight: 500; color: #2f4749; transition: color 0.2s; }

/* Footer */
.ce-quiz-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 2rem; font-size: 0.75rem; color: #9ca3af; }
.ce-quiz-back { color: #ad9771; font-weight: 500; cursor: pointer; background: none; border: none; font-size: 0.75rem; }
.ce-quiz-back:hover { color: #2f4749; }

/* Animating */
.ce-quiz-body.animating { opacity: 0.4; transition: opacity 0.3s; }

/* Results */
.ce-quiz-results { text-align: center; }
.ce-quiz-score-ring { display: inline-flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 50%; margin-bottom: 1rem; }
.ce-quiz-score-ring.high { border: 4px solid #fecaca; background: #fef2f2; }
.ce-quiz-score-ring.moderate { border: 4px solid #fde68a; background: #fffbeb; }
.ce-quiz-score-ring.low { border: 4px solid #bbf7d0; background: #f0fdf4; }
.ce-quiz-score-number { font-size: 1.75rem; font-weight: 900; }
.ce-quiz-score-number.high { color: #dc2626; }
.ce-quiz-score-number.moderate { color: #d97706; }
.ce-quiz-score-number.low { color: #16a34a; }

.ce-quiz-result-title { font-size: 1.5rem; font-weight: 700; color: #2f4749; margin-bottom: 0.5rem; font-family: var(--wp--preset--font-family--heading, 'Cormorant Garamond', serif); }
.ce-quiz-risk-badge { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; }
.ce-quiz-risk-badge.high { background: #fef2f2; color: #b91c1c; }
.ce-quiz-risk-badge.moderate { background: #fffbeb; color: #b45309; }
.ce-quiz-risk-badge.low { background: #f0fdf4; color: #15803d; }
.ce-quiz-result-subtitle { font-size: 0.8rem; color: #ad9771; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.5rem; }
.ce-quiz-result-summary { color: #625a53; max-width: 36rem; margin: 0 auto 2.5rem; line-height: 1.6; }

/* Hazards */
.ce-quiz-hazards { background: #fdfcfa; border-radius: 1rem; padding: 1.5rem; margin-bottom: 2.5rem; text-align: left; }
@media (min-width: 768px) { .ce-quiz-hazards { padding: 2rem; } }
.ce-quiz-hazards-title { font-size: 0.8rem; font-weight: 700; color: #2f4749; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.5rem; }
.ce-quiz-hazard { margin-bottom: 1.5rem; }
.ce-quiz-hazard-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; }
.ce-quiz-hazard-info { display: flex; align-items: center; gap: 0.75rem; }
.ce-quiz-hazard-icon { font-size: 1.5rem; }
.ce-quiz-hazard-name { font-weight: 600; color: #2f4749; }
.ce-quiz-hazard-pct { font-size: 0.75rem; color: rgba(98,90,83,0.7); }
.ce-quiz-hazard-bar { height: 0.5rem; background: #eae6df; border-radius: 999px; overflow: hidden; }
.ce-quiz-hazard-bar-fill { height: 100%; background: #ad9771; transition: width 0.5s; border-radius: 999px; }
.ce-quiz-hazard-detail { margin-top: 0.75rem; background: rgba(255,255,255,0.8); border: 1px solid #eae6df; border-radius: 0.75rem; padding: 1rem; }
.ce-quiz-hazard-desc { font-size: 0.875rem; color: #625a53; line-height: 1.5; margin-bottom: 0.75rem; }
.ce-quiz-hazard-actions { list-style: none; padding: 0; margin: 0; }
.ce-quiz-hazard-actions li { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.875rem; color: #374151; margin-bottom: 0.5rem; }
.ce-quiz-hazard-actions li::before { content: ''; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #ad9771; margin-top: 0.4rem; flex-shrink: 0; }

/* Disclaimer */
.ce-quiz-disclaimer { font-size: 0.8rem; color: rgba(98,90,83,0.7); font-style: italic; margin-bottom: 2rem; }

/* Buttons */
.ce-quiz-buttons { display: flex; flex-direction: column; gap: 0.75rem; justify-content: center; }
@media (min-width: 640px) { .ce-quiz-buttons { flex-direction: row; } }
.ce-quiz-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.65rem 1.5rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; text-decoration: none; border: none; }
.ce-quiz-btn-primary { background: #f7c99b; color: #2f4749; }
.ce-quiz-btn-primary:hover { background: #f0b77a; }
.ce-quiz-btn-secondary { background: #fff; color: #2f4749; border: 1px solid #eae6df; }
.ce-quiz-btn-secondary:hover { border-color: #ad9771; }

/* Save CTA section */
.ce-quiz-save-cta { background: linear-gradient(135deg, #2f4749 0%, #3d5c5e 100%); border-radius: 1rem; padding: 2rem; margin-bottom: 2rem; color: #fff; }
.ce-quiz-save-cta h4 { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.5rem; font-family: var(--wp--preset--font-family--heading, 'Cormorant Garamond', serif); }
.ce-quiz-save-cta p { font-size: 0.875rem; opacity: 0.85; margin-bottom: 1rem; line-height: 1.5; }
.ce-quiz-save-cta .ce-quiz-btn { background: #f7c99b; color: #2f4749; }
.ce-quiz-save-cta .ce-quiz-btn:hover { background: #f0b77a; }
.ce-quiz-save-features { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1.25rem; }
.ce-quiz-save-feature { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; opacity: 0.9; }
.ce-quiz-save-feature svg { width: 1rem; height: 1rem; color: #f7c99b; }
.ce-quiz-save-status { font-size: 0.8rem; margin-top: 0.75rem; padding: 0.5rem 1rem; border-radius: 0.5rem; }
.ce-quiz-save-status.success { background: rgba(34,197,94,0.15); color: #bbf7d0; }
.ce-quiz-save-status.error { background: rgba(239,68,68,0.15); color: #fecaca; }

/* Google sign-in button */
.ce-quiz-google-btn { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.65rem 1.5rem; background: #fff; color: #2f4749; border: 1px solid #eae6df; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.ce-quiz-google-btn:hover { border-color: #ad9771; }
.ce-quiz-google-btn img { width: 1.1rem; height: 1.1rem; }