/* 05.10.2026 — Seviye testi: kurumsal görünüm (assessment.css üzerine yazar).
   Sade açık zemin, beyaz kart, ince çerçeve, ölçülü köşe, büyük harfsiz düğmeler, tek vurgu rengi (#E31E24). */
:root { --pro-navy: #0F1B2D; --pro-red: #E31E24; --pro-ink: #334155; --pro-mute: #64748b; --pro-line: #e3e8ef; --pro-bg: #f4f6f9; }

body { background: var(--pro-bg) !important; }
.assessment-container { background: var(--pro-bg) !important; padding: 48px 16px 72px !important; min-height: auto !important; }
.bg-blob { display: none !important; }

.assessment-card-modern {
    background: #fff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    border: 1px solid var(--pro-line) !important; border-radius: 16px !important;
    box-shadow: 0 1px 2px rgba(15, 27, 45, .04), 0 12px 32px rgba(15, 27, 45, .06) !important;
    max-width: 760px !important; margin: 0 auto !important; padding: 48px 56px !important;
}
@media (max-width: 768px) { .assessment-card-modern { padding: 28px 20px !important; border-radius: 14px !important; } }

/* Giriş */
#start-screen h1 { font-size: clamp(1.8rem, 4vw, 2.4rem) !important; font-weight: 800 !important; color: var(--pro-navy) !important;
    letter-spacing: -0.02em !important; line-height: 1.15 !important; margin: 0 0 14px !important; background: none !important; -webkit-text-fill-color: var(--pro-navy) !important; }
#start-screen p { color: var(--pro-ink) !important; font-size: 1.05rem !important; line-height: 1.6 !important; max-width: 560px; margin: 0 auto 18px !important; }
#start-screen > div[style*="#eef2ff"] { background: #f8fafc !important; border: 1px solid var(--pro-line) !important; border-inline-start: 3px solid var(--pro-navy) !important; border-radius: 10px !important; text-align: start; }
#ui-intro-note { color: var(--pro-ink) !important; font-size: 14px !important; }
.lang-selection-grid { margin-top: 28px !important; }

