/* =========================================================
   DISKUSIA KU KNIHE
   Biosector 2026 / kompaktne tmavomodre zladenie
   ========================================================= */

:root {
    --disk-bg: #1b2028;
    --disk-bg-soft: #131820;
    --disk-border: rgba(180,191,207,.14);
    --disk-text: #e4e8ee;
    --disk-muted: #97a0ad;
    --disk-accent: #e7a64b;
    --disk-shadow: 0 2px 10px rgba(0,0,0,.16);
    --disk-radius: 9px;
    --disk-radius-small: 7px;
}

/* =========================================================
   HLAVNY FORMULAR
   ========================================================= */

.book-discussion-form,
.single-reply-form {
    background: var(--disk-bg);
    border: 1px solid var(--disk-border);
    border-radius: var(--disk-radius);
    box-shadow: var(--disk-shadow);
    padding: 18px;
    color: var(--disk-text);
}

    .book-discussion-form .form-group,
    .single-reply-form .form-group {
        margin-bottom: 16px;
    }

    .book-discussion-form label,
    .single-reply-form label,
    .single-reply-form .reply-label {
        display: block;
        margin-bottom: 8px;
        font-weight: 600;
        color: var(--disk-text);
        font-size: 15px;
        line-height: 1.35;
    }

    /* textove polia */
    .book-discussion-form input[type="text"],
    .book-discussion-form input[type="email"],
    .book-discussion-form input[type="password"],
    .book-discussion-form textarea,
    .single-reply-form input[type="text"],
    .single-reply-form textarea,
    #name,
    #text,
    .single-reply-form textarea.textmel,
    [id^="maindiskx"] textarea.textmel,
    .single-reply-form .reply-text {
        width: 100%;
        background: var(--disk-bg-soft);
        color: var(--disk-text);
        border: 1px solid var(--disk-border);
        border-radius: var(--disk-radius);
        box-shadow: none;
        font: inherit;
        line-height: 1.5;
        transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .book-discussion-form input[type="text"],
    .book-discussion-form input[type="email"],
    .book-discussion-form input[type="password"],
    .single-reply-form input[type="text"],
    #name {
        min-height: 48px;
        padding: 12px 14px;
    }

    .book-discussion-form textarea,
    .single-reply-form textarea,
    #text,
    .single-reply-form textarea.textmel,
    [id^="maindiskx"] textarea.textmel,
    .single-reply-form .reply-text {
        min-height: 160px;
        padding: 14px 16px;
        resize: vertical;
    }

        .book-discussion-form input:focus,
        .book-discussion-form textarea:focus,
        .single-reply-form input:focus,
        .single-reply-form textarea:focus,
        #name:focus,
        #text:focus,
        .single-reply-form textarea.textmel:focus,
        [id^="maindiskx"] textarea.textmel:focus,
        .single-reply-form .reply-text:focus {
            outline: none;
            border-color: var(--disk-accent);
            box-shadow: 0 0 0 4px rgba(231,166,75,.13);
        }

        .book-discussion-form input::placeholder,
        .book-discussion-form textarea::placeholder,
        .single-reply-form input::placeholder,
        .single-reply-form textarea::placeholder,
        #name::placeholder,
        #text::placeholder {
            color: var(--disk-muted);
            opacity: .9;
        }

.book-discussion-head {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 14px;
    align-items: center;
    margin-bottom: 14px;
}

    .book-discussion-head .diskplpic,
    .book-discussion-head img {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        object-fit: cover;
    }

.book-discussion-actions,
.single-reply-form .reply-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    flex-wrap: wrap;
}

/* =========================================================
   TLACIDLA
   ========================================================= */

.axil-button.button-rounded,
.form-submit .axil-button,
.reply-send,
.reply-btn,
.reply-cancel,
.reply-smile,
.diskbutt.diskbuttod,
.diskbutt.diskbuttod2,
.reply-upload-btn {
    border: none !important;
    background: var(--disk-accent) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    transition: transform .15s ease, filter .15s ease;
}

    .axil-button.button-rounded:hover,
    .form-submit .axil-button:hover,
    .reply-send:hover,
    .reply-btn:hover,
    .reply-cancel:hover,
    .reply-smile:hover,
    .diskbutt.diskbuttod:hover,
    .diskbutt.diskbuttod2:hover,
    .reply-upload-btn:hover {
        transform: translateY(-1px);
        filter: brightness(1.06);
    }

.form-submit .axil-button,
.reply-send,
.reply-btn {
    min-width: 130px;
    min-height: 42px;
    padding: 8px 29px !important;
}

.reply-cancel,
.reply-smile,
.diskbutt.diskbuttod,
.reply-upload-btn {
    width: 40px;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    line-height: 1 !important;
}

.diskbutt.diskbuttod2 {
    min-width: 124px;
    height: 40px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
}

.reply-upload-btn {
    position: relative;
}

    .reply-upload-btn .spinner {
        display: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid rgba(255,255,255,.35);
        border-top-color: #fff;
        animation: diskSpin .75s linear infinite;
    }

    .reply-upload-btn.is-loading i {
        display: none;
    }

    .reply-upload-btn.is-loading .spinner {
        display: inline-block;
    }

@keyframes diskSpin {
    to {
        transform: rotate(360deg);
    }
}

/* =========================================================
   KOMENTARE
   ========================================================= */

.comment-list,
.comment-list ul,
.comment-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

li.comment::marker {
    content: "";
}

.comment-list .comment + .comment {
    margin-top: 14px;
}

