/*
 * DevCrowd LimeSurvey Theme
 * Фирменные цвета, скруглённые кнопки, без переноса слов по слогам.
 *
 * Палитра:
 *   Primary Blue:    #6075E6
 *   Accent Yellow:   #F6D55F
 *   Text Dark:       #1C1C1C
 *   Text Body:       #3B434D
 *   Background:      #FFFFFF
 *   Borders:         #C4C7C9
 */

/* ==========================================================================
   1. Глобальные настройки: типографика, без переноса слов
   ========================================================================== */

.fruity_twentythree * {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
}

.fruity_twentythree body,
.fruity_twentythree {
    color: #3B434D;
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.fruity_twentythree h1,
.fruity_twentythree h2,
.fruity_twentythree h3,
.fruity_twentythree h4,
.fruity_twentythree h5,
.fruity_twentythree h6 {
    color: #1C1C1C;
}

/* ==========================================================================
   2. Навбар и логотип
   ========================================================================== */

.fruity_twentythree #survey-nav {
    background-color: #FFFFFF;
    border-bottom: 2px solid #6075E6;
    box-shadow: 0 2px 8px rgba(96, 117, 230, 0.1);
    min-height: 70px !important;
    padding: 10px 0 !important;
}

.fruity_twentythree .logo-container > img {
    max-height: 48px !important;
    height: 48px !important;
    width: auto !important;
    padding: 0 !important;
}

/* ==========================================================================
   3. Кнопки — скруглённые, фирменные цвета
   ========================================================================== */

.fruity_twentythree .btn {
    border-radius: 24px;
    padding: 8px 24px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.fruity_twentythree .btn-primary,
.fruity_twentythree .btn-default {
    background-color: #6075E6;
    border-color: #6075E6;
    color: #FFFFFF;
}

.fruity_twentythree .btn-primary:hover,
.fruity_twentythree .btn-primary:focus,
.fruity_twentythree .btn-default:hover,
.fruity_twentythree .btn-default:focus {
    background-color: #4c60c8;
    border-color: #4c60c8;
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(96, 117, 230, 0.35);
}

.fruity_twentythree .btn-primary:active,
.fruity_twentythree .btn-default:active {
    background-color: #3e50b0;
    border-color: #3e50b0;
    color: #FFFFFF;
}

/* Кнопка "Назад" */
.fruity_twentythree .btn-warning,
.fruity_twentythree .btn-secondary {
    background-color: #FFFFFF;
    border: 2px solid #C4C7C9;
    color: #3B434D;
    border-radius: 24px;
}

.fruity_twentythree .btn-warning:hover,
.fruity_twentythree .btn-warning:focus,
.fruity_twentythree .btn-secondary:hover,
.fruity_twentythree .btn-secondary:focus {
    background-color: #f5f5f5;
    border-color: #6075E6;
    color: #6075E6;
}

/* Кнопка "Отправить" */
.fruity_twentythree #ls-button-submit {
    background-color: #6075E6;
    border-color: #6075E6;
    color: #FFFFFF;
    border-radius: 24px;
    padding: 10px 32px;
    font-weight: 600;
}

.fruity_twentythree #ls-button-submit:hover,
.fruity_twentythree #ls-button-submit:focus {
    background-color: #4c60c8;
    border-color: #4c60c8;
    box-shadow: 0 4px 12px rgba(96, 117, 230, 0.35);
}

/* ==========================================================================
   4. Прогресс-бар
   ========================================================================== */

.fruity_twentythree .progress {
    background-color: #E8EBF8;
    border-radius: 12px;
    height: 8px;
    overflow: hidden;
}

.fruity_twentythree .progress-bar {
    background-color: #6075E6;
    border-radius: 12px;
    transition: width 0.4s ease;
}

/* ==========================================================================
   5. Вопросы и группы
   ========================================================================== */

