/*
 * Profesyonel Renkli V6
 * LimeSurvey 6 / 7 - Fruity üst teması
 */
:root {
    --lspro6-primary: #4d36c9;
    --lspro6-primary-dark: #2d1b79;
    --lspro6-secondary: #00a7a0;
    --lspro6-accent: #ffb02e;
    --lspro6-ink: #20233b;
    --lspro6-muted: #687086;
    --lspro6-line: #dfe3ef;
    --lspro6-page: #f3f5fb;
    --lspro6-surface: #ffffff;
    --lspro6-soft: #eeeaff;
    --lspro6-radius: 18px;
    --lspro6-radius-sm: 12px;
    --lspro6-shadow: 0 14px 38px rgba(35, 31, 83, .11);
    --lspro6-shadow-hover: 0 18px 46px rgba(35, 31, 83, .16);
    --lspro6-focus: 0 0 0 4px rgba(77, 54, 201, .19);
}

html { scroll-behavior: smooth; }

body,
body.fruity {
    color: var(--lspro6-ink) !important;
    background:
        radial-gradient(circle at 7% 3%, rgba(77, 54, 201, .12), transparent 31rem),
        radial-gradient(circle at 94% 17%, rgba(0, 167, 160, .10), transparent 28rem),
        var(--lspro6-page) !important;
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

body::before {
    content: "";
    position: fixed;
    z-index: 1040;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--lspro6-primary), var(--lspro6-secondary), var(--lspro6-accent));
}

/* Üst alan: başlık yok, yatay logo var. */
#survey-nav.lspro6-navbar {
    min-height: 148px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(77, 54, 201, .14) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 9px 28px rgba(35, 31, 83, .09) !important;
    backdrop-filter: blur(12px);
}

#survey-nav .lspro6-navbar-inner {
    min-height: 148px;
    max-width: 1240px;
    gap: 14px;
}

#survey-nav .lspro6-logo-wrap {
    display: flex !important;
    align-items: center;
    width: auto;
    max-width: min(720px, 76vw);
    margin: 0 !important;
    padding: 7px 0 !important;
    text-decoration: none !important;
}

#survey-nav .lspro6-header-logo {
    display: block !important;
    width: auto !important;
    height: 64px !important;
    max-width: 100% !important;
    object-fit: contain;
    object-position: left center;
}

#survey-nav .navbar-toggler { flex: 0 0 auto; }

.top-container,
.fruity .top-container {
    margin-top: 88px;
}

.container-fluid,
.outerframe,
.fruity .outerframe {
    max-width: 1240px;
}

/* İlerleme */
.progress,
.fruity .progress {
    height: 12px !important;
    overflow: hidden;
    border-radius: 999px !important;
    background: #e5e8f2 !important;
}

.progress-bar,
.fruity .progress-bar {
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--lspro6-primary), var(--lspro6-secondary)) !important;
}

/* Soru ve başlangıç bilgi kartı */
.question-container,
.fruity .question-container,
.lspro6-info-card {
    position: relative;
    margin: 0 0 12px !important;
    padding: 18px 22px 17px !important;
    border: 1px solid var(--lspro6-line) !important;
    border-radius: var(--lspro6-radius) !important;
    color: var(--lspro6-ink) !important;
    background: var(--lspro6-surface) !important;
    box-shadow: var(--lspro6-shadow) !important;
}

.question-container::before,
.lspro6-info-card::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 5px;
    border-radius: 0 5px 5px 0;
    background: linear-gradient(180deg, var(--lspro6-primary), var(--lspro6-secondary));
}

.question-container:hover,
.lspro6-info-card:hover {
    border-color: #ccd1e3 !important;
    box-shadow: var(--lspro6-shadow-hover) !important;
}

.question-title-container,
.fruity .question-title-container,
.lspro6-info-title-wrap {
    margin: 0 0 3px !important;
    padding: 0 !important;
    color: var(--lspro6-ink) !important;
    background: transparent !important;
}

.question-text,
.question-title-container .question-text,
.fruity .question-text,
.lspro6-info-title {
    margin: 0 !important;
    color: var(--lspro6-ink) !important;
    font-size: 1.04rem !important;
    font-weight: 760 !important;
    line-height: 1.42 !important;
}