.single-comment.single-comment,
.comment-list .comment .single-comment {
    position: relative !important;
    display: flex;
    gap: 16px;
    padding: 16px 18px !important;
    margin-top: 0;
    background: var(--disk-bg) !important;
    border: 1px solid var(--disk-border) !important;
    border-radius: var(--disk-radius) !important;
    box-shadow: var(--disk-shadow) !important;
    color: var(--disk-text) !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .single-comment.single-comment:hover {
        transform: translateY(-1px);
        transition: transform .18s ease, box-shadow .18s ease;
    }

.single-comment .comment-img {
    flex: 0 0 64px !important;
    text-align: center !important;
    margin: 0 !important;
}


.icouser {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block;
}

.single-comment .comment-inner {
    min-width: 0;
    flex: 1 1 auto;
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-areas: "meta" "time" "body" "actions" "reply";
    gap: 6px 12px;
    padding-right: 0 !important;
}

.single-comment h6.commenter,
.single-comment .commenter {
    grid-area: meta;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.3;
    color: var(--disk-text);
}

.single-comment .time-spent {
    grid-area: time;
    margin: 0 !important;
    font-size: 13px;
    color: var(--disk-muted) !important;
}

.single-comment .diskmaindisk,
.single-comment .comment-text,
.single-comment .comment-text p {
    grid-area: body;
    margin: 0 !important;
    color: var(--disk-text) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere;
}

.single-comment .diskmaindisk {
    border-top: 1px solid var(--disk-border);
    padding-top: 12px !important;
}

.single-comment [id^="mxq"] {
    grid-area: actions;
    display: flex;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 8px !important;
    clear: both !important;
}

    .single-comment [id^="mxq"] [id^="mq"] {
        display: flex;
        align-items: center !important;
        gap: 12px !important;
        float: none !important;
        margin: 0 !important;
    }

    .single-comment [id^="mxq"] .diskbt i,
    .single-comment [id^="mxq"] .diskicobac i {
        font-size: 18px !important;
        color: var(--disk-muted) !important;
        cursor: pointer !important;
        transition: color .15s ease;
    }

        .single-comment [id^="mxq"] .diskbt i:hover,
        .single-comment [id^="mxq"] .diskicobac i:hover {
            color: var(--disk-text) !important;
        }

.single-comment .fa-thumbs-up {
    color: #64c987 !important;
}

.single-comment .fa-thumbs-down {
    color: #e78080 !important;
}

.single-comment .fa-exclamation {
    color: var(--disk-muted) !important;
}

.single-comment .comment-reply-link,
.single-comment [id^="mxq"] .diskreag {
    grid-area: reply;
    justify-self: end;
    text-decoration: none !important;
}

.single-comment .comment-reply-link {
    padding: 7px 13px !important;
    border-radius: 999px !important;
    color: var(--disk-accent) !important;
    border: 1px solid rgba(231,166,75,.35) !important;
    background: transparent !important;
    font-weight: 600;
}

    .single-comment .comment-reply-link:hover {
        background: rgba(231,166,75,.12) !important;
    }

.single-comment [id^="mxq"] .diskreag {
    color: #fff !important;
    background: var(--disk-accent) !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 7px 13px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.single-comment [id^="mxq"] .upr {
    display: none !important;
}

/* =========================================================
   ODPOVEDE
   ========================================================= */

.comment-list ul.children {
    padding-left: 64px;
    margin-top: 12px;
}

.single-comment.is-reply {
    margin-left: 0;
    padding: 14px 16px !important;
    background: var(--disk-bg-soft) !important;
    border: 1px solid var(--disk-border) !important;
    border-radius: var(--disk-radius-small) !important;
    box-shadow: none !important;
}

    .single-comment.is-reply::before {
        content: "";
        position: absolute;
        left: -24px;
        top: 10px;
        bottom: 10px;
        width: 2px;
        background: var(--disk-border);
        border-radius: 2px;
    }

    .single-comment.is-reply::after {
        content: "";
        position: absolute;
        left: -24px;
        top: 20px;
        width: 8px;
        height: 8px;
        background: var(--disk-accent);
        border-radius: 50%;
        transform: translateX(-3px);
    }





/* =========================================================
   REPLY FORM
   ========================================================= */

.single-reply-form {
    margin-top: 12px;
}

    .single-reply-form .reply-row {
        display: flex;
        gap: 14px;
        align-items: flex-start;
    }

    .single-reply-form .reply-avatar img,
    .single-reply-form .diskface {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        object-fit: cover;
        display: block;
    }

    .single-reply-form .reply-main {
        flex: 1;
        min-width: 0;
    }

    .single-reply-form .reply-text-group {
        position: relative;
    }

/* =========================================================
   STRANKOVANIE
   ========================================================= */

.pagination-bar {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 0 4px;
    flex-wrap: wrap;
}

.page-circle,
.ligdisc .disknumbg,
.diskbott .disknumbg {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: var(--disk-bg-soft) !important;
    color: var(--disk-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background .15s ease, color .15s ease, transform .15s ease;
    padding: 0 !important;
}

    .page-circle:hover,
    .ligdisc .disknumbg:hover,
    .diskbott .disknumbg:hover {
        background: var(--disk-accent) !important;
        color: #fff !important;
        transform: translateY(-1px);
    }

    .page-circle.active,
    .ligdisc .opa1,
    .diskbott .opa1 {
        background: var(--disk-accent) !important;
        color: #fff !important;
    }

.ligdisc .opa3,
.diskbott .opa3 {
    opacity: .55;
}

    .ligdisc .opa3:hover,
    .diskbott .opa3:hover {
        opacity: 1;
    }

.ligdisc .diskfon,
.diskbott .diskfon {
    display: inline-table;
    width: auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    border-collapse: separate;
    border-spacing: 6px 0;
}

.ligdisc table > tbody > tr > td[align="right"],
.diskbott > div > table > tbody > tr > td[align="right"] {
    text-align: right !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {
    .book-discussion-head {
        grid-template-columns: 56px 1fr;
        gap: 12px;
    }

        .book-discussion-head .diskplpic,
        .book-discussion-head img {
            width: 56px;
            height: 56px;
        }

    .single-comment.single-comment,
    .comment-list .comment .single-comment {
        padding: 14px !important;
        gap: 12px;
    }

    .single-comment .comment-img {
        flex-basis: 52px !important;
    }

        .single-comment .comment-img img,
        .single-comment .comment-img img[alt="ico user"] {
            width: 52px !important;
            height: 52px !important;
        }

    .comment-list ul.children {
        padding-left: 24px;
    }

    .single-comment.is-reply::before,
    .single-comment.is-reply::after {
        display: none;
    }

    .single-comment [id^="mxq"] {
        justify-content: flex-start !important;
        flex-wrap: wrap;
    }

        .single-comment .comment-reply-link,
        .single-comment [id^="mxq"] .diskreag {
            justify-self: start;
        }

    .single-reply-form .reply-row {
        gap: 12px;
    }

    .single-reply-form .reply-avatar img,
    .single-reply-form .diskface {
        width: 48px;
        height: 48px;
    }

    #text,
    .book-discussion-form textarea,
    .single-reply-form textarea,
    .single-reply-form .reply-text {
        min-height: 140px;
    }

    .page-circle,
    .ligdisc .disknumbg,
    .diskbott .disknumbg {
        width: 38px !important;
        height: 38px !important;
        font-size: 12px !important;
    }
}


.single-comment {
    position: relative;
}

    .single-comment .comment-inner {
        position: relative;
        width: 100%;
        padding-right: 150px;
        box-sizing: border-box;
    }

    .single-comment .comment-thumbs {
        position: absolute;
        top: 2px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        min-width: 120px;
        line-height: 1;
        z-index: 3;
    }

    .single-comment .disk-thumb {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 16px;
        height: 16px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        user-select: none;
        opacity: 0.92;
        transition: opacity 0.18s ease, transform 0.18s ease;
    }

        .single-comment .disk-thumb:hover {
            opacity: 1;
            transform: translateY(-1px);
        }

    .single-comment .disk-thumb-up {
        color: #64c987;
    }

    .single-comment .disk-thumb-down {
        color: #e78080;
    }

    .single-comment .disk-thumb-warn {
        color: #cfcfcf;
        font-size: 16px;
        min-width: 12px;
    }

    .single-comment .diskhands,
    .single-comment .diskhands2,
    .single-comment .diskhands3 {
        display: inline-block;
        min-width: 10px;
        font-size: 15px;
        font-weight: 500;
        color: #e7e7e7;
        line-height: 1;
    }

    .single-comment .commenter {
        margin: 0 0 6px 0;
        padding-right: 0;
    }

    .single-comment .time-spent {
        margin: 0 0 10px 0;
    }

@media (max-width: 760px) {
    .single-comment .comment-inner {
        padding-right: 0;
    }

    .single-comment .comment-thumbs {
        position: static;
        margin-bottom: 8px;
        justify-content: flex-end;
    }
}



/* =========================================================
   BIOSECTOR / FINÁLNE ZLADENIE DISKUSIE S KNIHOU
   Zamerané aj na reálne elementy #backform, .bio-user-*,
   .diskreag, .comment-thumbs, .ligdisc a .diskbott.
   Táto sekcia má prednosť pred staršími nastaveniami vyššie.
   ========================================================= */

/* Namiesto neutrálnej sivej používame rovnaké tmavomodré
   vrstvy ako v sekciách Popis a Detaily knihy. */
.comment-respond,
.book-discussion-form,
.single-reply-form {
    background: #171b22 !important;
    color: var(--disk-text);
    border: 1px solid var(--disk-border);
    border-radius: 8px;
    box-shadow: none !important;
    padding: 13px 14px;
    font-size: 13px;
}

/* Hlavný formulár už býva vo vlastnom paneli stránky.
   Nevytváraj ďalší rámček vnútri existujúceho rámčeka. */
.comment-respond {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

    .comment-respond .form-group,
    .book-discussion-form .form-group,
    .single-reply-form .form-group {
        margin-bottom: 8px;
    }

    .comment-respond label,
    .book-discussion-form label,
    .single-reply-form label,
    .single-reply-form .reply-label {
        color: #c6cdd7;
        font-size: 12px !important;
        line-height: 1.3;
        margin-bottom: 5px;
    }

/* Hlavné aj vnorené odpovedacie formuláre. */
#backform #text,
#backform textarea,
.single-reply-form textarea,
.single-reply-form textarea.textmel,
[id^="maindiskx"] textarea.textmel,
.single-reply-form .reply-text,
.book-discussion-form textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: 102px !important;
    padding: 10px 12px !important;
    border: 1px solid #323944 !important;
    border-radius: 7px !important;
    background: #11151c !important;
    color: var(--disk-text) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    resize: vertical;
}

    #backform #text:focus,
    #backform textarea:focus,
    .single-reply-form textarea:focus,
    [id^="maindiskx"] textarea.textmel:focus,
    .book-discussion-form textarea:focus {
        outline: none !important;
        border-color: #b68548 !important;
        box-shadow: 0 0 0 2px rgba(231,166,75,.10) !important;
    }

#backform input[type="text"],
#backform .bio-name-input,
.single-reply-form input[type="text"],
.book-discussion-form input[type="text"] {
    box-sizing: border-box;
    width: min(100%, 210px);
    height: 32px !important;
    min-height: 32px !important;
    padding: 5px 10px !important;
    border: 1px solid #343b46 !important;
    border-radius: 6px !important;
    background: #222731 !important;
    color: var(--disk-text) !important;
    font-size: 12px !important;
}

    #backform input[type="text"]:focus,
    .single-reply-form input[type="text"]:focus {
        outline: none;
        border-color: #b68548 !important;
    }

.bio-comment-author {
    margin: 4px 0 9px !important;
}

.bio-user-logged,
.bio-user-login {
    min-height: 35px !important;
    gap: 9px !important;
    margin-bottom: 9px !important;
}

.bio-user-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 7px !important;
    border: 1px solid #343b46 !important;
    box-shadow: none !important;
}

.bio-user-name {
    font-size: 13px !important;
    font-weight: 650 !important;
    color: #e7e9ee !important;
}

.bio-name-label,
.bio-user-label {
    color: var(--disk-muted) !important;
    font-size: 12px !important;
}

/* Akčné prvky pri napísaní komentára: iba hlavný submit je zlatý. */
#backform input[name="sendBtn"],
.book-discussion-form .form-submit .axil-button,
.single-reply-form .reply-send,
.single-reply-form .reply-btn {
    min-width: 92px !important;
    width: auto !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 4px 13px !important;
    background: var(--disk-accent) !important;
    color: #1b1711 !important;
    border: 1px solid #edb45f !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    cursor: pointer;
}

#backform .diskbutt.diskbuttod,
.single-reply-form .reply-upload-btn,
.single-reply-form .reply-smile,
.single-reply-form .reply-cancel {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: 1px solid #3a424d !important;
    border-radius: 6px !important;
    background: #323945 !important;
    color: #cbd0da !important;
    font-size: 12px !important;
    box-shadow: none !important;
    cursor: pointer;
}

    #backform .diskbutt.diskbuttod:hover,
    .single-reply-form .reply-upload-btn:hover,
    .single-reply-form .reply-smile:hover {
        background: #434c58 !important;
        color: #fff !important;
    }

/* Diskusia: menšie a jemnejšie karty, minimum tieňov. */
.comment-list .comment + .comment {
    margin-top: 7px;
}

.single-comment.single-comment,
.comment-list .comment .single-comment {
    gap: 10px !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    padding: 11px 12px !important;
    background: #1b2028 !important;
    border: 1px solid #333a45 !important;
    border-radius: 8px !important;
    color: var(--disk-text) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .15s ease, border-color .15s ease;
}

    .single-comment.single-comment:hover {
        background: #20252e !important;
        border-color: #454a51 !important;
        transform: none !important;
    }

.single-comment .comment-img {
    flex: 0 0 42px !important;
    width: 42px !important;
}

    .single-comment .comment-img .icouser,
    .single-comment .comment-img img[alt="ico user"],
    .icouser {
        width: 42px !important;
        height: 42px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }

    .single-comment .comment-img a {
        font-size: 9px !important;
    }

.single-comment .comment-inner {
    min-width: 0;
    padding-right: 0 !important;
    gap: 3px 7px !important;
}

.single-comment h6.commenter,
.single-comment .commenter {
    margin: 0 !important;
    padding-right: 116px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #eff0f3 !important;
}

.single-comment .time-spent {
    margin: 0 0 5px !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    color: #929ca9 !important;
}

.single-comment .diskmaindisk,
.single-comment .comment-text,
.single-comment .comment-text p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.48 !important;
    color: #dce0e7 !important;
    overflow-wrap: anywhere;
}

.single-comment .diskmaindisk {
    padding-top: 7px !important;
    border-top: 1px solid rgba(185,195,208,.12) !important;
}

/* Hodnotenie držíme jemné, aby neprebíjalo text komentára. */
.single-comment .comment-thumbs {
    top: 1px !important;
    right: 0 !important;
    min-width: 0 !important;
    gap: 5px !important;
    line-height: 1 !important;
}

.single-comment .disk-thumb {
    min-width: 11px !important;
    height: 13px !important;
    font-size: 11px !important;
}

.single-comment .disk-thumb-warn {
    color: #aeb4c0 !important;
    font-size: 13px !important;
    margin-left: 4px;
}

.single-comment .diskhands,
.single-comment .diskhands2,
.single-comment .diskhands3 {
    min-width: 7px !important;
    font-size: 11px !important;
    color: #ccd0d9 !important;
}

.single-comment .disk-thumb-up,
.single-comment .fa-thumbs-up {
    color: #76c991 !important;
}

.single-comment .disk-thumb-down,
.single-comment .fa-thumbs-down {
    color: #e18b8b !important;
}

.single-comment [id^="mxq"] {
    gap: 7px !important;
    margin-top: 5px !important;
    justify-content: flex-end !important;
}

    .single-comment [id^="mxq"] [id^="mq"] {
        gap: 8px !important;
    }

    .single-comment [id^="mxq"] .diskbt i,
    .single-comment [id^="mxq"] .diskicobac i {
        font-size: 12px !important;
        color: #aab2bd !important;
    }

    .single-comment [id^="mxq"] .diskreag,
    .single-comment .comment-reply-link {
        padding: 4px 9px !important;
        min-height: 23px !important;
        border: 1px solid #404854 !important;
        border-radius: 6px !important;
        background: #343b46 !important;
        color: #e5e8ed !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
        font-weight: 650 !important;
        text-decoration: none !important;
        box-shadow: none !important;
        cursor: pointer;
    }

        .single-comment [id^="mxq"] .diskreag:hover,
        .single-comment .comment-reply-link:hover {
            border-color: #ab834c !important;
            background: #443727 !important;
            color: #f5d2a1 !important;
        }

        .single-comment [id^="mxq"] .diskreag i {
            font-size: 10px !important;
            color: inherit !important;
        }

/* Odpovede sú o tón tmavšie, ľavá vodiaca línia menej ruší. */
.single-comment.is-reply {
    background: #161b23 !important;
    border-color: #2d3540 !important;
}

    .single-comment.is-reply:hover {
        background: #1b2029 !important;
    }

    .single-comment.is-reply::before {
        left: -17px;
        width: 1px;
        background: #3b434c;
    }

    .single-comment.is-reply::after {
        left: -17px;
        width: 6px;
        height: 6px;
        background: #bd8b4f;
        transform: translateX(-2px);
    }

.single-reply-form,
[id^="maindiskx"] .single-reply-form {
    padding: 10px 12px !important;
    margin-top: 8px;
}

    .single-reply-form .reply-row {
        gap: 9px;
    }

    .single-reply-form .reply-avatar img,
    .single-reply-form .diskface {
        width: 38px;
        height: 38px;
    }

/* Stránkovanie: malé nenápadné kruhy a vybraná strana do zlata. */
.pagination-bar {
    gap: 4px;
    padding: 8px 0 4px;
}

.page-circle,
.ligdisc .disknumbg,
.diskbott .disknumbg {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border: 1px solid #2c333d !important;
    border-radius: 50% !important;
    background: #1b2028 !important;
    color: #aeb6c2 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transform: none !important;
}

    .page-circle i,
    .ligdisc .disknumbg i,
    .diskbott .disknumbg i {
        font-size: 11px !important;
        color: inherit !important;
    }

    .page-circle:hover,
    .ligdisc .disknumbg:hover,
    .diskbott .disknumbg:hover {
        background: #303440 !important;
        color: #fff !important;
        transform: none !important;
    }

    .page-circle.active,
    .ligdisc .opa1,
    .diskbott .opa1 {
        background: #a77a3d !important;
        border-color: #bd914f !important;
        color: #16191f !important;
    }

.ligdisc .diskfon,
.diskbott .diskfon {
    border-spacing: 3px 0 !important;
}

/* Jemné zvýraznenie vybranej alebo novej odpovede. */
.single-comment.diskbxpr {
    border-color: rgba(231,166,75,.55) !important;
}

@media (max-width: 768px) {
    .comment-respond,
    .book-discussion-form,
    .single-reply-form {
        padding: 11px !important;
    }

    .single-comment.single-comment,
    .comment-list .comment .single-comment {
        gap: 8px !important;
        padding: 9px 10px !important;
    }

    .single-comment .comment-img {
        width: 36px !important;
        flex-basis: 36px !important;
    }

        .single-comment .comment-img .icouser,
        .single-comment .comment-img img[alt="ico user"],
        .icouser {
            width: 36px !important;
            height: 36px !important;
        }

    .single-comment h6.commenter,
    .single-comment .commenter {
        padding-right: 0 !important;
    }

    .single-comment .comment-thumbs {
        position: static !important;
        justify-content: flex-end !important;
        margin-bottom: 3px !important;
    }

    .single-comment .comment-reply-link,
    .single-comment [id^="mxq"] .diskreag {
        justify-self: end;
    }

    .comment-list ul.children {
        padding-left: 14px;
    }

    .single-comment.is-reply::before,
    .single-comment.is-reply::after {
        display: none;
    }

    .page-circle,
    .ligdisc .disknumbg,
    .diskbott .disknumbg {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
        min-height: 27px !important;
    }

    #backform #text,
    .single-reply-form textarea,
    [id^="maindiskx"] textarea.textmel {
        min-height: 96px !important;
    }
}


/* =========================================================
   V3: kompaktné odpovede, avatar, status a čisté vetvenie
   ========================================================= */

/* Avatar bez fotografie je kreslený ikonou, bez chybných URL. */
.comment-list .bio-avatar-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #2b3542;
    border: 1px solid #475467;
    color: #a9b7c8;
    font-size: 19px;
    box-sizing: border-box;
}

.comment-list .bio-user-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 4px;
    color: #9ea8b6;
    white-space: nowrap;
    font-size: 10px;
    line-height: 1.25;
}

