.STING-WEB-Post {
    width: 93%;
    margin: 20px auto;
    max-width: var(--Max-Size, 1180px);
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 18px;
}

.STING-WEB-Post-Top-IMG {
    width: 100%;
    height: 420px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: var(--Card-Radius, 14px) var(--Card-Radius, 14px) 0 0;
}

.STING-WEB-Post-Top-IMG img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.STING-WEB-Post-Right {
    border-radius: var(--Card-Radius, 14px);
    display: grid;
}

.STING-WEB-Post-Top-Title {
    padding: 18px 24px;
    margin: 0 auto;
    width: 92%;
}

.STING-WEB-Post-Top-Title h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--Primary-B-Color);
}

.STING-WEB-Post-Top {
    background: var(--B-Color, #151b26);
    border: 1px solid var(--Border-Color, rgba(255, 255, 255, 0.07));
    border-radius: var(--Card-Radius, 14px);
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.STING-WEB-Post-Top-Detils {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 92%;
    margin: 0 auto 18px auto;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    box-sizing: border-box;
}

.STING-WEB-Wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
}

.STING-WEB-Wrap svg {
    color: var(--Primary-A-Color, #00dfa2);
    flex-shrink: 0;
}

.STING-WEB-Wrap-Date {
    color: #cbd5e1;
}

.STING-WEB-Wrap-Time {
    color: #94a3b8;
}


.STING-WEB-Post-Center {
    margin: 24px auto;
    width: 92%;
}

.STING-WEB-Post-Center img,
.STING-WEB-Post-Center iframe {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px;
}

.STING-WEB-Post-Center iframe {
    width: 100% !important;
    aspect-ratio: 16 / 9;
}

.STING-WEB-Post-Center p {
    text-align: justify;
    font-size: 15.5px;
    line-height: 32px;
    margin-bottom: 20px;
    color: var(--Primary-E-Color, #c8d3e6);
}

.STING-WEB-Post-Center-Left img {
    display: flex;
    align-items: center;
    justify-self: center;
    margin: 10px auto;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .STING-WEB-Post {
        grid-template-columns: 1fr;
    }

    .STING-WEB-Post-Top-IMG {
        height: 260px;
    }
}

.STING-WEB-Date_SVG {
    background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath d='M2.7,20A2.716,2.716,0,0,1,0,17.273V4.546A2.717,2.717,0,0,1,2.7,1.818H4.5V.909a.9.9,0,1,1,1.8,0v.909h5.4V.909a.9.9,0,1,1,1.8,0v.909h1.8A2.717,2.717,0,0,1,18,4.546V17.273A2.716,2.716,0,0,1,15.3,20Zm-.9-2.727a.905.905,0,0,0,.9.909H15.3a.905.905,0,0,0,.9-.909V9.091H1.8Zm14.4-10V4.546a.906.906,0,0,0-.9-.91H13.5v.91a.9.9,0,1,1-1.8,0v-.91H6.3v.91a.9.9,0,1,1-1.8,0v-.91H2.7a.906.906,0,0,0-.9.91V7.273Z' fill='%238e9ab2'%3E%3C/path%3E%3C/svg%3E") !important;
}

.STING-WEB-Post-Share li a:hover span {
    transform: scale(1.15);
}

.STING-WEB-Facebook_SVG {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%238e9ab2' d='M23,31H9c-4.4,0-8-3.6-8-8V9c0-4.4,3.6-8,8-8h14c4.4,0,8,3.6,8,8v14C31,27.4,27.4,31,23,31z M26,16h-5v-2.8c0-0.7,0.5-1.2,1.2-1.2H25V7h-4h0c-2.8,0-5,2.2-5,5v0v4h-4v5h4v10h5V21h3L26,16z'/%3E%3C/svg%3E") center no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    cursor: pointer;
    transition: transform 0.2s;
}

.STING-WEB-X_SVG {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238e9ab2' viewBox='0 0 50 50'%3E%3Cpath d='M 5.9199219 6 L 20.582031 27.375 L 6.2304688 44 L 9.4101562 44 L 21.986328 29.421875 L 31.986328 44 L 44 44 L 28.681641 21.669922 L 42.199219 6 L 39.029297 6 L 27.275391 19.617188 L 17.933594 6 L 5.9199219 6 z M 9.7167969 8 L 16.880859 8 L 40.203125 42 L 33.039062 42 L 9.7167969 8 z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    cursor: pointer;
    transition: transform 0.2s;
}

.STING-WEB-Telegram_SVG {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%238e9ab2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1117 4.49449C23.4296 2.94472 21.9074 1.65683 20.4317 2.227L2.3425 9.21601C0.694517 9.85273 0.621087 12.1572 2.22518 12.8975L6.1645 14.7157L8.03849 21.2746C8.13583 21.6153 8.40618 21.8791 8.74917 21.968C9.09216 22.0568 9.45658 21.9576 9.70712 21.707L12.5938 18.8203L16.6375 21.8531C17.8113 22.7334 19.5019 22.0922 19.7967 20.6549L23.1117 4.49449ZM3.0633 11.0816L21.1525 4.0926L17.8375 20.2531L13.1 16.6999C12.7019 16.4013 12.1448 16.4409 11.7929 16.7928L10.5565 18.0292L10.928 15.9861L18.2071 8.70703C18.5614 8.35278 18.5988 7.79106 18.2947 7.39293C17.9906 6.99479 17.4389 6.88312 17.0039 7.13168L6.95124 12.876L3.0633 11.0816Z'/%3E%3C/svg%3E") center no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    cursor: pointer;
    transition: transform 0.2s;
}

.STING-WEB-Whatsapp_SVG {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%238e9ab2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5129 3.4866C18.2882 1.24722 15.2597 -0.00837473 12.1032 4.20445e-05C5.54964 4.20445e-05 0.216056 5.33306 0.213776 11.8883C0.210977 13.9746 0.75841 16.0247 1.80085 17.8319L0.114014 23.9932L6.41672 22.34C8.15975 23.2898 10.1131 23.7874 12.0981 23.7874H12.1032C18.6556 23.7874 23.9897 18.4538 23.992 11.8986C24.0022 8.74248 22.7494 5.71347 20.5129 3.4866ZM12.1032 21.7768H12.0992C10.3294 21.7776 8.59195 21.3025 7.06888 20.4012L6.70803 20.1874L2.96836 21.1685L3.96713 17.52L3.73169 17.1461C2.74331 15.5709 2.22039 13.7484 2.22328 11.8889C2.22328 6.44185 6.65615 2.00783 12.1072 2.00783C14.7284 2.00934 17.2417 3.05207 19.0941 4.90662C20.9465 6.76117 21.9863 9.27564 21.9848 11.8969C21.9825 17.3456 17.5496 21.7768 12.1032 21.7768Z'/%3E%3C/svg%3E") center no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    cursor: pointer;
    transition: transform 0.2s;
}

.STING-WEB-Post-Bottom {
    width: 100%;
    margin: 16px auto 0 auto;
    background: var(--B-Color, #151b26);
    border: 1px solid var(--Border-Color, rgba(255, 255, 255, 0.07));
    border-radius: var(--Card-Radius, 14px);
    padding: 16px 20px;
}

.STING-WEB-Post-Share {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.STING-WEB-Post-Share li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1a2232;
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.2s ease;
}

.STING-WEB-Post-Share li a:hover {
    background: rgba(0, 223, 162, 0.12);
    border-color: rgba(0, 223, 162, 0.35);
}

.STING-WEB-Post-Share li a:hover .STING-WEB-Facebook_SVG,
.STING-WEB-Post-Share li a:hover .STING-WEB-X_SVG,
.STING-WEB-Post-Share li a:hover .STING-WEB-Telegram_SVG,
.STING-WEB-Post-Share li a:hover .STING-WEB-Whatsapp_SVG {
    filter: brightness(1.3);
}

/* ============================================================
   Modern Comments Section - News View
   ============================================================ */
.STING-WEB-Post-Comments {
    width: 100%;
    margin: 24px auto;
    background: linear-gradient(180deg, #151b26 0%, #10151f 100%);
    padding: 22px 20px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.STING-WEB-Comments-Header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.Comments-Header-Title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 800;
    color: #f1f5f9;
}

.Comments-Header-Title svg {
    color: var(--Primary-A-Color, #00dfa2);
}

.Comments-Header-Badge {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: #94a3b8;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.STING-WEB-Post-Comment-Form {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.Comment-Input-Group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.Comment-Name-Wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.Comment-Name-Wrapper .Input-Icon {
    position: absolute;
    right: 14px;
    color: #64748b;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.Comment-Name-Wrapper input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    padding: 11px 40px 11px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #1a2232;
    color: #f1f5f9;
    font-size: 13.5px;
    outline: none;
    transition: all 0.2s ease;
}

.Comment-Name-Wrapper input[type="text"]::placeholder {
    color: #64748b;
}

.Comment-Name-Wrapper input[type="text"]:focus {
    border-color: var(--Primary-A-Color, #00dfa2);
    box-shadow: 0 0 0 3px rgba(0, 223, 162, 0.15);
    background: #202b3f;
}

.Comment-Text-Wrapper textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #1a2232;
    color: #f1f5f9;
    font-size: 13.5px;
    resize: vertical;
    min-height: 85px;
    line-height: 1.6;
    outline: none;
    transition: all 0.2s ease;
    font-family: inherit;
}

.Comment-Text-Wrapper textarea::placeholder {
    color: #64748b;
}

.Comment-Text-Wrapper textarea:focus {
    border-color: var(--Primary-A-Color, #00dfa2);
    box-shadow: 0 0 0 3px rgba(0, 223, 162, 0.15);
    background: #202b3f;
}

.Comment-Form-Footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.Comment-Submit-Btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 999px;
    background: var(--Primary-A-Color, #00dfa2);
    color: #0b0f17;
    font-size: 13px;
    font-weight: 800;
    border: none;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 14px rgba(0, 223, 162, 0.25);
}

.Comment-Submit-Btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 223, 162, 0.35);
    filter: brightness(1.08);
}

.Comment-Submit-Btn:active {
    transform: translateY(0);
}

.Comment-Submit-Btn svg {
    transform: scaleX(-1);
    flex-shrink: 0;
}

/* Comments List */
.Comments-List-Bar {
    margin-bottom: 16px;
}

.Comments-List-Heading {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 800;
    color: #f1f5f9;
    margin: 0;
}

.Comments-List-Heading svg {
    color: var(--Primary-A-Color, #00dfa2);
}

/* Modern Empty State */
.Not-Comments-Modern {
    text-align: center;
    padding: 36px 16px;
    background: #1a2232;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    margin: 12px 0;
}

.Not-Comments-Icon {
    color: #64748b;
    margin-bottom: 8px;
    display: inline-flex;
}

.Not-Comments-Title {
    font-size: 15px;
    font-weight: 700;
    color: #f1f5f9;
    margin: 0 0 6px 0;
}

.Not-Comments-Subtitle {
    font-size: 12.5px;
    color: #94a3b8;
    margin: 0;
}

.Not-Comments {
    text-align: center;
    background: #1a2232;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    margin: 12px auto;
    padding: 24px;
    border-radius: 14px;
    color: #94a3b8;
    font-size: 13.5px;
}

/* Comment Item Card */
.STING-WEB-Post-Comments-Show {
    background: #1a2232;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 12px;
    transition: all 0.2s ease;
}

.STING-WEB-Post-Comments-Show:hover {
    border-color: rgba(255, 255, 255, 0.12);
}

.STING-WEB-Post-Comments-Show-User {
    padding-bottom: 0;
    border-bottom: none;
}

.STING-WEB-Post-Comments-Show-User-Top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 8px;
}

.STING-WEB-Post-Comments-Show-User-Top-Right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.STING-WEB-Post-Comments-Show-User-Icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.STING-WEB-Post-Comments-Show-User-Icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.08);
}

.STING-WEB-Post-Comments-Show-User-Info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.STING-WEB-Post-Comments-Show-User-Top-Right .Name-User {
    font-size: 14px;
    font-weight: 700;
    color: #f1f5f9;
}

.STING-WEB-Post-Comments-Show-User-Top-Right .Date-Comment {
    color: #94a3b8;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.STING-WEB-Post-Comments-Show-User-Top-Right .Date-Comment svg {
    opacity: 0.7;
}

.STING-WEB-Post-Comments-Show-User-Top-Left button.report-button {
    font-size: 11.5px;
    background: transparent;
    color: #94a3b8;
    border: none;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer;
}

.STING-WEB-Post-Comments-Show-User-Bottom {
    margin: 4px 0 0 0;
    padding-right: 46px;
}

.STING-WEB-Post-Comments-Show-User-Bottom span {
    font-size: 13.5px;
    color: #cbd5e1;
    line-height: 1.6;
    word-break: break-word;
    white-space: pre-wrap;
    display: block;
}

/* ============================================================
   Load More News Button in Sidebar
   ============================================================ */
.inNewsLoadMoreWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 18px auto 10px auto;
    width: 100%;
}

#inNewsLoadMoreBtn,
.STING-WEB-LoadMore-Btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #f1f5f9;
    background: #1a2232;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    min-width: 140px;
    outline: none;
}

#inNewsLoadMoreBtn svg,
.STING-WEB-LoadMore-Btn svg {
    transition: transform 0.2s ease;
    flex-shrink: 0;
    color: var(--Primary-A-Color, #00dfa2);
}

#inNewsLoadMoreBtn:hover,
.STING-WEB-LoadMore-Btn:hover {
    color: #0b0f17;
    background: var(--Primary-A-Color, #00dfa2);
    border-color: var(--Primary-A-Color, #00dfa2);
    box-shadow: 0 6px 20px rgba(0, 223, 162, 0.35);
    transform: translateY(-2px);
}

#inNewsLoadMoreBtn:hover svg,
.STING-WEB-LoadMore-Btn:hover svg {
    color: #0b0f17;
    transform: translateY(2px);
}

/* ============================================================
   LIGHT MODE STYLES - NEWS VIEW, DETAILS, COMMENTS & BUTTONS
   ============================================================ */
html.light-mode .STING-WEB-Post-Top {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html.light-mode .STING-WEB-Post-Top-Title h2 {
    color: #0f172a !important;
}

html.light-mode .STING-WEB-Post-Top-Detils {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html.light-mode .STING-WEB-Wrap {
    color: #64748b !important;
}

html.light-mode .STING-WEB-Wrap svg {
    color: #0d9488 !important;
}

html.light-mode .STING-WEB-Wrap-Date {
    color: #0f172a !important;
}

html.light-mode .STING-WEB-Wrap-Time {
    color: #64748b !important;
}


html.light-mode .STING-WEB-Post-Center p {
    color: #334155 !important;
}

html.light-mode .STING-WEB-Post-Bottom {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

html.light-mode .STING-WEB-Post-Share li a {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
}

html.light-mode .STING-WEB-Post-Share li a:hover {
    background: rgba(13, 148, 136, 0.12) !important;
    border-color: #0d9488 !important;
}

html.light-mode .STING-WEB-Post-Share li a .STING-WEB-Facebook_SVG,
html.light-mode .STING-WEB-Post-Share li a .STING-WEB-X_SVG,
html.light-mode .STING-WEB-Post-Share li a .STING-WEB-Telegram_SVG,
html.light-mode .STING-WEB-Post-Share li a .STING-WEB-Whatsapp_SVG {
    filter: invert(0.55) brightness(0.25) !important;
}

html.light-mode .STING-WEB-Post-Comments {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}

html.light-mode .STING-WEB-Comments-Header {
    border-bottom: 1px solid #e2e8f0 !important;
}

html.light-mode .Comments-Header-Title {
    color: #0f172a !important;
}

html.light-mode .Comments-Header-Badge {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border-color: #e2e8f0 !important;
}

html.light-mode .STING-WEB-Post-Comment-Form {
    border-bottom: 1px solid #e2e8f0 !important;
}

html.light-mode .Comment-Name-Wrapper input[type="text"] {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

html.light-mode .Comment-Text-Wrapper textarea {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

html.light-mode .Comment-Name-Wrapper input[type="text"]::placeholder,
html.light-mode .Comment-Text-Wrapper textarea::placeholder {
    color: #94a3b8 !important;
}

html.light-mode .Comment-Name-Wrapper input[type="text"]:focus,
html.light-mode .Comment-Text-Wrapper textarea:focus {
    background: #ffffff !important;
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15) !important;
}

html.light-mode .Comment-Submit-Btn {
    background: #0d9488 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.25) !important;
}

html.light-mode .Comment-Submit-Btn:hover {
    box-shadow: 0 6px 20px rgba(13, 148, 136, 0.35) !important;
}

html.light-mode .Comments-List-Heading {
    color: #0f172a !important;
}

html.light-mode .Not-Comments-Modern {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
}

html.light-mode .Not-Comments-Title {
    color: #0f172a !important;
}

html.light-mode .Not-Comments-Subtitle {
    color: #64748b !important;
}

html.light-mode .Not-Comments {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    color: #64748b !important;
}

html.light-mode .STING-WEB-Post-Comments-Show {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html.light-mode .STING-WEB-Post-Comments-Show:hover {
    border-color: #cbd5e1 !important;
}

html.light-mode .STING-WEB-Post-Comments-Show-User-Icon img {
    border-color: #e2e8f0 !important;
}

html.light-mode .STING-WEB-Post-Comments-Show-User-Top-Right .Name-User {
    color: #0f172a !important;
}

html.light-mode .STING-WEB-Post-Comments-Show-User-Top-Right .Date-Comment {
    color: #64748b !important;
}

html.light-mode .STING-WEB-Post-Comments-Show-User-Bottom span {
    color: #334155 !important;
}

html.light-mode .STING-WEB-Post-Comments-Show-User-Top-Left button.report-button {
    color: #64748b !important;
}

html.light-mode .STING-WEB-Post-Center h2,
html.light-mode .STING-WEB-Post-Center h3 {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html.light-mode #inNewsLoadMoreBtn,
html.light-mode .STING-WEB-LoadMore-Btn {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html.light-mode #inNewsLoadMoreBtn svg,
html.light-mode .STING-WEB-LoadMore-Btn svg {
    color: #0d9488 !important;
}

html.light-mode #inNewsLoadMoreBtn:hover,
html.light-mode .STING-WEB-LoadMore-Btn:hover {
    background: #0d9488 !important;
    border-color: #0d9488 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.3) !important;
}

html.light-mode #inNewsLoadMoreBtn:hover svg,
html.light-mode .STING-WEB-LoadMore-Btn:hover svg {
    color: #ffffff !important;
}