.lspro6-info-title {
    font-size: 1.58rem !important;
    font-weight: 850 !important;
    letter-spacing: -.018em;
}

.question-number,
.qcode,
.fruity .question-number {
    color: var(--lspro6-primary) !important;
    font-weight: 800 !important;
}

/* Yardım/bilgilendirme metni soruya yakın ve küçük. */
.question-help-container,
.question-valid-container,
.ls-questionhelp,
.question-help,
.help-block,
.fruity .question-help-container,
.fruity .question-valid-container,
.fruity .ls-questionhelp,
.lspro6-info-help {
    margin: 1px 0 5px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--lspro6-muted) !important;
    background: transparent !important;
    font-size: .76rem !important;
    font-weight: 450 !important;
    line-height: 1.34 !important;
}

.question-title-container + .question-help-container,
.question-title-container + .question-valid-container,
.question-text + .question-help-container,
.question-text + .ls-questionhelp {
    margin-top: 1px !important;
}

.question-help-container p,
.question-valid-container p,
.ls-questionhelp p,
.question-help p,
.help-block p,
.lspro6-info-help p {
    margin: 0 0 2px !important;
}

.question-help-container p:last-child,
.question-valid-container p:last-child,
.ls-questionhelp p:last-child,
.question-help p:last-child,
.help-block p:last-child,
.lspro6-info-help p:last-child {
    margin-bottom: 0 !important;
}

.lspro6-info-body {
    margin-top: 10px !important;
    color: var(--lspro6-ink) !important;
    font-size: 1.10rem;
}

.lspro6-info-body > :first-child,
.lspro6-info-help > :first-child { margin-top: 0 !important; }
.lspro6-info-body > :last-child,
.lspro6-info-help > :last-child { margin-bottom: 0 !important; }

.lspro6-question-count-wrap { margin: 0 !important; }
.lspro6-question-count {
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    padding: 6px 11px;
    border: 1px solid rgba(77, 54, 201, .20);
    border-radius: 999px;
    color: var(--lspro6-primary-dark) !important;
    background: var(--lspro6-soft);
    font-size: .77rem;
    font-weight: 720;
}
.lspro6-question-count:empty { display: none; }


/* Anket giriş/bilgi alanı: daha görünür başlık ve okunaklı metin. */
.lspro6-info-card {
    padding: 24px 28px 22px !important;
    border-color: rgba(77, 54, 201, .24) !important;
    background:
        linear-gradient(135deg, rgba(77, 54, 201, .075), rgba(0, 167, 160, .045) 56%, #fff 100%) !important;
    box-shadow: 0 16px 42px rgba(35, 31, 83, .14) !important;
}

.lspro6-info-title-wrap {
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(77, 54, 201, .16) !important;
}

.lspro6-info-title {
    position: relative;
    padding-left: 18px !important;
    color: var(--lspro6-primary-dark) !important;
    text-wrap: balance;
}

.lspro6-info-title::before {
    content: "";
    position: absolute;
    top: .14em;
    bottom: .14em;
    left: 0;
    width: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--lspro6-primary), var(--lspro6-accent));
}

.lspro6-info-help {
    margin: 5px 0 0 !important;
    color: #586078 !important;
    font-size: .84rem !important;
}

.lspro6-info-body {
    max-width: 1050px;
    color: #292d45 !important;
    font-size: 1.10rem !important;
    font-weight: 470;
    line-height: 1.66 !important;
}

.lspro6-info-body p {
    margin: 0 0 .62em !important;
}