.comment-list .bio-level {
    color: #b6bec9 !important;
    font-size: 10px !important;
    line-height: 1.2;
    text-decoration: none;
}

.comment-list .bio-presence {
    display: inline-block;
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b86463;
    box-shadow: none;
}

    .comment-list .bio-presence.is-online {
        background: #72c57c;
    }

/* Nenútime celé tlačidlá do veľkých boxov; malá lišta pod textom. */
.comment-list .single-comment [id^="mxq"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end !important;
    gap: 3px !important;
    margin: 7px 0 0 !important;
    padding: 0 !important;
    clear: both;
}

    .comment-list .single-comment [id^="mxq"] > [id^="mq"] {
        display: flex;
        align-items: center;
        gap: 3px !important;
        margin: 0 !important;
    }

    .comment-list .single-comment [id^="mxq"] .diskreag {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 0 !important;
        min-height: 25px !important;
        padding: 3px 8px !important;
        margin: 0 4px 0 0 !important;
        font-size: 10px !important;
        white-space: nowrap;
        line-height: 1.1 !important;
    }

    .comment-list .single-comment [id^="mxq"] .diskbt,
    .comment-list .single-comment [id^="mxq"] .diskicobac,
    .comment-list .single-comment [id^="mxq"] .diskuprx {
        display: inline-flex !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: center;
        justify-content: center;
        float: none !important;
        border: none !important;
        background: transparent !important;
        border-radius: 5px;
        cursor: pointer;
    }

        .comment-list .single-comment [id^="mxq"] .diskbt:hover,
        .comment-list .single-comment [id^="mxq"] .diskicobac:hover,
        .comment-list .single-comment [id^="mxq"] .diskuprx:hover {
            background: #303945 !important;
        }

        .comment-list .single-comment [id^="mxq"] .diskbt i,
        .comment-list .single-comment [id^="mxq"] .diskicobac i,
        .comment-list .single-comment [id^="mxq"] .diskuprx i {
            font-size: 13px !important;
            line-height: 1 !important;
        }

