/* =========================================================
   BRAZZERS — оформление полной новости и комментариев
   Файл: v2/clan-news.css
   Изолировано классами bn-*, не затрагивает статические страницы.
   ========================================================= */

.bn-fullstory{
    padding:0!important;
    overflow:hidden;
    background:
        linear-gradient(135deg,rgba(255,255,255,.80),rgba(248,243,231,.64)),
        #f4efe4;
}

.bn-news-head{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:30px 34px 28px;
    color:#f7e4b2;
    background:
        radial-gradient(circle at 82% 18%,rgba(184,117,31,.25),transparent 28%),
        linear-gradient(115deg,rgba(35,26,19,.97),rgba(21,18,16,.98) 54%,rgba(67,41,22,.96));
    border-bottom:3px double #b8873b;
    box-shadow:inset 0 -18px 45px rgba(0,0,0,.18);
}

.bn-news-head:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.23;
    background:
        repeating-linear-gradient(45deg,transparent 0 29px,rgba(205,156,76,.22) 30px 31px),
        repeating-linear-gradient(-45deg,transparent 0 29px,rgba(205,156,76,.12) 30px 31px);
}

.bn-news-head:after{
    content:"";
    position:absolute;
    z-index:-1;
    right:24px;
    top:50%;
    width:132px;
    height:132px;
    transform:translateY(-50%);
    opacity:.11;
    background:url("assets/menu-news.png") center/contain no-repeat;
    filter:sepia(1) saturate(.8);
    pointer-events:none;
}

.bn-news-head__top{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
    padding-right:110px;
    text-transform:uppercase;
    letter-spacing:.18em;
    font:700 10px/1.3 Arial,sans-serif;
}

.bn-news-kicker{
    color:#e7b85c;
}

.bn-news-brand{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff0c7;
}

.bn-news-brand:before{
    content:"";
    width:28px;
    height:1px;
    background:linear-gradient(90deg,#b17a2f,#f0c76d);
}

.bn-news-head h1{
    position:relative;
    z-index:1;
    max-width:980px;
    margin:0 0 18px!important;
    padding:0!important;
    color:#f2ce83!important;
    border:0!important;
    font:700 clamp(30px,3.2vw,52px)/1.08 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.025em;
    text-shadow:0 2px 0 #3a1d0a,0 4px 14px rgba(0,0,0,.45);
}

.bn-news-meta{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding-right:90px;
}

.bn-news-meta__item{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 10px;
    border:1px solid rgba(214,172,97,.34);
    background:rgba(8,8,8,.28);
    color:#dbcba8;
    font-size:12px;
    line-height:1.2;
}

.bn-news-meta__item a{
    color:#f1d492!important;
    text-decoration:none!important;
}

.bn-news-meta__date:before{
    content:"◆";
    margin-right:7px;
    color:#ba8a42;
    font-size:8px;
}

.bn-news-meta__category:before{
    content:"⚑";
    margin-right:7px;
    color:#d3a24f;
}

.bn-news-meta__author:before{
    content:"♜";
    margin-right:7px;
    color:#d3a24f;
}

.bn-story-content{
    position:relative;
    min-height:180px;
    padding:34px clamp(22px,4vw,52px) 38px;
    color:#26231f;
    font-size:16px;
    line-height:1.72;
    background:
        linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.16)),
        radial-gradient(circle at 10% 0,rgba(187,145,77,.09),transparent 30%);
}