.lspro6-info-body h2,
.lspro6-info-body h3,
.lspro6-info-body h4 {
    margin: .72em 0 .26em !important;
    color: var(--lspro6-primary-dark) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* Grup başlıkları: gereksiz üst-alt boşluğu azaltır. */
.group-title,
.group-name,
h2.group-name,
h3.group-name,
.group-title-container,
.fruity .group-title,
.fruity .group-name {
    margin: 9px 0 4px !important;
    padding: 0 !important;
    color: var(--lspro6-primary-dark) !important;
    font-size: 1.22rem !important;
    font-weight: 820 !important;
    line-height: 1.3 !important;
}

.group-description,
.group-description-container,
.fruity .group-description {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: var(--lspro6-muted) !important;
    font-size: .86rem !important;
    line-height: 1.42 !important;
}

.group-description p,
.group-description-container p {
    margin: 0 0 4px !important;
}

.group-description p:last-child,
.group-description-container p:last-child {
    margin-bottom: 0 !important;
}

.group-container,
.question-group,
.group-outer-container {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Soru içi alanları daha derli toplu tutar. */
.question-container .answer-container,
.question-container .ls-answers,
.fruity .question-container .answer-container,
.fruity .question-container .ls-answers {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.question-container .form-group,
.question-container .mb-3,
.question-container .mb-4,
.question-container .form-check,
.question-container .radio-item,
.question-container .checkbox-item {
    margin-top: 0 !important;
}

.question-container .form-group:last-child,
.question-container .mb-3:last-child,
.question-container .mb-4:last-child {
    margin-bottom: 0 !important;
}

.question-container .row {
    --bs-gutter-y: .45rem;
}

/* Metin alanları */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="time"],
textarea,
select {
    min-height: 46px;
    border: 1px solid #cbd1e2 !important;
    border-radius: var(--lspro6-radius-sm) !important;
    color: var(--lspro6-ink) !important;
    background-color: #fff !important;
    box-shadow: 0 1px 2px rgba(32, 35, 59, .04) !important;
}

textarea.form-control,
textarea { min-height: 116px; resize: vertical; }

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--lspro6-primary) !important;
    outline: none !important;
    box-shadow: var(--lspro6-focus) !important;
}

/* Seçenek kartları. Doğal input/label tıklaması engellenmez. */
.lspro6-option {
    position: relative;
    min-height: 46px;
    margin-bottom: 6px !important;
    padding: 10px 46px 10px 13px !important;
    border: 1px solid #d8ddeb !important;
    border-radius: 13px !important;
    color: var(--lspro6-ink) !important;
    background: #fff !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.lspro6-option:hover {
    border-color: #a99fe4 !important;
    background: #faf9ff !important;
    box-shadow: 0 8px 22px rgba(77, 54, 201, .09) !important;
    transform: translateY(-1px);
}

.lspro6-option label {
    width: 100%;
    margin: 0 !important;
    color: inherit !important;
    cursor: pointer !important;
}

input[type="radio"],
input[type="checkbox"],
.form-check-input {
    accent-color: var(--lspro6-primary);
    cursor: pointer !important;
}

/* JS sınıfı ile seçili durum */
.lspro6-option.is-selected {
    border-color: var(--lspro6-accent) !important;
    color: #fff !important;
    background: linear-gradient(135deg, #2e1a78, #4d36c9) !important;
    box-shadow: 0 12px 28px rgba(46, 26, 120, .28), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

.lspro6-option.is-selected::after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 13px;
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 50%;
    color: #2e1a78 !important;
    background: var(--lspro6-accent) !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,.16);
    font-size: 14px;
    font-weight: 900;
    transform: translateY(-50%);
}

.lspro6-option.is-selected,
.lspro6-option.is-selected label,
.lspro6-option.is-selected span,
.lspro6-option.is-selected small,
.lspro6-option.is-selected strong,
.lspro6-option.is-selected p {
    color: #fff !important;
}

.lspro6-option.is-disabled { opacity: .58; cursor: not-allowed; }

/* Seçim sınıfları JavaScript tarafından yalnızca tablo dışındaki seçeneklere eklenir. */

/* Evet/Hayır ve Bootstrap düğme türleri */
.bootstrap-buttons-div,
.btn-group {
    gap: 7px;
}

.bootstrap-buttons-div label.btn,
.btn-group label.btn,
.btn-check + .btn,
.ls-answers input[type="radio"] + label.btn,
.ls-answers input[type="checkbox"] + label.btn {
    position: relative;
    min-width: 112px;
    min-height: 44px;
    padding: 9px 42px 9px 16px !important;
    border: 1px solid #d4d9e8 !important;
    border-radius: 13px !important;
    color: var(--lspro6-ink) !important;
    background: #fff !important;
    font-weight: 700 !important;
}