/* Odpovedný formulár: jeden využitý riadok, ikonky tesne pri odoslaní. */
.comment-list .single-reply-form,
.comment-list [id^="bac"] .single-reply-form {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 9px !important;
    margin: 8px 0 0 !important;
    box-sizing: border-box;
}

    .comment-list .single-reply-form .reply-row {
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 8px !important;
    }

    .comment-list .single-reply-form .reply-avatar img,
    .comment-list .single-reply-form .diskface {
        width: 32px !important;
        height: 32px !important;
    }

    .comment-list .single-reply-form .reply-main,
    .comment-list .single-reply-form .reply-text-group {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .comment-list .single-reply-form textarea,
    .comment-list .single-reply-form textarea.textmel,
    .comment-list .single-reply-form .reply-text {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 85px !important;
        height: auto;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
    }

    .comment-list .single-reply-form .reply-actions,
    .comment-list .single-reply-form .book-discussion-actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        margin: 5px 0 0 !important;
        padding: 0 !important;
    }

        .comment-list .single-reply-form .reply-actions > *,
        .comment-list .single-reply-form .book-discussion-actions > * {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

    .comment-list .single-reply-form .reply-upload-btn,
    .comment-list .single-reply-form .reply-smile,
    .comment-list .single-reply-form .reply-cancel {
        flex: 0 0 28px !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
    }

    .comment-list .single-reply-form .reply-send,
    .comment-list .single-reply-form .reply-btn {
        flex: 0 0 auto !important;
        min-width: 75px !important;
        height: 28px !important;
        min-height: 28px !important;
        padding: 3px 9px !important;
    }

/* Čistejšie vetvenie: namiesto krátkych samostatných zvislých
   úsekov iba diskrétne zalomenie pri každej odpovedi. */
.comment-list .single-comment.is-reply::before {
    content: "" !important;
    position: absolute !important;
    top: 22px !important;
    left: -17px !important;
    bottom: auto !important;
    width: 17px !important;
    height: 11px !important;
    border-left: 1px solid #3a434f !important;
    border-bottom: 1px solid #3a434f !important;
    border-radius: 0 0 0 6px !important;
    background: none !important;
}

.comment-list .single-comment.is-reply::after {
    display: none !important;
}

@media (max-width: 768px) {
    .comment-list .bio-avatar-placeholder {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .comment-list .bio-user-status {
        font-size: 9px;
        gap: 3px;
    }

    .comment-list .bio-level {
        font-size: 9px !important;
    }

    .comment-list .single-reply-form .reply-row {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 6px !important;
    }

    .comment-list .single-reply-form .reply-avatar img,
    .comment-list .single-reply-form .diskface {
        width: 28px !important;
        height: 28px !important;
    }

    .comment-list .single-comment.is-reply::before {
        display: none !important;
    }
}



/* =========================================================
   V4: viditeľný online stav a reply bez tabuliek/floatov
   ========================================================= */
.comment-list .bio-user-status .bio-presence {
    display: inline-block !important;
    width: auto !important;
    min-width: 8px !important;
    height: auto !important;
    flex: 0 0 auto !important;
    background: transparent !important;
    color: #c47e7b;
    font-size: 11px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    vertical-align: middle;
}

    .comment-list .bio-user-status .bio-presence.is-online {
        background: transparent !important;
        color: #72c57c;
    }

/* #bac je súrodenec komentára, nie jeho potomok. */
.comment-list [id^="bac"] .bio-reply-form,
.bio-reply-form {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 6px 0 12px !important;
    padding: 10px 11px !important;
    box-sizing: border-box !important;
    border: 1px solid #313a47 !important;
    border-radius: 9px !important;
    background: #171d25 !important;
    box-shadow: none !important;
}

    .bio-reply-form form {
        width: 100% !important;
        margin: 0 !important;
    }

    .bio-reply-form .bio-reply-grid {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        gap: 9px !important;
        align-items: start !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .bio-reply-form .bio-reply-avatar {
        width: 34px !important;
        min-width: 34px;
    }

        .bio-reply-form .bio-reply-avatar .diskface,
        .bio-reply-form .bio-reply-placeholder {
            width: 34px !important;
            height: 34px !important;
            border-radius: 50% !important;
            box-sizing: border-box;
        }

        .bio-reply-form .bio-reply-avatar .diskface {
            display: block;
            object-fit: cover;
        }

    .bio-reply-form .bio-reply-placeholder {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #afbecd;
        background: #2c3541;
        border: 1px solid #4b586b;
        font-size: 16px;
    }

        .bio-reply-form .bio-reply-placeholder[style*="none"] {
            display: none !important;
        }

    .bio-reply-form .bio-reply-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .bio-reply-form textarea.textmel,
    .bio-reply-form .reply-text {
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 82px !important;
        height: 82px;
        margin: 0 !important;
        padding: 9px 10px !important;
        border-radius: 7px !important;
        resize: vertical !important;
    }

    .bio-reply-form .bio-reply-toolbar {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        margin: 7px 0 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: both;
    }

        .bio-reply-form .bio-reply-toolbar > * {
            float: none !important;
            margin: 0 !important;
        }

    .bio-reply-form .bio-reply-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 31px !important;
        min-width: 31px !important;
        height: 31px !important;
        min-height: 31px !important;
        flex: 0 0 31px !important;
        padding: 0 !important;
        border: 1px solid #3a4552 !important;
        border-radius: 7px !important;
        color: #c7d0db !important;
        background: #343d49 !important;
        font-size: 13px !important;
        line-height: 1 !important;
        cursor: pointer;
    }

    .bio-reply-form .bio-reply-submit {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 84px !important;
        height: 31px !important;
        min-height: 31px !important;
        padding: 0 13px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 7px !important;
        background: #e7a64b !important;
        color: #181716 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        cursor: pointer;
    }

    .bio-reply-form .bio-reply-icon:hover {
        background: #455264 !important;
    }

    .bio-reply-form .bio-reply-submit:hover {
        background: #f2b966 !important;
    }

    .bio-reply-form .bio-reply-pictures {
        clear: both;
        width: 100%;
    }

@media (max-width: 600px) {
    .bio-reply-form .bio-reply-grid {
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 7px !important;
    }

    .bio-reply-form .bio-reply-avatar,
    .bio-reply-form .bio-reply-avatar .diskface,
    .bio-reply-form .bio-reply-placeholder {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
    }

    .bio-reply-form .bio-reply-submit {
        min-width: 75px !important;
    }
}
/* Biosector: hviezdicka na oznacenie vybranych reakcii. */
.comment-thumbs .bio-pick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 24px;
    min-width: 22px;
    padding: 0;
    margin-right: 5px;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: #7e8592;
    font-size: 15px;
    cursor: pointer;
    transition: color .15s ease, transform .15s ease;
}

    .comment-thumbs .bio-pick:hover,
    .comment-thumbs .bio-pick:focus-visible,
    .comment-thumbs .bio-pick.is-selected {
        color: #e7a64b;
    }

    .comment-thumbs .bio-pick:hover {
        transform: scale(1.12);
    }

    .comment-thumbs .bio-pick:focus-visible {
        outline: 1px solid #e7a64b;
    }

/* ==========================================================
   BIOSECTOR V7: Hodnotenie, vybrane reakcie, odlozena diskusia
   Len obaly .bio-book-* ovplyvnu novy titulny rezim.
   ========================================================== */
.bio-book-discussion {
    margin: 18px 0 20px;
    color: #e3e8f0;
    font-size: 13px;
}

.bio-rating-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 1fr);
    gap: 18px;
    padding: 20px 22px;
    border: 1px solid rgba(198, 208, 221, .13);
    background: #1b2028;
    border-radius: 10px;
}