.fruity_twentythree .question-container {
    border-radius: 12px;
    border: 1px solid #E8EBF8;
    padding: 24px;
    margin-bottom: 16px;
    background-color: #FFFFFF;
}

.fruity_twentythree .question-title-container h4,
.fruity_twentythree .question-title-container .question-number {
    color: #1C1C1C;
    font-weight: 600;
    font-size: 20px;
}

.fruity_twentythree .question-help-container .text-info {
    color: #6075E6;
}

.fruity_twentythree .text-danger,
.fruity_twentythree .mandatory .asterisk {
    color: #E65060;
}

/* ==========================================================================
   6. Элементы форм
   ========================================================================== */

.fruity_twentythree .form-control,
.fruity_twentythree input[type="text"],
.fruity_twentythree input[type="email"],
.fruity_twentythree input[type="number"],
.fruity_twentythree textarea,
.fruity_twentythree select {
    border-radius: 8px;
    border: 1px solid #C4C7C9;
    padding: 8px 12px;
    color: #3B434D;
    transition: border-color 0.2s ease;
}

.fruity_twentythree .form-control:focus,
.fruity_twentythree input[type="text"]:focus,
.fruity_twentythree input[type="email"]:focus,
.fruity_twentythree input[type="number"]:focus,
.fruity_twentythree textarea:focus,
.fruity_twentythree select:focus {
    border-color: #6075E6;
    box-shadow: 0 0 0 3px rgba(96, 117, 230, 0.15);
    outline: none;
}

/* ==========================================================================
   7. Радио-кнопки и чекбоксы
   ========================================================================== */

.fruity_twentythree .radio-item,
.fruity_twentythree .checkbox-item {
    padding: 4px 8px;
    margin-bottom: 2px;
}

.fruity_twentythree .radio-item label,
.fruity_twentythree .checkbox-item label {
    color: #3B434D;
    margin-bottom: 0;
}

.fruity_twentythree .form-check-input:checked {
    background-color: #6075E6;
    border-color: #6075E6;
}

.fruity_twentythree .radio-item:hover,
.fruity_twentythree .checkbox-item:hover {
    background-color: #F5F6FD;
    border-radius: 8px;
}

/* ==========================================================================
   8. Таблицы (array questions)
   ========================================================================== */

.fruity_twentythree .array1 {
    background-color: #FFFFFF;
}

.fruity_twentythree .array2 {
    background-color: #F5F6FD;
}

.fruity_twentythree table.question thead th {
    background-color: #6075E6;
    color: #FFFFFF;
    font-weight: 500;
}

/* ==========================================================================
   9. Алерты и уведомления
   ========================================================================== */

.fruity_twentythree .alert-info {
    background-color: #E8EBF8;
    border-color: #6075E6;
    color: #3B434D;
    border-radius: 8px;
}

.fruity_twentythree .alert-danger {
    border-radius: 8px;
}

.fruity_twentythree .alert-success {
    border-radius: 8px;
}

/* ==========================================================================
   10. Ссылки
   ========================================================================== */

.fruity_twentythree a {
    color: #6075E6;
}

.fruity_twentythree a:hover,
.fruity_twentythree a:focus {
    color: #4c60c8;
}

/* ==========================================================================
   11. Приветственная и завершающая страницы
   ========================================================================== */

.fruity_twentythree .completed-text h2,
.fruity_twentythree .completed-text h3 {
    color: #1C1C1C;
}

/* ==========================================================================
   12. Акцентный жёлтый — для выделения
   ========================================================================== */

.fruity_twentythree .survey-name {
    color: #1C1C1C;
    font-weight: 700;
}

/* ==========================================================================
   13. Dropdown menu
   ========================================================================== */

.fruity_twentythree .dropdown-menu {
    border-radius: 8px;
    border: 1px solid #E8EBF8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.fruity_twentythree .dropdown-item:hover {
    background-color: #F5F6FD;
    color: #6075E6;
}