.bootstrap-buttons-div input:checked + label.btn,
.btn-group input:checked + label.btn,
.btn-check:checked + .btn,
.ls-answers input[type="radio"]:checked + label.btn,
.ls-answers input[type="checkbox"]:checked + label.btn {
    border-color: var(--lspro6-accent) !important;
    color: #fff !important;
    background: linear-gradient(135deg, #2e1a78, #4d36c9) !important;
    box-shadow: 0 11px 25px rgba(46, 26, 120, .27) !important;
}

.bootstrap-buttons-div input:checked + label.btn::after,
.btn-group input:checked + label.btn::after,
.btn-check:checked + .btn::after,
.ls-answers input[type="radio"]:checked + label.btn::after,
.ls-answers input[type="checkbox"]:checked + label.btn::after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 12px;
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    color: #2e1a78;
    background: var(--lspro6-accent);
    font-weight: 900;
    transform: translateY(-50%);
}

/* Matris/dizi */
.ls-answers table,
.table {
    border: 1px solid var(--lspro6-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
}

.ls-answers table thead th,
.table thead th {
    padding: 12px 10px !important;
    border-color: var(--lspro6-line) !important;
    color: var(--lspro6-ink) !important;
    background: #eff1f8 !important;
    font-size: .9rem;
    font-weight: 760;
}

.ls-answers table tbody td,
.ls-answers table tbody th,
.table tbody td,
.table tbody th {
    padding: 11px 10px !important;
    border-color: #e9ecf4 !important;
}

.lspro6-cell-selected {
    background: #fff3d8 !important;
    box-shadow: inset 0 0 0 2px var(--lspro6-accent) !important;
}

/* Butonlar */
.btn-primary,
.btn-success,
button[type="submit"],
input[type="submit"] {
    border-color: var(--lspro6-primary) !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--lspro6-primary), #6754db) !important;
    box-shadow: 0 8px 20px rgba(77, 54, 201, .20) !important;
    font-weight: 720 !important;
}

.btn-primary:hover,
.btn-success:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    border-color: var(--lspro6-primary-dark) !important;
    background: linear-gradient(135deg, var(--lspro6-primary-dark), var(--lspro6-primary)) !important;
}

.btn:focus,
button:focus,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none !important;
    box-shadow: var(--lspro6-focus) !important;
}

.alert,
.card,
.panel,
.modal-content,
.dropdown-menu {
    border-radius: 14px !important;
    border-color: var(--lspro6-line) !important;
}