.bio-rating-overview {
    border-right: 1px solid rgba(198,208,221,.12);
    padding-right: 20px;
}

.bio-rating-label {
    font-size: 13px;
    font-weight: 650;
    color: #c6d0de;
    margin-bottom: 8px;
}

.bio-rating-summary {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .bio-rating-summary > strong {
        color: #f1f3f7;
        font-size: 39px;
        font-weight: 750;
        line-height: 1.15;
        letter-spacing: -1px;
    }

.bio-rating-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

    .bio-rating-caption small {
        color: #97a5b5;
        font-size: 11px;
    }

.bio-rating-meter {
    --rating-fill: 0%;
    position: relative;
    display: inline-block;
    font-size: 21px;
    line-height: 1;
    letter-spacing: 1px;
    white-space: nowrap;
    color: #555d69;
}

    .bio-rating-meter::after {
        content: '★★★★★';
        position: absolute;
        left: 0;
        top: 0;
        width: var(--rating-fill);
        color: #e7a64b;
        overflow: hidden;
        white-space: nowrap;
    }

.bio-rating-choices {
    display: flex;
    gap: 4px;
    align-items: center;
}

.bio-rate-choice {
    display: inline-grid;
    place-items: center;
    width: 33px;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #657080;
    cursor: pointer;
    font-size: 26px;
    line-height: 1;
    transition: color .13s ease, transform .13s ease;
}

    .bio-rate-choice:hover, .bio-rate-choice:focus-visible, .bio-rate-choice.is-active {
        color: #e7a64b;
    }

    .bio-rate-choice:hover {
        transform: scale(1.08);
    }

    .bio-rate-choice:focus-visible, .bio-full-disc-button:focus-visible, .bio-preview-goto:focus-visible,
    .bio-comment-shortcut:focus-visible {
        outline: 2px solid #e7a64b;
        outline-offset: 3px;
    }

.bio-comment-shortcut {
    margin-top: 8px;
    background: none;
    border: 0;
    padding: 0;
    font-size: 12px;
    color: #aab7c8;
    text-decoration: underline;
    cursor: pointer;
}

.bio-book-preview {
    margin-top: 18px;
}

.bio-preview-head h3 {
    margin: 0 0 12px;
    font-size: 17px;
    font-weight: 650;
    color: #f2f3f6;
}

.bio-preview-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.bio-preview-comment {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 12px;
    background: #1a2029;
    border: 1px solid rgba(195,206,220,.12);
    border-radius: 9px;
    padding: 13px 16px;
    margin: 0 !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.12);
    /* Bez margin-left, hierarchie a prvkov naviazanych na .single-comment */
}