.bn-story-content:before{
    content:"";
    display:block;
    width:74px;
    height:3px;
    margin:0 0 24px;
    background:linear-gradient(90deg,#8f1419,#b88a3e,#8f1419);
    box-shadow:0 1px #fff;
}

.bn-story-content p{
    margin:0 0 1.05em;
}

.bn-story-content a{
    color:#8d1219!important;
    text-decoration-color:#b88943!important;
    text-underline-offset:3px;
}

.bn-story-content img{
    max-width:100%;
    height:auto;
    border:1px solid #a57a39;
    outline:4px solid rgba(255,255,255,.58);
    box-shadow:0 8px 24px rgba(63,42,20,.18);
}

.bn-story-content > img,
.bn-story-content > p > img:only-child,
.bn-story-content > center img{
    display:block;
    margin:22px auto;
}

.bn-story-content blockquote{
    margin:22px 0;
    padding:16px 20px;
    border-left:4px solid #8d1219;
    background:#eee3ce;
    color:#4b4035;
    box-shadow:inset 0 0 0 1px rgba(167,122,56,.22);
}

.bn-story-content table{
    border-collapse:collapse;
}

.bn-story-content th,
.bn-story-content td{
    padding:8px 10px;
    border:1px solid #cbb891;
}

.bn-story-content th{
    background:#e8dcc5;
    color:#721018;
}

.bn-news-footer{
    padding:18px clamp(22px,4vw,52px) 24px;
    border-top:1px solid #cbbd9e;
    background:linear-gradient(180deg,#ece3d2,#e3d6bd);
}

.bn-news-stats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.bn-news-stat{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:6px 11px;
    border:1px solid #b99a66;
    background:rgba(255,255,255,.42);
    color:#615646;
    font-size:12px;
}

.bn-news-stat strong{
    color:#7f1117;
    font-size:13px;
}

.bn-news-stat__icon{
    color:#9c6b2a;
}

.bn-news-tags{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px dashed #c5ad83;
}

.bn-news-tags__label{
    flex:0 0 auto;
    padding-top:2px;
    color:#7e1117;
    font:700 11px Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.13em;
}

.bn-news-tags__list a{
    display:inline-block;
    margin:0 5px 5px 0;
    padding:4px 8px;
    border:1px solid #b99a66;
    background:#f8f0df;
    color:#6e421e!important;
    text-decoration:none!important;
    font-size:12px;
}

/* ==================== КОММЕНТАРИИ ==================== */

.bn-comments-section{
    margin-top:20px;
    padding:0!important;
    overflow:hidden;
    border:1px solid #b39156;
    background:#f4efe4;
    box-shadow:0 7px 24px rgba(69,49,22,.10);
}

.bn-comments-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:20px 24px;
    color:#f4d58d;
    background:
        linear-gradient(110deg,#211b17,#372717 70%,#5a341b);
    border-bottom:3px double #b8873b;
}

.bn-comments-kicker{
    display:block;
    margin-bottom:2px;
    color:#d3a653;
    font:700 9px/1.3 Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.17em;
}

.bn-comments-head h2{
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#f2cf88!important;
    font:700 24px/1.15 Georgia,"Times New Roman",serif!important;
    text-transform:none!important;
}

.bn-comments-count{
    display:grid;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border:1px solid #c79a4d;
    border-radius:50%;
    background:radial-gradient(circle,#772027,#4b0d11);
    color:#f5d596;
    box-shadow:inset 0 0 0 3px rgba(255,255,255,.05),0 2px 8px rgba(0,0,0,.3);
    font:700 15px Georgia,serif;
}

.bn-comments-list{
    padding:4px 24px 0;
}

.bn-comment{
    position:relative;
    display:grid!important;
    grid-template-columns:86px minmax(0,1fr);
    gap:18px;
    margin:18px 0;
    padding:16px!important;
    border:1px solid #c9b68f!important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.76),rgba(239,230,211,.7)),
        #f3ecdf;
    box-shadow:0 4px 12px rgba(68,48,24,.08);
}

.bn-comment:before{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    bottom:-1px;
    width:3px;
    background:linear-gradient(#8d1219,#bd8f43,#8d1219);
}

.bn-comment-left{
    float:none!important;
    margin:0!important;
    text-align:center;
}

.bn-comment-avatar img{
    display:block;
    width:62px!important;
    height:62px!important;
    margin:0 auto 8px;
    object-fit:cover;
    border:2px solid #9f7437;
    outline:2px solid #e8d7b7;
    background:#ded3bf;
    box-shadow:0 3px 8px rgba(0,0,0,.16);
}

.bn-comment-author{
    color:#7b1118;
    font:700 13px/1.25 Georgia,serif;
    overflow-wrap:anywhere;
}

.bn-comment-right{
    min-width:0;
}

.bn-comment-date{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    min-height:26px;
    margin-bottom:9px;
    padding-bottom:8px;
    border-bottom:1px solid #d6c9ad;
    color:#817462;
    font-size:11px;
}

.bn-comment-date:before{
    content:"◆";
    color:#b17f34;
    font-size:7px;
}

.bn-comment-date em{
    color:#a27c46;
    font-style:normal;
}

.bn-comment-text{
    min-height:32px;
    color:#2e2924;
    font-size:14px;
    line-height:1.6;
}

.bn-comment-actions{
    grid-column:1/-1;
    display:flex!important;
    flex-wrap:wrap;
    gap:7px!important;
    clear:none!important;
    margin-top:2px;
    padding:10px 0 0!important;
    border-top:1px dashed #d1c1a1;
}

.bn-comment-actions a,
.bn-comment-actions button{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:4px 8px;
    border:1px solid #b99a66;
    background:#f9f3e8;
    color:#7a151b!important;
    text-decoration:none!important;
    font-size:11px;
}

.bn-comment-actions a:hover,
.bn-comment-actions button:hover{
    background:#8d1219;
    border-color:#8d1219;
    color:#fff0ca!important;
}

.bn-comments-navigation:empty{
    display:none;
}

.bn-comments-navigation .pagination{
    margin:0 24px;
}

/* ==================== ДОБАВЛЕНИЕ КОММЕНТАРИЯ ==================== */

.bn-add-comment{
    margin:24px;
    border:1px solid #bda16f;
    background:
        linear-gradient(145deg,rgba(255,255,255,.84),rgba(239,229,208,.75)),
        #f2eadc;
    box-shadow:inset 0 0 0 3px rgba(255,255,255,.35);
}

.bn-add-comment__head{
    display:flex;
    align-items:center;
    gap:14px;
    padding:17px 20px;
    border-bottom:1px solid #c6ae7d;
    background:linear-gradient(90deg,#e9dcc2,#f5eedf 45%,#e5d4b5);
}

.bn-add-comment__crest{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border:1px solid #9d6c2d;
    border-radius:50%;
    background:radial-gradient(circle,#9e272b,#5e0d12);
    color:#f1cf86;
    box-shadow:inset 0 0 0 3px rgba(255,255,255,.08);
}

.bn-add-comment__kicker{
    display:block;
    margin-bottom:1px;
    color:#9b6b27;
    font:700 9px Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.16em;
}

.bn-add-comment .add-comment-title{
    margin:0!important;
    color:#761117!important;
    font:700 21px/1.2 Georgia,serif!important;
}

.bn-comment-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    padding:18px 20px 0;
}

.bn-add-comment .bn-field{
    margin:0!important;
}

.bn-add-comment .form-line-tt-left{
    flex:0 0 120px;
    color:#6f5f4c;
    font-size:12px;
}

.bn-add-comment input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.bn-add-comment textarea,
.bn-add-comment select{
    width:100%;
    border:1px solid #ae8e5c!important;
    background:#fffdf8!important;
    box-shadow:inset 0 1px 3px rgba(61,43,25,.08);
}

.bn-add-comment input:focus,
.bn-add-comment textarea:focus,
.bn-add-comment select:focus{
    outline:2px solid rgba(161,111,38,.28);
    outline-offset:1px;
    border-color:#8e5e24!important;
}

.bn-editor-wrap{
    display:block!important;
    margin:18px 20px!important;
    padding:0!important;
    overflow:hidden;
    border:1px solid #b69a6d;
    background:#fffdf8;
}

.bn-editor-wrap > *{
    max-width:100%!important;
}

.bn-editor-wrap textarea{
    min-height:150px;
    border:0!important;
}

.bn-editor-wrap .bb-editor,
.bn-editor-wrap .wysibb,
.bn-editor-wrap .cke,
.bn-editor-wrap .tox,
.bn-editor-wrap iframe{
    max-width:100%!important;
    width:100%!important;
}

.bn-security-block{
    margin:16px 20px;
    padding:14px 16px;
    border:1px dashed #bfa477;
    background:rgba(238,226,202,.54);
}

.bn-security-title{
    margin-bottom:10px;
    color:#80141a;
    font:700 13px Georgia,serif;
}

.bn-security-block .bn-field + .bn-field{
    margin-top:10px!important;
}

.bn-sec-code img{
    max-width:100%;
    height:auto;
}

.bn-recaptcha p{
    margin:0 0 10px;
    color:#665947;
    font-size:13px;
}

.bn-submit{
    display:flex;
    justify-content:flex-end;
    padding:8px 20px 20px;
}

.bn-submit .form-button-tt{
    width:auto!important;
    min-width:230px;
    min-height:46px;
    padding:10px 22px!important;
    border:1px solid #d3a24f!important;
    border-radius:2px;
    background:linear-gradient(180deg,#b7262b 0%,#8f1219 55%,#69090f 100%)!important;
    color:#fff4d3!important;
    font:700 14px Georgia,serif!important;
    letter-spacing:.04em;
    text-transform:none;
    text-shadow:0 1px 1px rgba(0,0,0,.45);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 0 0 2px rgba(255,255,255,.06),
        0 4px 14px rgba(88,19,19,.30);
    cursor:pointer;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        filter .15s ease,
        border-color .15s ease;
}

.bn-submit .form-button-tt:hover{
    filter:brightness(1.10);
    transform:translateY(-1px);
    border-color:#efc66c!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 0 0 2px rgba(255,255,255,.08),
        0 7px 18px rgba(88,19,19,.40);
}

.bn-submit .form-button-tt:focus{
    outline:2px solid rgba(211,162,79,.45);
    outline-offset:2px;
}

.bn-submit .form-button-tt:active{
    transform:translateY(0);
    filter:brightness(.98);
    box-shadow:
        inset 0 2px 5px rgba(43,5,8,.28),
        0 2px 7px rgba(88,19,19,.24);
}

.bn-submit .form-button-tt:disabled,
.bn-submit .form-button-tt[disabled]{
    opacity:1!important;
    cursor:not-allowed;
    background:linear-gradient(180deg,#9f2025 0%,#7d0f16 55%,#5b080d 100%)!important;
    color:#f5ddb0!important;
    border-color:#b8873b!important;
    text-shadow:0 1px 1px rgba(0,0,0,.45);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 0 0 2px rgba(255,255,255,.04),
        0 3px 10px rgba(88,19,19,.22);
}

/* DLE может выводить системные сообщения прямо между блоками */
.bn-comments-section .berrors,
.bn-comments-section .dle-info{
    margin:18px 24px;
}

/* ==================== АДАПТИВ ==================== */

@media(max-width:760px){
    .bn-news-head{
        padding:24px 20px 22px;
    }

    .bn-news-head:after{
        right:-10px;
        width:104px;
        height:104px;
    }

    .bn-news-head__top,
    .bn-news-meta{
        padding-right:55px;
    }

    .bn-news-head h1{
        font-size:30px!important;
    }

    .bn-story-content{
        padding:25px 18px 30px;
    }

    .bn-news-footer{
        padding:16px 18px 20px;
    }

    .bn-comments-head{
        padding:17px 18px;
    }

    .bn-comments-list{
        padding-inline:14px;
    }

    .bn-comment{
        grid-template-columns:64px minmax(0,1fr);
        gap:12px;
        padding:12px!important;
    }

    .bn-comment-avatar img{
        width:50px!important;
        height:50px!important;
    }

    .bn-add-comment{
        margin:18px 14px;
    }

    .bn-comment-fields{
        grid-template-columns:1fr;
        padding-inline:16px;
    }

    .bn-editor-wrap{
        margin-inline:16px!important;
    }

    .bn-security-block{
        margin-inline:16px;
    }

    .bn-submit{
        padding-inline:16px;
    }
}

@media(max-width:480px){
    .bn-news-head__top{
        padding-right:0;
    }

    .bn-news-head:after{
        opacity:.07;
    }

    .bn-news-meta{
        padding-right:0;
    }

    .bn-news-meta__item{
        width:100%;
    }

    .bn-comment{
        display:block!important;
    }

    .bn-comment-left{
        display:flex;
        align-items:center;
        gap:10px;
        margin-bottom:12px!important;
        text-align:left;
    }

    .bn-comment-avatar img{
        margin:0;
    }

    .bn-comment-actions{
        margin-top:12px;
    }

    .bn-add-comment__head{
        padding:14px;
    }

    .bn-add-comment__crest{
        flex-basis:34px;
        width:34px;
        height:34px;
    }

    .bn-submit .form-button-tt{
        width:100%!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .bn-comment-actions a,
    .bn-submit .form-button-tt{
        transition:none!important;
    }
}


/* =========================================================
   BUTTON FIX v2 — принудительное оформление кнопки комментария
   Добавлено 2026-09-23.
   Этот блок стоит В САМОМ КОНЦЕ файла специально, чтобы
   перекрыть старые стили DLE и браузерное оформление input.
   ========================================================= */

.dle-main .bn-add-comment .bn-submit input.form-button-tt[type="submit"],
.dle-main .bn-add-comment .bn-submit .form-button-tt,
.bn-comments-section .bn-add-comment .bn-submit input[type="submit"],
.bn-add-comment .bn-submit input[type="submit"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:260px!important;
    min-height:50px!important;
    height:auto!important;

    margin:0!important;
    padding:12px 28px!important;

    border:1px solid #e2b65d!important;
    border-radius:3px!important;

    background-color:#851218!important;
    background-image:
        linear-gradient(180deg,#c53237 0%,#9d171e 42%,#790b12 72%,#5d070c 100%)!important;
    background-repeat:no-repeat!important;

    color:#fff3cf!important;
    -webkit-text-fill-color:#fff3cf!important;

    font-family:Georgia,"Times New Roman",serif!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.15!important;
    letter-spacing:.025em!important;
    text-align:center!important;
    text-decoration:none!important;
    text-shadow:0 1px 2px rgba(0,0,0,.65)!important;

    opacity:1!important;
    filter:none!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 0 0 2px rgba(255,255,255,.06),
        inset 0 -8px 18px rgba(52,0,5,.18),
        0 4px 0 #4e080d,
        0 7px 16px rgba(77,13,16,.28)!important;

    cursor:pointer!important;

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background .15s ease,
        border-color .15s ease!important;
}

.dle-main .bn-add-comment .bn-submit input.form-button-tt[type="submit"]:hover,
.dle-main .bn-add-comment .bn-submit .form-button-tt:hover,
.bn-comments-section .bn-add-comment .bn-submit input[type="submit"]:hover,
.bn-add-comment .bn-submit input[type="submit"]:hover{
    background-color:#a1161d!important;
    background-image:
        linear-gradient(180deg,#db4549 0%,#b72128 42%,#8e1017 72%,#70090f 100%)!important;

    border-color:#f0ce82!important;
    color:#fff8e7!important;
    -webkit-text-fill-color:#fff8e7!important;

    transform:translateY(-1px)!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.34),
        inset 0 0 0 2px rgba(255,255,255,.08),
        inset 0 -8px 18px rgba(52,0,5,.13),
        0 5px 0 #4e080d,
        0 9px 20px rgba(77,13,16,.34)!important;
}

.dle-main .bn-add-comment .bn-submit input.form-button-tt[type="submit"]:active,
.bn-add-comment .bn-submit input[type="submit"]:active{
    transform:translateY(3px)!important;
    box-shadow:
        inset 0 2px 7px rgba(48,0,4,.34),
        0 1px 0 #4e080d,
        0 3px 8px rgba(77,13,16,.22)!important;
}

/* Даже если DLE временно ставит disabled, кнопка остаётся визуально понятной. */
.dle-main .bn-add-comment .bn-submit input.form-button-tt[type="submit"]:disabled,
.dle-main .bn-add-comment .bn-submit input.form-button-tt[type="submit"][disabled],
.bn-add-comment .bn-submit input[type="submit"]:disabled,
.bn-add-comment .bn-submit input[type="submit"][disabled]{
    -webkit-appearance:none!important;
    appearance:none!important;

    background-color:#741016!important;
    background-image:
        linear-gradient(180deg,#a5262b 0%,#86151b 48%,#690b11 100%)!important;

    border-color:#c69a4a!important;
    color:#f4ddb1!important;
    -webkit-text-fill-color:#f4ddb1!important;

    opacity:1!important;
    filter:none!important;
    cursor:not-allowed!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 0 0 2px rgba(255,255,255,.04),
        0 3px 0 #4b090d,
        0 6px 13px rgba(77,13,16,.24)!important;
}

/* Чуть больше воздуха вокруг кнопки. */
.bn-add-comment .bn-submit{
    padding:12px 20px 24px!important;
    justify-content:flex-end!important;
}

@media(max-width:520px){
    .dle-main .bn-add-comment .bn-submit input.form-button-tt[type="submit"],
    .dle-main .bn-add-comment .bn-submit .form-button-tt,
    .bn-comments-section .bn-add-comment .bn-submit input[type="submit"],
    .bn-add-comment .bn-submit input[type="submit"]{
        width:100%!important;
        min-width:0!important;
        min-height:50px!important;
    }
}