.asterisk,
.text-danger,
.required-mark { color: #d33f59 !important; }

@media (max-width: 767.98px) {
    body,
    body.fruity { font-size: 15px; }

    #survey-nav.lspro6-navbar,
    #survey-nav .lspro6-navbar-inner { min-height: 110px !important; }

    #survey-nav .lspro6-logo-wrap {
        max-width: calc(100vw - 92px);
        padding: 5px 0 !important;
    }

    #survey-nav .lspro6-header-logo { height: 52px !important; }

    .top-container,
    .fruity .top-container { margin-top: 64px; }

    .question-container,
    .fruity .question-container,
    .lspro6-info-card {
        margin-bottom: 10px !important;
        padding: 16px 14px 15px !important;
        border-radius: 15px !important;
    }

    .question-text,
    .question-title-container .question-text,
    .fruity .question-text { font-size: 1rem !important; }

    .lspro6-info-title { font-size: 1.32rem !important; }

    .question-help-container,
    .question-valid-container,
    .ls-questionhelp,
    .question-help,
    .help-block,
    .lspro6-info-help { font-size: .75rem !important; }

    .lspro6-option {
        min-height: 48px;
        padding: 10px 44px 10px 11px !important;
    }

    .ls-answers { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .ls-answers table,
    .table { min-width: 560px; }
}


@media (max-width: 767.98px) {
    .lspro6-info-card {
        padding: 18px 15px 17px !important;
    }

    .lspro6-info-title-wrap {
        padding-bottom: 8px !important;
    }

    .lspro6-info-body {
        font-size: 1rem !important;
        line-height: 1.58 !important;
    }

    .group-title,
    .group-name,
    h2.group-name,
    h3.group-name,
    .group-title-container {
        margin-top: 7px !important;
        margin-bottom: 3px !important;
        font-size: 1.10rem !important;
    }

    .group-description,
    .group-description-container {
        margin-bottom: 6px !important;
        font-size: .82rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   V6 dengeli tipografi düzeltmeleri
   LimeSurvey çekirdek sınıflarını doğrudan hedefler.
   ========================================================= */

/* Header: logodan önce/sonra gereksiz dikey boşluk yok. */
#survey-nav,
#survey-nav.lspro6-navbar,
body.fruity #survey-nav {
    min-height: 136px !important;
    height: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#survey-nav > .container,
#survey-nav > .container-fluid,
#survey-nav .lspro6-navbar-inner,
#survey-nav .navbar-header {
    min-height: 136px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
}

#survey-nav .navbar-brand,
#survey-nav .logo-container,
#survey-nav .lspro6-logo-wrap,
#survey-nav a:has(> img) {
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

#survey-nav .logo-container img,
#survey-nav .navbar-brand img,
#survey-nav img.logo,
#survey-nav img.lspro6-header-logo,
#survey-nav img {
    display: block !important;
    width: auto !important;
    height: 64px !important;
    max-width: min(760px, 76vw) !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* Header içindeki yazılı anket başlığı gizli; yalnız logo kalır. */
#survey-nav .navbar-title,
#survey-nav .survey-title,
#survey-nav .navbar-brand:not(.logo-container):not(:has(img)) {
    display: none !important;
}

/* Header sonrasındaki gereksiz boşluğu azalt. */
#survey-nav + .top-container,
.top-container,
body.fruity .top-container {
    margin-top: 136px !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Başlangıç bilgi alanı gerçek LimeSurvey sınıflarıyla kart görünümü. */
#welcome-container,
#welcome-container.lspro6-info-card {
    position: relative !important;
    margin: 8px 0 14px !important;
    padding: 26px 32px 28px !important;
    border: 1px solid rgba(77, 54, 201, .25) !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(77,54,201,.09), rgba(0,167,160,.055) 58%, #fff 100%) !important;
    box-shadow: 0 18px 46px rgba(35,31,83,.15) !important;
    text-align: left !important;
}

#welcome-container::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 7px;
    border-radius: 0 7px 7px 0;
    background: linear-gradient(180deg, var(--lspro6-primary), var(--lspro6-secondary));
}

/* Anket başlığı: çok büyük ve güçlü. */
#welcome-container .survey-name,
.survey-name,
#welcome-container .lspro6-info-title {
    margin: 0 0 12px !important;
    padding: 0 0 12px 16px !important;
    border-bottom: 2px solid rgba(77,54,201,.17) !important;
    color: var(--lspro6-primary-dark) !important;
    font-size: clamp(2.15rem, 3.4vw, 3.25rem) !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
    text-wrap: balance;
}

/* Anket açıklaması ve karşılama metni: büyük, okunaklı. */
#welcome-container .survey-description,
#welcome-container .survey-welcome,
#welcome-container .lspro6-info-body,
.survey-description,
.survey-welcome {
    max-width: 1100px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #272b43 !important;
    font-size: clamp(1.12rem, 1.35vw, 1.32rem) !important;
    font-weight: 500 !important;
    line-height: 1.60 !important;
    text-align: left !important;
}

#welcome-container .survey-welcome {
    margin-top: 10px !important;
    color: #343951 !important;
}

#welcome-container .survey-description,
#welcome-container .survey-welcome,
#welcome-container .lspro6-info-body,
#welcome-container .number-of-questions {
    padding-left: 16px !important;
}


#welcome-container .survey-description p,
#welcome-container .survey-welcome p,
#welcome-container .lspro6-info-body p {
    margin: 0 0 .72em !important;
}

#welcome-container .survey-description p:last-child,
#welcome-container .survey-welcome p:last-child,
#welcome-container .lspro6-info-body p:last-child {
    margin-bottom: 0 !important;
}

#welcome-container .number-of-questions {
    margin-top: 14px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-align: left !important;
}