.bio-preview-avatar {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #303a47;
    color: #a9b4c3;
    overflow: hidden;
    display: grid;
    place-items: center;
    font-size: 15px;
}

    .bio-preview-avatar img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        object-fit: cover;
    }

    .bio-preview-avatar i {
        display: inline-block;
    }

    .bio-preview-avatar.no-photo img {
        display: none;
    }

.bio-preview-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 12px;
    margin: 0 0 6px;
}

    .bio-preview-meta strong {
        font-size: 13px;
        color: #f0f2f5;
        font-weight: 700;
    }

    .bio-preview-meta time {
        font-size: 11px;
        color: #8997a8;
    }

.bio-preview-stars {
    color: #e7a64b;
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 1px;
}

.bio-preview-body {
    color: #cdd5e0;
    font-size: 13px;
    line-height: 1.53;
    overflow-wrap: anywhere;
}

.bio-preview-goto {
    margin-top: 9px;
    padding: 0;
    border: 0;
    color: #d5a45e;
    background: none;
    cursor: pointer;
    font-size: 11px;
}

    .bio-preview-goto:hover {
        color: #ffc87b;
        text-decoration: underline;
    }

.bio-preview-empty {
    margin: 5px 0 14px;
    color: #9aa7b6;
    font-size: 12px;
}

