/* ========================================================================
   NEWS DETAIL CONTENT V2 — SHAIYA ADDICTED
   Подключать ПОСЛЕ home_styles.css
   ======================================================================== */


/* ------------------------------------------------------------------------
   DETAIL PAGE
   ------------------------------------------------------------------------ */

.home-news-page--detail {
    padding:
        18px 20px
        28px !important;
}


.home-news-page--detail
.home-news-list {
    display: block;
}


/* ------------------------------------------------------------------------
   ARTICLE SHELL
   ------------------------------------------------------------------------ */

.news-full {
    position: relative;

    overflow: hidden;

    padding:
        24px 25px
        26px !important;

    background:
        radial-gradient(
            circle at 92% 0%,
            rgba(208, 198, 150, .055),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(18, 23, 27, .97),
            rgba(10, 14, 17, .985)
        ) !important;

    border:
        1px solid
        rgba(255,255,255,.065) !important;

    border-radius:
        5px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        0 14px 34px rgba(0,0,0,.12) !important;
}


.news-full::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background:
        linear-gradient(
            180deg,
            rgba(226,214,160,.96),
            rgba(173,158,99,.30) 48%,
            transparent 100%
        );

    opacity: .72;
}


.news-full--pinned::before {
    width: 4px;

    box-shadow:
        0 0 15px
        rgba(208,198,150,.18);
}


/* ------------------------------------------------------------------------
   ARTICLE HEADER
   ------------------------------------------------------------------------ */

.news-full__top {
    align-items:
        center !important;

    gap:
        24px !important;

    padding-bottom:
        15px;

    border-bottom:
        1px solid
        rgba(255,255,255,.045);
}


.news-full__eyebrow {
    margin-bottom:
        6px !important;

    color:
        #cfc28b !important;

    font-size:
        11px !important;

    line-height:
        14px !important;

    letter-spacing:
        1.2px !important;
}


.news-full__title {
    max-width:
        680px;

    color:
        #f0f2f3 !important;

    font-size:
        31px !important;

    line-height:
        37px !important;

    letter-spacing:
        -.35px;
}


.news-full__meta {
    flex-wrap:
        wrap;

    margin-top:
        14px !important;

    padding-bottom:
        2px;
}


.news-full__meta
.news-meta-item {
    color:
        #88929a !important;

    font-size:
        11px !important;

    line-height:
        15px !important;
}


/* ------------------------------------------------------------------------
   COVER
   ------------------------------------------------------------------------ */

.news-full__cover {
    position: relative;

    margin-top:
        19px !important;

    padding:
        8px;

    overflow:
        hidden;

    background:
        linear-gradient(
            180deg,
            rgba(208,198,150,.035),
            rgba(0,0,0,.18)
        );

    border:
        1px solid
        rgba(208,198,150,.13) !important;

    border-radius:
        5px !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.15);
}


.news-full__cover::after {
    content: "";

    position: absolute;

    inset: 8px;

    pointer-events: none;

    box-shadow:
        inset 0 0 34px
        rgba(0,0,0,.20);
}


.news-full__cover img {
    position: relative;

    z-index: 1;

    width:
        100% !important;

    max-height:
        620px;

    object-fit:
        contain;

    background:
        rgba(5,8,10,.55);

    border-radius:
        3px;
}


/* ------------------------------------------------------------------------
   ARTICLE TEXT
   ------------------------------------------------------------------------ */

.news-full__text {
    max-width:
        100%;

    margin-top:
        24px !important;

    color:
        #c1c7cc !important;

    font-size:
        16px !important;

    line-height:
        1.72 !important;

    overflow-wrap:
        anywhere;
}


.news-full__text > *:first-child {
    margin-top:
        0 !important;
}


.news-full__text > *:last-child {
    margin-bottom:
        0 !important;
}


/* PARAGRAPHS */

.news-full__text p {
    margin:
        0 0
        16px !important;
}


/* HEADINGS */

.news-full__text h1,
.news-full__text h2,
.news-full__text h3,
.news-full__text h4 {
    font-family:
        HelveticaNeue,
        Arial,
        sans-serif !important;

    font-weight:
        700 !important;

    text-transform:
        none !important;
}


.news-full__text h2 {
    position: relative;

    margin:
        28px 0
        14px !important;

    padding:
        0 0 10px
        14px !important;

    color:
        #edf0f2 !important;

    font-size:
        23px !important;

    line-height:
        28px !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.05);
}


.news-full__text h2::before {
    content: "";

    position: absolute;

    left: 0;
    top: 2px;
    bottom: 11px;

    width: 3px;

    border-radius:
        2px;

    background:
        linear-gradient(
            180deg,
            #d7cb93,
            #8d8257
        );
}


.news-full__text h3 {
    margin:
        23px 0
        10px !important;

    color:
        #dfd6aa !important;

    font-size:
        19px !important;

    line-height:
        24px !important;
}