/* Grup ve soru yerleşimi kompakt kalır. */
.group-container,
.group-outer-container,
.question-group {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.group-title {
    margin-top: 7px !important;
    margin-bottom: 3px !important;
}

.group-description {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.question-container,
body.fruity .question-container {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 16px !important;
    padding-bottom: 15px !important;
}

@media (max-width: 767.98px) {
    #survey-nav,
    #survey-nav.lspro6-navbar,
    body.fruity #survey-nav,
    #survey-nav > .container,
    #survey-nav > .container-fluid,
    #survey-nav .lspro6-navbar-inner,
    #survey-nav .navbar-header {
        min-height: 90px !important;
    }

    #survey-nav + .top-container,
    .top-container,
    body.fruity .top-container {
        margin-top: 90px !important;
    }

    #survey-nav .logo-container img,
    #survey-nav .navbar-brand img,
    #survey-nav img.logo,
    #survey-nav img.lspro6-header-logo,
    #survey-nav img {
        height: 52px !important;
        max-width: calc(100vw - 86px) !important;
    }

    #welcome-container,
    #welcome-container.lspro6-info-card {
        margin-top: 6px !important;
        padding: 20px 18px 22px !important;
    }

    #welcome-container .survey-name,
    .survey-name,
    #welcome-container .lspro6-info-title {
        margin-bottom: 10px !important;
        padding: 0 0 10px 12px !important;
        font-size: clamp(1.75rem, 7.2vw, 2.30rem) !important;
        line-height: 1.12 !important;
    }

    #welcome-container .survey-description,
    #welcome-container .survey-welcome,
    #welcome-container .lspro6-info-body,
    .survey-description,
    .survey-welcome {
        font-size: 1.08rem !important;
        line-height: 1.56 !important;
    }

    #welcome-container .survey-description,
    #welcome-container .survey-welcome,
    #welcome-container .lspro6-info-body,
    #welcome-container .number-of-questions {
        padding-left: 12px !important;
    }
}

/* =========================================================
   V6: daha dengeli anket tipografisi ve üç noktalı kayıt menüsü
   ========================================================= */

/* Anket başlığı ve metni önceki sürüme göre bir kademe küçültüldü. */
#welcome-container .survey-name,
.survey-name,
#welcome-container .lspro6-info-title {
    font-size: clamp(2rem, 3.05vw, 2.9rem) !important;
    line-height: 1.10 !important;
}

#welcome-container .survey-description,
#welcome-container .survey-welcome,
#welcome-container .lspro6-info-body,
.survey-description,
.survey-welcome {
    font-size: clamp(1.04rem, 1.15vw, 1.18rem) !important;
    line-height: 1.56 !important;
}

/* Logo ve sağ menüler aynı kompakt satırda kalır. */
#survey-nav .lspro6-navbar-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
}

#survey-nav .lspro6-logo-wrap {
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

#survey-nav .lspro6-other-menu {
    min-width: 0 !important;
    padding-top: 0 !important;
}

/* Üç noktalı menü düğmesi. */
#survey-nav .lspro6-save-menu {
    position: relative !important;
    flex: 0 0 auto !important;
    z-index: 1080 !important;
}

#survey-nav .lspro6-more-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    border: 1px solid rgba(77, 54, 201, .22) !important;
    border-radius: 14px !important;
    background: rgba(77, 54, 201, .08) !important;
    color: var(--lspro6-primary-dark) !important;
    box-shadow: none !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
}

#survey-nav .lspro6-more-button > span {
    display: block !important;
    margin-top: -3px !important;
    line-height: 1 !important;
}

#survey-nav .lspro6-more-button:hover,
#survey-nav .lspro6-more-button:focus-visible,
#survey-nav .lspro6-more-button[aria-expanded="true"] {
    border-color: var(--lspro6-primary) !important;
    background: var(--lspro6-primary) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

#survey-nav .lspro6-save-menu .dropdown-menu {
    min-width: 285px !important;
    margin-top: 9px !important;
    padding: 8px !important;
    border: 1px solid rgba(77, 54, 201, .18) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 18px 45px rgba(35, 31, 83, .20) !important;
    overflow: hidden !important;
}

#survey-nav .lspro6-save-menu .dropdown-menu > li,
#survey-nav .lspro6-save-menu .dropdown-menu .nav-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#survey-nav .lspro6-save-menu .dropdown-menu .nav-link,
#survey-nav .lspro6-save-menu .dropdown-menu a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    border-radius: 10px !important;
    color: #29244f !important;
    background: transparent !important;
    font-size: .98rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
}