.bio-preview-controls {
    margin: 18px auto 4px;
    text-align: center;
}

.bio-full-disc-button {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    border: 1px solid #906b3a;
    border-radius: 8px;
    padding: 11px 22px;
    background: #25272c;
    color: #f0c58c;
    font-weight: 650;
    font-size: 13px;
    cursor: pointer;
    transition: background .15s ease;
}

    .bio-full-disc-button:hover {
        background: #343039;
    }

.bio-collapse-disc {
    padding: 7px 16px;
    font-size: 12px;
}

#bioBookForm {
    margin: 14px 0;
}

    #bioBookForm .diskpltop {
        margin: 0;
    }

    #bioBookForm .bio-form-hint {
        margin: 0 0 12px;
        padding: 9px 11px;
        border-radius: 6px;
        border: 1px solid rgba(231,166,75,.23);
        background: rgba(231,166,75,.06);
        color: #efc58d;
        font-size: 12px;
    }

#bioBookFull {
    scroll-margin-top: 80px;
}

@media (max-width: 700px) {
    .bio-rating-panel {
        grid-template-columns: minmax(0,1fr);
        padding: 16px;
        gap: 15px;
    }

    .bio-rating-overview {
        border-right: none;
        border-bottom: 1px solid rgba(198,208,221,.12);
        padding: 0 0 14px;
    }

    .bio-rating-summary > strong {
        font-size: 34px;
    }

    .bio-preview-comment {
        grid-template-columns: 32px minmax(0,1fr);
        gap: 9px;
        padding: 12px;
    }

    .bio-preview-avatar {
        width: 32px;
        height: 32px;
    }

    .bio-full-disc-button {
        width: 100%;
    }
}


/* =======================================================
   BIOSECTOR V7.1 - formular pred vybranymi reakciami,
   hviezdicky pri mene a nenapadny odkaz na celu diskusiu.
   ======================================================= */
.bio-book-discussion .bio-create-entry {
    display: flex;
    justify-content: flex-start;
    margin: 14px 0 0;
}

.bio-book-discussion .bio-add-comment-button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #d9a253;
    border-radius: 8px;
    background: #e7a64b;
    color: #20180c;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background .15s ease,filter .15s ease;
}

    .bio-book-discussion .bio-add-comment-button:hover {
        background: #f3b65e;
    }

.bio-book-preview-section {
    margin: 18px 0 12px;
}

    .bio-book-preview-section .bio-book-preview {
        margin: 0;
    }

.bio-preview-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-bottom: 12px;
}

    .bio-preview-head h3 {
        margin: 0;
        font-size: 16px;
    }

    .bio-preview-head .bio-preview-all-link {
        display: inline;
        background: none;
        border: 0;
        padding: 1px 0;
        cursor: pointer;
        font-size: 12px;
        color: #d7a65f;
        text-decoration: none;
        font-weight: 500;
    }

        .bio-preview-head .bio-preview-all-link:hover {
            text-decoration: underline;
            color: #f1bf79;
        }

        .bio-preview-head .bio-preview-all-link:focus-visible,
        .bio-add-comment-button:focus-visible, .bio-form-star:focus-visible,
        .bio-collapse-link:focus-visible {
            outline: 2px solid #e7a64b;
            outline-offset: 3px;
        }

.bio-collapse-controls {
    text-align: right;
    margin: 12px 0;
}