/* Düğmeler */
.premium-btn, .submit-btn-premium {
    height: 52px !important; min-height: 52px !important; border-radius: 10px !important; text-transform: none !important; letter-spacing: 0 !important;
    font-size: 1rem !important; font-weight: 700 !important; box-shadow: none !important; transform: none !important; width: 100%;
}
.premium-btn::after { display: none !important; }
.premium-btn-secondary, .submit-btn-premium { background: var(--pro-red) !important; color: #fff !important; border: 1px solid var(--pro-red) !important; }
.premium-btn-secondary:hover, .submit-btn-premium:hover { background: #c8161c !important; transform: none !important; box-shadow: none !important; }
.premium-btn-primary { background: #fff !important; color: var(--pro-navy) !important; border: 1px solid #cbd5e1 !important; }
.premium-btn-primary:hover { border-color: var(--pro-navy) !important; transform: none !important; }
.premium-btn:disabled { opacity: .45 !important; cursor: not-allowed; }

/* Rozetler: sade satır */
.badge-grid { display: flex !important; justify-content: center; gap: 28px !important; margin-top: 28px !important; flex-wrap: wrap; }
.badge-item { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: flex !important; align-items: center; gap: 8px !important; transform: none !important; }
.badge-item i { color: var(--pro-mute) !important; font-size: 15px !important; background: none !important; width: auto !important; height: auto !important; }
.badge-item span { color: var(--pro-mute) !important; font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Soru ekranı */
.assessment-header { background: none !important; color: var(--pro-navy) !important; border-radius: 0 !important; padding: 0 0 18px !important; border-bottom: 1px solid var(--pro-line) !important; box-shadow: none !important; margin-bottom: 24px !important; }
.assessment-header #ui-title { color: var(--pro-navy) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase; }
.assessment-header .header-right span { color: var(--pro-mute) !important; }
.progress-track { background: #e9edf3 !important; height: 4px !important; border-radius: 4px !important; }
.progress-fill { background: var(--pro-red) !important; border-radius: 4px !important; }
.question-card { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.question-card::before { display: none !important; }
.question-text { color: var(--pro-navy) !important; font-size: 1.35rem !important; font-weight: 700 !important; line-height: 1.45 !important; border: 0 !important; padding: 0 0 18px !important; }
.option-btn { background: #fff !important; border: 1px solid #d8dee9 !important; border-radius: 10px !important; box-shadow: none !important; transform: none !important; min-height: 56px; color: var(--pro-navy) !important; font-weight: 600 !important; }
.option-btn:hover { border-color: var(--pro-navy) !important; background: #fbfcfd !important; }
.option-btn.selected { border-color: var(--pro-red) !important; background: #fff5f5 !important; box-shadow: 0 0 0 1px var(--pro-red) inset !important; }
.option-badge { background: #f1f5f9 !important; color: var(--pro-navy) !important; border-radius: 6px !important; width: 30px !important; height: 30px !important; font-size: 13px !important; }
.option-btn.selected .option-badge { background: var(--pro-red) !important; color: #fff !important; }
.quiz-footer { margin-top: 24px !important; gap: 12px !important; }
.skip-btn-styled { background: #fff !important; border: 1px solid #d8dee9 !important; border-radius: 10px !important; color: var(--pro-mute) !important; height: 52px !important; min-height: 52px !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; }
#ui-next-btn { min-height: 52px !important; }

/* Bilgi formu */
.lead-form-card { background: #fff !important; backdrop-filter: none !important; box-shadow: none !important; border: 0 !important; padding: 8px 0 !important; border-radius: 0 !important; animation: none !important; }
#ui-completed-title { font-size: 1.7rem !important; letter-spacing: -0.01em; margin-bottom: 8px !important; }
.input-group-premium { margin-bottom: 14px !important; }
.input-group-premium .form-control { height: 52px !important; border-radius: 10px !important; border: 1px solid #d8dee9 !important; background: #fff !important; font-size: 1rem !important; padding-inline-start: 46px !important; }
.input-group-premium .form-control:focus { border-color: var(--pro-navy) !important; box-shadow: 0 0 0 3px rgba(15, 27, 45, .08) !important; }
.input-group-premium i { inset-inline-start: 16px !important; left: auto; font-size: 15px !important; color: #94a3b8 !important; }
.pref-opt { border: 1px solid #d8dee9 !important; background: #fff !important; border-radius: 10px !important; }
.pref-opt:has(input:checked) { border-color: var(--pro-red) !important; background: #fff5f5 !important; }

/* Sonuç */
#ui-report-title { font-size: 1.6rem !important; letter-spacing: -0.01em; margin-bottom: 24px !important; text-align: center; }
.score-circle { width: 132px !important; height: 132px !important; background: #fff !important; border: 6px solid var(--pro-navy) !important; box-shadow: none !important; margin: 0 auto 18px !important; }
.score-circle::before { display: none !important; }
.score-number { color: var(--pro-navy) !important; font-size: 2.6rem !important; }
.score-label { color: var(--pro-mute) !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 14px !important; }
#placement-note { background: #f8fafc !important; border: 1px solid var(--pro-line) !important; border-inline-start: 3px solid var(--pro-navy) !important; border-radius: 10px !important; }
#ui-practice-cta { border-radius: 12px !important; box-shadow: none !important; }
.result-breakdown h4 { margin-top: 0 !important; }
html[dir="rtl"] .option-btn, html[dir="rtl"] #rec-wrap { text-align: right; }
/* düzeltmeler: sabit menünün altında kalmasın; puan rakamı görünür */
.assessment-container { padding-top: 128px !important; }
@media (max-width: 768px) { .assessment-container { padding-top: 104px !important; } }
.score-number { -webkit-text-fill-color: var(--pro-navy) !important; background: none !important; position: relative; z-index: 2; }
.score-label { -webkit-text-fill-color: var(--pro-mute) !important; position: relative; z-index: 2; }
/* RTL (Arapça): ikon sağda, yazı ikonla çakışmasın; "/ 20" soldan sağa kalsın */
html[dir="rtl"] .input-group-premium .form-control { padding-right: 46px !important; padding-left: 16px !important; }
html[dir="rtl"] .input-group-premium i { right: 16px !important; left: auto !important; }
#ui-points { direction: ltr; unicode-bidi: isolate; }