.news-full__text h4 {
    margin:
        18px 0
        8px !important;

    color:
        #d7dce0 !important;

    font-size:
        16px !important;

    line-height:
        21px !important;
}


/* STRONG */

.news-full__text strong,
.news-full__text b {
    color:
        #ddd39e;

    font-weight:
        700;
}


/* LINKS */

.news-full__text a {
    color:
        #d8cb91 !important;

    text-decoration:
        underline;

    text-decoration-color:
        rgba(216,203,145,.30);

    text-underline-offset:
        3px;

    transition:
        color .15s ease,
        text-decoration-color .15s ease;
}


.news-full__text a:hover {
    color:
        #f0e6b4 !important;

    text-decoration-color:
        rgba(240,230,180,.70);
}


/* ------------------------------------------------------------------------
   LISTS
   ------------------------------------------------------------------------ */

.news-full__text ul,
.news-full__text ol {
    margin:
        14px 0
        18px !important;

    padding:
        0 !important;

    list-style:
        none;
}


.news-full__text li {
    position:
        relative;

    margin:
        7px 0 !important;

    padding-left:
        23px;
}


.news-full__text ul > li::before {
    content:
        "◆";

    position:
        absolute;

    left:
        3px;

    top:
        0;

    color:
        #cbbb76;

    font-size:
        8px;
}


.news-full__text ol {
    counter-reset:
        newsOrdered;
}


.news-full__text ol > li {
    counter-increment:
        newsOrdered;

    padding-left:
        34px;
}


.news-full__text ol > li::before {
    content:
        counter(newsOrdered);

    position:
        absolute;

    left:
        0;

    top:
        1px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        22px;

    height:
        22px;

    color:
        #ded39b;

    background:
        rgba(208,198,150,.055);

    border:
        1px solid
        rgba(208,198,150,.14);

    border-radius:
        50%;

    font-size:
        9px;

    font-weight:
        700;
}


/* Existing editor list */

.news-full__text .news-list {
    margin:
        14px 0
        18px !important;

    padding:
        0 !important;
}


/* ------------------------------------------------------------------------
   EVENT-LIKE DATE LINES
   Works when editor output is:
   <p><strong>17.08</strong></p>
   ------------------------------------------------------------------------ */

.news-full__text p:has(> strong:only-child),
.news-full__text p:has(> b:only-child) {
    display:
        inline-flex;

    align-items:
        center;

    min-height:
        32px;

    margin:
        20px 0
        11px !important;

    padding:
        0 11px !important;

    color:
        #e6dba5;

    background:
        rgba(208,198,150,.055);

    border:
        1px solid
        rgba(208,198,150,.13);

    border-left:
        3px solid
        #cbbb76;

    border-radius:
        3px;
}


.news-full__text p:has(> strong:only-child) strong,
.news-full__text p:has(> b:only-child) b {
    color:
        #e6dba5 !important;

    font-size:
        15px;
}


/* ------------------------------------------------------------------------
   DIVIDER
   ------------------------------------------------------------------------ */

.news-full__text hr {
    height:
        1px;

    margin:
        24px 0 !important;

    border:
        0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(208,198,150,.26),
            rgba(255,255,255,.055) 45%,
            transparent 100%
        );
}


/* ------------------------------------------------------------------------
   TABLES
   ------------------------------------------------------------------------ */

.news-full__text table {
    display:
        block;

    width:
        100% !important;

    max-width:
        100%;

    margin:
        18px 0 !important;

    overflow-x:
        auto;

    border-spacing:
        0;

    border-collapse:
        separate !important;

    background:
        rgba(7,10,12,.42) !important;

    border:
        1px solid
        rgba(255,255,255,.065);

    border-radius:
        4px;
}


.news-full__text thead,
.news-full__text tbody {
    display:
        table;

    width:
        100%;

    table-layout:
        auto;
}


.news-full__text th,
.news-full__text td {
    padding:
        11px 12px !important;

    color:
        #b9c0c6;

    border:
        0 !important;

    border-right:
        1px solid
        rgba(255,255,255,.045) !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.045) !important;

    vertical-align:
        middle;
}


.news-full__text th:last-child,
.news-full__text td:last-child {
    border-right:
        0 !important;
}


.news-full__text tr:last-child td {
    border-bottom:
        0 !important;
}


.news-full__text th {
    color:
        #ddd29c !important;

    background:
        rgba(208,198,150,.055) !important;

    font-size:
        12px;

    text-transform:
        uppercase;

    letter-spacing:
        .45px;
}


.news-full__text tbody tr {
    transition:
        background .15s ease;
}


.news-full__text tbody tr:hover {
    background:
        rgba(208,198,150,.035);
}


/* ------------------------------------------------------------------------
   NEWS TABLE LIST FROM EDITOR
   ------------------------------------------------------------------------ */

.news-full__text .news-table-list {
    margin:
        18px 0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    list-style:
        none;

    background:
        rgba(7,10,12,.45);

    border:
        1px solid
        rgba(208,198,150,.11);

    border-radius:
        4px;
}