.bio-collapse-link {
    border: 1px solid rgba(223,175,101,.45);
    border-radius: 6px;
    background: #22272f;
    color: #e8bd80;
    padding: 8px 12px;
    font-size: 12px;
    cursor: pointer;
}
/* Formular je samostatny blok NAD vybranymi reakciami, aj ked je otvoreny. */
#bioBookForm {
    margin: 12px 0 16px;
}

    #bioBookForm .bio-comment-author {
        display: flex;
        align-items: center;
        gap: 10px 20px;
        flex-wrap: wrap;
        margin: 6px 0 11px;
    }

    #bioBookForm .bio-user-logged, #bioBookForm .bio-user-login {
        margin-bottom: 0;
        min-height: 36px;
    }

        #bioBookForm .bio-user-logged .bio-user-avatar {
            height: 38px;
            width: 38px;
            border-radius: 50%;
        }

    #bioBookForm .bio-user-name {
        font-size: 14px;
    }

    #bioBookForm .bio-name-label {
        font-size: 13px;
    }

    #bioBookForm .bio-name-input {
        height: 34px;
        font-size: 13px;
    }

    #bioBookForm .bio-form-rating {
        display: flex;
        align-items: center;
        gap: 7px;
        flex-wrap: wrap;
        margin-left: 0;
    }

    #bioBookForm .bio-form-rating-title {
        font-size: 12px;
        color: #aebccc;
    }

    #bioBookForm .bio-form-stars {
        display: flex;
        align-items: center;
        gap: 1px;
    }

    #bioBookForm .bio-form-star {
        appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 27px;
        height: 29px;
        line-height: 1;
        font-size: 24px;
        color: #6d7889;
        cursor: pointer;
        border: 0;
        background: transparent;
        transition: color .12s ease,transform .12s ease;
    }

        #bioBookForm .bio-form-star:hover, #bioBookForm .bio-form-star.is-active {
            color: #e7a64b;
        }

        #bioBookForm .bio-form-star:hover {
            transform: scale(1.08);
        }

    #bioBookForm .bio-form-hint {
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        box-shadow: none;
        color: #b4a288;
        font-size: 11px;
        white-space: nowrap;
    }

    #bioBookForm .bio-text-prompt {
        display: block;
        margin: 0 0 7px;
        color: #e7e9ee;
        font-size: 13px;
        font-weight: 600;
    }

    #bioBookForm #text::placeholder {
        color: #8490a1;
        opacity: 1;
    }

@media (max-width:700px) {
    #bioBookForm .bio-form-rating {
        margin-left: 0;
        width: 100%;
    }

    #bioBookForm .bio-form-hint {
        margin-left: 4px;
    }

    .bio-book-discussion .bio-add-comment-button {
        width: 100%;
        justify-content: center;
    }

    .bio-preview-head {
        align-items: flex-start;
    }
}


/* =========================================================
   BIOSECTOR V7.3 - JEDEN PANEL RECENZIE
   Iba pre formular knihy, bez zasahov do diskusie na Sectore.
   ========================================================= */
#bioBookForm {
    box-sizing: border-box !important;
    width: 100%;
    margin: 14px 0 18px !important;
    padding: 18px 20px !important;
    background: #1b2028 !important;
    border: 1px solid #323a46 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

    #bioBookForm .diskpltop,
    #bioBookForm .comment-respond,
    #bioBookForm #backform {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Zrusime povodny dvojstlpcovy Bootstrap layout.
   Meno + hviezdicky su hore a textarea nasleduje pod nimi. */
    #bioBookForm .row.row--10,
    #bioBookForm .bio-book-form-column,
    #bioBookForm .bio-book-form-column > .form-group,
    #bioBookForm .bio-book-form-column > .form-group > .col-12,
    #bioBookForm .bio-book-form-column > .form-group > .col-12 > .form-group {
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        grid-template-columns: none !important;
    }

    #bioBookForm .bio-comment-author {
        display: flex;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 8px 18px !important;
        margin: 0 0 16px !important;
        padding-bottom: 13px;
        border-bottom: 1px solid rgba(198,208,221,.10);
    }

    #bioBookForm .bio-user-logged,
    #bioBookForm .bio-user-login {
        margin: 0 !important;
    }

    #bioBookForm .bio-form-rating {
        margin: 0 !important;
    }

    #bioBookForm .bio-text-prompt {
        display: block !important;
        margin: 0 0 8px !important;
    }

    #bioBookForm #text {
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 125px !important;
        margin: 0 !important;
    }

    #bioBookForm .bio-main-actions {
        display: flex !important;
        flex-direction: row-reverse !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
    }

        #bioBookForm .bio-main-actions > input[name=sendBtn],
        #bioBookForm .bio-main-actions > .diskbutt {
            float: none !important;
            margin: 0 !important;
            flex: 0 0 auto !important;
        }

            #bioBookForm .bio-main-actions > .diskbutt.diskbuttod {
                width: 32px !important;
                height: 32px !important;
                min-width: 32px !important;
                min-height: 32px !important;
            }

        #bioBookForm .bio-main-actions > #smileframe:not([style*="display:none"]) {
            flex: 0 0 100%;
            margin-left: auto;
        }

@media(max-width: 600px) {
    #bioBookForm {
        padding: 13px !important;
    }

        #bioBookForm .bio-comment-author {
            gap: 8px 12px !important;
        }

        #bioBookForm .bio-form-rating {
            width: 100%;
        }

        #bioBookForm #text {
            min-height: 115px !important;
        }
}

/* Biosector: hviezdicky priamo pri mene autora hodnotenej recenzie */
.single-comment h6.commenter .bio-comment-stars {
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    margin-left: 9px;
    font-size: 13px !important;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
}

.single-comment .bio-comment-stars-filled {
    color: #e7a64b;
}

.single-comment .bio-comment-stars-empty {
    color: #6d7582;
}

@media (max-width: 600px) {
    .single-comment h6.commenter .bio-comment-stars {
        margin-left: 6px;
        font-size: 12px !important;
        letter-spacing: 0;
    }
}


/* Biosector v7.6: prazdne pomocne uzly pre upload nesmu tvorit miesto.
   Zachovavame ID: JS ich pouziva pri prilozeni/mazani obrazkov. */
#bioBookForm .bio-book-upload-slot:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

#bioBookForm .bio-book-upload-slot:not(:empty) {
    display: block;
    height: auto;
    min-height: 0;
    margin-top: 8px;
}