/* Режим прегледа (read-only) за прокњижене и ажуриране елаборате.
   Пар са dist/js/readonly-mode.js — JS обележава, овде се обележено приказује. */

/* Омотач странице постоји само као тачка ослонца за JS. display:contents значи
   да сам не ствара кутију — деца остају директна деца родитеља, па распоред
   остаје идентичан ономе пре увођења режима прегледа. */
.ro-wrap {
    display: contents;
}

/* Дугмад која уписују податке. */
.ro-hidden {
    display: none !important;
}

/* Виџети за унос (одговори у упитнику, дани у календару, чекбокс/прекидач).
   Остају потпуно видљиви са тренутним стањем — губе само реаговање на клик,
   јер управо то стање и јесте оно што се у прегледу чита. */
.ro-neutral {
    pointer-events: none !important;
    opacity: 1 !important;
    cursor: default !important;
}

/* Подразумевани „disabled" изглед би обеснажио изабрани одговор. */
.ro-scope .pv-subchoice:disabled,
.ro-scope .pv-rating-card:disabled,
.ro-scope .ro-neutral:disabled {
    opacity: 1 !important;
    filter: none !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor;
}

/* Закључана поља остају потпуно читљива — само престају да личе на поља за унос.
   Намерно се не користи подразумевани сиви „disabled" изглед јер обеснажује текст. */
.ro-scope input[readonly],
.ro-scope textarea[readonly],
.ro-scope input:disabled,
.ro-scope select:disabled,
.ro-scope textarea:disabled {
    background-color: #f4f6f8 !important;
    color: #1f2937 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #1f2937; /* Safari гаси боју текста на disabled пољима */
    cursor: default !important;
    box-shadow: none !important;
}

.ro-scope input[readonly]:focus,
.ro-scope textarea[readonly]:focus {
    outline: none !important;
    border-color: inherit !important;
}

/* Чекирано стање мора да остане видљиво иако је контрола угашена. */
.ro-scope input[type="checkbox"]:disabled,
.ro-scope input[type="radio"]:disabled {
    opacity: 1 !important;
    filter: none !important;
}

/* CKEditor у read-only режиму сам гаси алатну траку; овде се само уклања
   „поље за унос" изглед да текст изгледа као документ. */
.ro-scope .ck-editor__editable,
.ro-scope .ck-editor__editable_inline {
    background: #fff !important;
    cursor: default !important;
}

/* Црвена/зелена позадина едитора сигнализира попуњеност током израде —
   у прегледу прокњиженог елабората та информација само буни. */
.ro-scope .ck-fill-state.is-empty .ck-editor__editable,
.ro-scope .ck-fill-state.is-filled .ck-editor__editable {
    background: #fff !important;
}

/* Трака упозорења на врху странице. */
.ro-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    padding: 10px 16px;
    border: 1px solid #f0c36d;
    border-left: 5px solid #e0a800;
    border-radius: 6px;
    background: #fff8e5;
    color: #5c4300;
    font-size: 14px;
    line-height: 1.35;
}

.ro-banner__icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.ro-banner strong {
    letter-spacing: .3px;
}