/* v3 — Force full-viewport background via body::before (REMOTE BG) */
html { position: relative; min-height: 100%; }
body { min-height: 100vh; position: relative; }

/* Arka plan katmanı: içerik üstünde kalmaması için -1 ve tıklama kapalı */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #0b0f1a url('https://survey.sosyalfabrika.com.tr/bg.jpg') center center / cover no-repeat fixed;
  z-index: -1;
  pointer-events: none;
}

/* Tema sarmalayıcıları şeffaf */
#outerframe, #outerframeContainer, .outerframe, .top-container, .content, .content-inner,
.container, .container-fluid, .ls-main-content, .ls-main-row, .ls-container, .navbar, .navbar-inner {
  background: transparent !important;
}

/* İç panel */
.card, .card-body, .panel, .panel-body, .question-container, .group-description, .survey-welcome {
  background: rgba(16,16,28,0.68) !important;
  color: #e9ecf1 !important;
  backdrop-filter: blur(4px);
  border-radius: 12px;
}

/* Butonlar: görünür ve tıklanabilir */
#ls-button-start, #ls-button-submit, .btn-primary, .start-survey, .btn, button[name="move"] {
  position: relative;
  z-index: 10;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 600;
}

/* Havai fişek / roket katmanları */
#sf-fireworks-canvas { position: fixed; inset: 0; pointer-events: none; z-index: 9999; }
#sf-rocket { position: fixed; bottom: -140px; left: 50%; transform: translateX(-50%);
  width: 96px; height: 96px; z-index: 9998; opacity: 0; transition: opacity 200ms ease; }
#sf-rocket.sf-show { opacity: 1; }
#sf-rocket img { width: 100%; height: 100%; display: block; }

/* Debug rozeti (kapalı) */
#sf-badge { display:none !important; }

/* Marka vurgusu + tema değişkenleri */
:root {
  --sf-accent: #e42313;
  --sf-card-bg: rgba(8,10,18,0.66);
  --sf-text:    #f5f7fb;
  --sf-subtext: #d0d6e0;
}
a, .text-primary { color: var(--sf-accent) !important; }
.btn-primary, #ls-button-submit, #ls-button-start {
  background: var(--sf-accent) !important;
  border-color: var(--sf-accent) !important;
}

/* Kenarlardaki boşluk algısını azalt: merkezle + max genişlik */
.container, .container-fluid, .ls-main-content {
  max-width: 1080px;
  margin: 0 auto !important;
}

/* =========================
   READABILITY PATCH (SF)
   — soru başlıkları + giriş metni daha okunur
   ========================= */

/* Arka plan üzerinde hafif karartma (metinleri öne çıkarır) */
body::after{
  content:"";
  position: fixed; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.22));
  pointer-events: none;
  z-index: 0; /* body::before (-1) altında değil, içerikten aşağıda */
}

/* SORU AÇIKLAMALARI ve GRUP AÇIKLAMASI */
.question .help-block,
.questionhelp,
.question-description,
.group-description,
.survey-welcome p {
  color: var(--sf-subtext) !important;
}

/* SORU KUTULARI (panel) */
.question-container,
.panel.panel-default,
.card.question-container {
  background: var(--sf-card-bg) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 10px 24px rgba(0,0,0,.28) !important;
}

/* Yanıt metinleri */
.answers-list, .answer-container, .control-label, label {
  color: var(--sf-text) !important;
}

/* Girdi alanları (beyaz zemin, koyu yazı) */
.form-control,
textarea, input[type="text"], input[type="email"], input[type="tel"], select {
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.form-control::placeholder { color: #7a8699 !important; opacity: 1; }

/* Progress/üst bar metni */
.navbar, .navbar-inner { color: var(--sf-text) !important; }

/* === SORU & GRUP BAŞLIKLARINI BEYAZ + BOLD ZORLA (HARD OVERRIDE) === */
.question-title-container h4,
.question-title-container .h4,
.ls-question .question-title,
.question-container .question-title,
.question-text,
legend.question-title,
.group-title h2,
.group-title h3,
.group-title .title {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* (Opsiyonel) başlık boyutunu bir tık büyüt */
.question-title-container h4,
.question-title-container .h4,
.ls-question .question-title,
.question-container .question-title,
.question-text,
legend.question-title {
  font-size: 1.05rem !important;
}

/* Büyük sayfa başlıkları */
.survey-title, .survey-name, .pagetitle,
.survey-welcome h1, .survey-welcome .h1 {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* === INLINE RENKLERİ DE EZ: ls-label-question içindeki span'leri beyaz + bold yap === */
.question-container .ls-label-question,
.question-container .ls-label-question *,
.ls-question .question-text,
.ls-question .question-text * {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Cevap seçenekleri beyaz-bolde dönmesin, normal kalsın */
.answers-list label,
.answers-list label *,
.form-check-label,
label.answertext {
  color: var(--sf-text) !important;
  font-weight: 500 !important;
}

/* === WELCOME + GİZLİLİK METİNLERİ: inline renkleri de bastır, beyaz yap === */
#welcome-container,
#welcome-container *,
.survey-welcome,
.survey-welcome *,
.survey-description,
.survey-description * {
  color: #ffffff !important;
  font-weight: 600;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Welcome içindeki .text-primary bile beyaz kalsın */
#welcome-container .text-primary,
.survey-welcome .text-primary {
  color: #ffffff !important;
}

/* Linkler görünür olsun */
#welcome-container a,
.survey-welcome a,
.survey-description a {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Gizlilik/Veri güvenliği alanı */
[id*="privacy"], [class*="privacy"],
[id*="gizlilik"], [class*="gizlilik"],
[id*="datasecurity"], [class*="datasecurity"],
.datasecurity, .privacy,
.datasecurity * , .privacy * {
  color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-weight: 600;
}

/* Bu blokların zemini hafif koyu olsun (okunurluk) */
#welcome-container, .survey-welcome,
.datasecurity, .privacy {
  background: rgba(8, 10, 18, 0.60) !important;
  border-radius: 12px;
  padding: 14px 16px;
}

/* Gizlilik içindeki linkler */
.datasecurity a, .privacy a {
  color: #ffffff !important;
  text-decoration: underline;
}