/* === Genel tipografi & boşluklar === */
@media (max-width: 576px) {
  body { font-size: 16px; line-height: 1.45; }
  .container { padding-left: 14px; padding-right: 14px; }
  h3, h4 { font-size: 1.125rem; margin-bottom: .75rem; }
  .btn { padding: .65rem .9rem; border-radius: .9rem; }
  .form-control, .form-select { padding: .65rem .85rem; border-radius: .8rem; }
}

/* === Soru kutuları === */
.question-card, .soru-container {
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 2px 12px rgba(0,0,0,.04);
  backdrop-filter: saturate(120%) blur(1px);
}
@media (max-width: 576px) {
  .question-card, .soru-container { padding: 14px !important; border-radius: 14px; }
  .question-card + .question-card, .soru-container + .soru-container { margin-top: 12px; }
}

/* === Büyük dokunmatik hedefler (radio/checkbox) === */
@media (max-width: 576px) {
  .form-check-input {
    width: 1.35rem; height: 1.35rem; margin-top: .2rem;
  }
  .form-check-label { margin-left: .35rem; }
}

/* === “Diğer” alanı bir satırda kalsın === */
@media (max-width: 576px) {
  .form-check + input.form-control.mt-1 { margin-left: 1.9rem; }
}

/* === NPS numaraları taşmasın === */
.nps-scale { display: flex; flex-wrap: wrap; gap: .35rem .5rem; }
.nps-scale input[type="radio"] { display: none; }
.nps-scale label {
  display: inline-block; min-width: 2.1rem; text-align: center;
  padding: .45rem .55rem; border: 1px solid #E5E7EB; border-radius: .6rem;
  user-select: none; cursor: pointer;
}
.nps-scale input:checked + label { border-color: #0d6efd; box-shadow: inset 0 0 0 2px #0d6efd33; }

/* === Yıldız puanı daha belirgin === */
.star-rating .fa-star { font-size: 1.2rem; padding: .15rem; }
.star-rating .fa-star.selected { color: #f1c40f; text-shadow: 0 0 6px rgba(241,196,15,.35); }

/* === Likert tabloları: mobilde kaydırılabilir + kart görünümü === */
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 576px) {
  /* Basit: table'ı kaydırmalı tut */
  table.table { font-size: .92rem; }
  /* Alternatif kart görünümü (isterseniz aktif edin)
  table.table { display: block; }
  thead { display: none; }
  tbody, tr, td { display: block; width: 100%; }
  tr { margin-bottom: .75rem; background: #fff; border-radius: .8rem; padding: .5rem .75rem; }
  td { display: flex; justify-content: space-between; padding: .35rem 0; border-bottom: 1px dashed #eee; }
  td:last-child { border-bottom: 0; }
  */
}

/* === Sıralama (DnD) zebra + tutamaç === */
.siralama .list-group-item { 
  cursor: grab; user-select: none; display: flex; align-items: center; gap: .6rem;
}
.siralama .list-group-item::before {
  content: "≡"; font-weight: 700; opacity: .4;
}
.siralama .list-group-item:nth-child(odd)  { background-color: #F7FAFC; }
.siralama .list-group-item:nth-child(even) { background-color: #EDF2F7; }
.siralama .list-actions { margin-left: auto; display: none; }
@media (max-width: 576px) {
  .siralama .list-actions { display: inline-flex; gap: .35rem; }
  .siralama .list-actions .btn-sm { padding: .2rem .45rem; }
}

/* === likert_var_yok bloklarının kontrastı === */
.lvy-row { 
  display: flex; align-items: center; gap: .6rem; padding: .55rem .6rem; 
  border-radius: .6rem; background: #F8FAFC; border: 1px solid #EEF2F7;
}
.lvy-row + .lvy-row { margin-top: .4rem; }
.lvy-row .lvy-puan { margin-left: auto; display: inline-flex; gap: .35rem; }
.lvy-row .lvy-puan input[type="radio"] { display: none; }
.lvy-row .lvy-puan label {
  border: 1px solid #E5E7EB; border-radius: .45rem; padding: .32rem .5rem; min-width: 2.1rem; text-align: center; cursor: pointer;
}
.lvy-row .lvy-puan input:checked + label { border-color: #0d6efd; box-shadow: inset 0 0 0 2px #0d6efd33; }
.lvy-row .form-switch { transform: scale(1.05); }

/* === Alt sabit gönder butonu (opsiyonel) === */
@media (max-width: 576px) {
  .sticky-submit {
    position: sticky; bottom: 0; left: 0; right: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 30%);
    padding-top: .5rem; padding-bottom: .5rem; z-index: 20;
  }
}

/* === Dark mode küçük dokunuş === */
@media (prefers-color-scheme: dark) {
  .question-card, .soru-container { border-color: rgba(255,255,255,.08); box-shadow: 0 2px 12px rgba(0,0,0,.5); }
  .siralama .list-group-item:nth-child(odd)  { background-color: #11161b; }
  .siralama .list-group-item:nth-child(even) { background-color: #0b1015; }
  .lvy-row { background: #0b1015; border-color: #1b2430; }
  .nps-scale label { border-color: #2a3340; }
}
/* Kenarlıkları mobil & tabletlerde sıfırla */
@media (max-width: 1024px) {
  .container, .container-sm, .container-md {
    padding-left: 10 !important;
    padding-right: 10 !important;
    max-width: 95% !important;
  }
  /* Soru kartları ekrana tam otursun */
  .question-card {
    border-radius: 0;          /* kenar yumuşatma kaldır (istersen tut) */
    padding-left: 14px;        /* çok boş gelirse 10px yapabilirsin */
    padding-right: 14px;
  }
  /* Başlık/metinler de taşmasın */
  .page-head, .page-body {
    padding-left: 14px;
    padding-right: 14px;
  }
  body { overflow-x: hidden; }  /* yatay kaymayı engelle */
}

/* İstersen telefonlarda tamamen sıfır boşluk */
@media (max-width: 576px) {
  .question-card {
    padding-left: 12px;
    padding-right: 12px;
  }
}