.news-full__text .news-table-list li {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    margin:
        0 !important;

    padding:
        12px 14px !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.05);

    transition:
        background .15s ease;
}


.news-full__text .news-table-list li::before {
    display:
        none !important;
}


.news-full__text .news-table-list li:last-child {
    border-bottom:
        0;
}


.news-full__text .news-table-list li:hover {
    background:
        rgba(208,198,150,.04);
}


.news-full__text .news-table-list li span {
    color:
        #9da6ad;
}


.news-full__text .news-table-list li strong {
    color:
        #ddd19a;
}


/* ------------------------------------------------------------------------
   CALLOUTS FROM NEWS EDITOR
   ------------------------------------------------------------------------ */

.news-full__text .news-callout {
    position:
        relative;

    margin:
        20px 0 !important;

    padding:
        15px 17px
        15px 18px !important;

    color:
        #bbc2c8;

    background:
        linear-gradient(
            90deg,
            rgba(15,20,24,.90),
            rgba(10,14,17,.78)
        );

    border:
        1px solid
        rgba(255,255,255,.05);

    border-left:
        3px solid
        #747d85 !important;

    border-radius:
        4px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018);
}


.news-full__text .news-callout > strong {
    display:
        block;

    margin-bottom:
        5px;
}


.news-full__text .news-callout--info {
    border-left-color:
        #4ca9c8 !important;
}


.news-full__text .news-callout--info > strong {
    color:
        #66bfd9 !important;
}


.news-full__text .news-callout--warning {
    border-left-color:
        #c9a841 !important;
}


.news-full__text .news-callout--warning > strong {
    color:
        #e0c45e !important;
}


.news-full__text .news-callout--success {
    border-left-color:
        #5aa86d !important;
}


.news-full__text .news-callout--success > strong {
    color:
        #78c489 !important;
}


/* ------------------------------------------------------------------------
   QUOTES
   ------------------------------------------------------------------------ */

.news-full__text blockquote,
.news-full__text .news-quote {
    position:
        relative;

    margin:
        20px 0 !important;

    padding:
        16px 19px
        16px 43px !important;

    color:
        #aeb6bd;

    background:
        rgba(9,13,16,.56);

    border:
        0 !important;

    border-left:
        3px solid
        #827b60 !important;

    font-style:
        italic;
}


.news-full__text blockquote::before,
.news-full__text .news-quote::before {
    content:
        "“";

    position:
        absolute;

    left:
        13px;

    top:
        1px;

    color:
        #d3c68d;

    font-family:
        Georgia,
        serif;

    font-size:
        35px;

    font-style:
        normal;
}


/* ------------------------------------------------------------------------
   IMAGES INSIDE TEXT
   ------------------------------------------------------------------------ */

.news-full__text img {
    display:
        block;

    max-width:
        100%;

    height:
        auto;

    margin:
        19px auto;

    border:
        1px solid
        rgba(208,198,150,.11);

    border-radius:
        4px;

    box-shadow:
        0 9px 22px
        rgba(0,0,0,.14);
}


/* ------------------------------------------------------------------------
   CODE / PRE
   ------------------------------------------------------------------------ */

.news-full__text code {
    padding:
        2px 5px;

    color:
        #d9ce9a;

    background:
        rgba(0,0,0,.25);

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        3px;

    font-family:
        Consolas,
        monospace;

    font-size:
        .88em;
}


.news-full__text pre {
    margin:
        18px 0;

    padding:
        14px 16px;

    overflow-x:
        auto;

    color:
        #c6cdd2;

    background:
        #080b0e;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        4px;
}


.news-full__text pre code {
    padding:
        0;

    background:
        none;

    border:
        0;
}


/* ------------------------------------------------------------------------
   FOOTER / BACK BUTTON
   ------------------------------------------------------------------------ */

.news-full__footer {
    margin-top:
        29px !important;

    padding-top:
        17px !important;
}


.news-full__back {
    min-height:
        35px;

    padding:
        0 11px;

    color:
        #a99f78 !important;

    background:
        rgba(208,198,150,.035);

    border:
        1px solid
        rgba(208,198,150,.09);

    border-radius:
        3px;

    font-size:
        10px !important;

    transition:
        color .15s ease,
        background .15s ease,
        border-color .15s ease,
        transform .15s ease;
}


.news-full__back:hover {
    color:
        #e0d6a5 !important;

    background:
        rgba(208,198,150,.065);

    border-color:
        rgba(208,198,150,.17);

    transform:
        translateX(-2px);
}


/* ------------------------------------------------------------------------
   SMALLER WIDTHS
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .news-full {
        padding:
            21px !important;
    }


    .news-full__title {
        font-size:
            27px !important;

        line-height:
            33px !important;
    }


    .news-full__text {
        font-size:
            15px !important;

        line-height:
            1.68 !important;
    }


    .news-full__text h2 {
        font-size:
            21px !important;
    }

}