#survey-nav .lspro6-save-menu .dropdown-menu .nav-link:hover,
#survey-nav .lspro6-save-menu .dropdown-menu .nav-link:focus,
#survey-nav .lspro6-save-menu .dropdown-menu a:hover,
#survey-nav .lspro6-save-menu .dropdown-menu a:focus {
    background: rgba(77, 54, 201, .10) !important;
    color: var(--lspro6-primary-dark) !important;
    outline: none !important;
}

#survey-nav .lspro6-save-menu .dropdown-menu > li + li {
    margin-top: 3px !important;
}

@media (max-width: 767.98px) {
    #welcome-container .survey-name,
    .survey-name,
    #welcome-container .lspro6-info-title {
        font-size: clamp(1.6rem, 6.5vw, 2.05rem) !important;
        line-height: 1.13 !important;
    }

    #welcome-container .survey-description,
    #welcome-container .survey-welcome,
    #welcome-container .lspro6-info-body,
    .survey-description,
    .survey-welcome {
        font-size: 1.02rem !important;
        line-height: 1.52 !important;
    }

    #survey-nav .lspro6-save-menu {
        margin-left: auto !important;
    }

    #survey-nav .lspro6-more-button {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 12px !important;
        font-size: 1.8rem !important;
    }

    #survey-nav .lspro6-save-menu .dropdown-menu {
        min-width: min(285px, calc(100vw - 24px)) !important;
    }
}

/* =========================================================
   V6.4: mobil sol güvenli alan + dengeli logo/header
   Yalnız istenen alanları değiştirir.
   ========================================================= */

/* V6.3'e göre logo bir kademe büyür; header üst-alt boşluğu azalır. */
#survey-nav,
#survey-nav.lspro6-navbar,
body.fruity #survey-nav,
#survey-nav > .container,
#survey-nav > .container-fluid,
#survey-nav .lspro6-navbar-inner,
#survey-nav .navbar-header {
    min-height: 96px !important;
}

#survey-nav + .top-container,
.top-container,
body.fruity .top-container {
    margin-top: 96px !important;
}

#survey-nav .logo-container img,
#survey-nav .navbar-brand img,
#survey-nav img.logo,
#survey-nav img.lspro6-header-logo,
#survey-nav img {
    height: 80px !important;
}

@media (max-width: 767.98px) {
    #survey-nav,
    #survey-nav.lspro6-navbar,
    body.fruity #survey-nav,
    #survey-nav > .container,
    #survey-nav > .container-fluid,
    #survey-nav .lspro6-navbar-inner,
    #survey-nav .navbar-header {
        min-height: 76px !important;
    }

    #survey-nav + .top-container,
    .top-container,
    body.fruity .top-container {
        margin-top: 76px !important;
    }

    #survey-nav .logo-container img,
    #survey-nav .navbar-brand img,
    #survey-nav img.logo,
    #survey-nav img.lspro6-header-logo,
    #survey-nav img {
        height: 60px !important;
    }

    /* Yardım/bilgilendirme metninin kartın sol kenarında kesilmesini önler. */
    .question-container .question-help-container,
    .question-container .question-valid-container,
    .question-container .ls-questionhelp,
    .question-container .question-help,
    .question-container .help-block,
    .question-container .lspro6-info-help {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }

    /* Cevap alanındaki Bootstrap negatif satır marjinlerini sıfırlar. */
    .question-container .answer-container,
    .question-container .ls-answers {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 4px !important;
        box-sizing: border-box !important;
    }

    .question-container .answer-container > .row,
    .question-container .ls-answers > .row,
    .question-container .answers-list > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Radio ve checkbox kartlarının tamamı görünür alanda kalır. */
    .question-container .radio-item,
    .question-container .checkbox-item,
    .question-container .form-check,
    .question-container .answer-item,
    .question-container .lspro6-option {
        width: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Evet/Hayır ve düğme tipi seçeneklere sol güvenli boşluk. */
    .question-container .bootstrap-buttons-div,
    .question-container .btn-group {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        box-sizing: border-box !important;
        flex-wrap: wrap !important;
    }
}