/*
 * Bashkardi permanent light theme for single article/video pages.
 * v1.0.138
 *
 * This stylesheet is loaded from includes/header.php and uses a scoped body class
 * plus !important overrides. It intentionally wins over legacy inline dark CSS in
 * blog/post.php and video/view.php, so unrelated future page updates cannot revert
 * these pages to dark mode.
 */
body.bk-single-content-light {
    --aw-card: #ffffff;
    --aw-card2: #ffffff;
    --aw-line: #dfeaf0;
    --aw-text: #14242d;
    --aw-muted: #6f7f88;
    --aw-blue: #1c6e94;
    --aw-cyan: #35a8d6;
    --aw-red: #e84461;
    --aw-shadow: 0 10px 26px rgba(24, 61, 78, .085);
    --vw-card: #ffffff;
    --vw-card2: #ffffff;
    --vw-line: #dfeaf0;
    --vw-text: #14242d;
    --vw-muted: #6f7f88;
    --vw-blue: #1c6e94;
    --vw-red: #e84461;
    --vw-shadow: 0 10px 26px rgba(24, 61, 78, .085);
    background: #f4f8fb !important;
    color: #14242d !important;
    color-scheme: light !important;
}

/* Main cards and text */
body.bk-single-content-light .bk-info-card,
body.bk-single-content-light .bk-owner-card,
body.bk-single-content-light .bk-comments-card,
body.bk-single-content-light .bk-related-card,
body.bk-single-content-light .bk-not-found {
    background: #fff !important;
    border-color: #dfeaf0 !important;
    box-shadow: 0 10px 26px rgba(24, 61, 78, .085) !important;
}
body.bk-single-content-light .bk-article-title,
body.bk-single-content-light .bk-video-title,
body.bk-single-content-light .bk-owner-username,
body.bk-single-content-light .bk-comments-title,
body.bk-single-content-light .bk-related-title,
body.bk-single-content-light .bk-related-item,
body.bk-single-content-light .bk-comment-user-line,
body.bk-single-content-light .bk-not-found h1,
body.bk-single-content-light .bk-article-content h2,
body.bk-single-content-light .bk-article-content h3,
body.bk-single-content-light .bk-article-content h4,
body.bk-single-content-light .bk-article-content h5,
body.bk-single-content-light .bk-article-content h6 {
    color: #14242d !important;
}
body.bk-single-content-light .bk-detail-row,
body.bk-single-content-light .bk-owner-fullname,
body.bk-single-content-light .bk-comments-total,
body.bk-single-content-light .bk-comment-as,
body.bk-single-content-light .bk-comment-message,
body.bk-single-content-light .bk-comment-identity,
body.bk-single-content-light .bk-related-owner,
body.bk-single-content-light .bk-empty,
body.bk-single-content-light .bk-not-found p {
    color: #6f7f88 !important;
}
body.bk-single-content-light .bk-view-count {
    color: #526873 !important;
}
body.bk-single-content-light .bk-category {
    border-color: #c7e4f1 !important;
    background: #eef7fb !important;
    color: #1c6e94 !important;
}

/* Owner and follow */
body.bk-single-content-light .bk-owner-avatar,
body.bk-single-content-light .bk-comment-avatar {
    background: #edf3f6 !important;
}
body.bk-single-content-light .bk-follow-btn.followed {
    background: #eef6fa !important;
    border-color: #d6e6ed !important;
    color: #1a536b !important;
}
body.bk-single-content-light .bk-follow-btn.followed:hover {
    background: #e5f1f6 !important;
}

/* Article body */
body.bk-single-content-light .bk-content-card,
body.bk-single-content-light .bk-article-content,
body.bk-single-content-light .bk-description {
    color: #344b57 !important;
}
body.bk-single-content-light .bk-description,
body.bk-single-content-light .bk-article-summary-box {
    background: #eef6fa !important;
    border-color: #dfeaf0 !important;
    box-shadow: inset 0 0 0 1px #dfeaf0 !important;
}
body.bk-single-content-light .bk-article-summary {
    color: #24414f !important;
}
body.bk-single-content-light .bk-article-content a {
    color: #147aa8 !important;
}
body.bk-single-content-light .bk-article-content blockquote {
    background: #f5f9fb !important;
    color: #344f5c !important;
}
body.bk-single-content-light .bk-article-content img,
body.bk-single-content-light .bk-article-content video,
body.bk-single-content-light .bk-article-content iframe,
body.bk-single-content-light .bk-related-thumb,
body.bk-single-content-light .bk-related-thumb img {
    background: #edf3f6 !important;
}
body.bk-single-content-light .bk-article-content figcaption,
body.bk-single-content-light .bk-comment-date,
body.bk-single-content-light .bk-related-meta,
body.bk-single-content-light .bk-related-meta-heart .bk-related-meta-number {
    color: #7d8c95 !important;
}
body.bk-single-content-light .bk-article-content th {
    background: #eef6fa !important;
    color: #14242d !important;
}
body.bk-single-content-light .bk-article-content td,
body.bk-single-content-light .bk-article-content th,
body.bk-single-content-light .bk-comment {
    border-color: #dfeaf0 !important;
}
body.bk-single-content-light .bk-article-content pre {
    background: #0f3f55 !important;
    color: #f5fbfe !important;
}

/* Comment form and list */
body.bk-single-content-light .bk-comment-form textarea {
    background: #fff !important;
    color: #14242d !important;
    border-color: #d6e5ec !important;
}
body.bk-single-content-light .bk-comment-form textarea::placeholder {
    color: #87969e !important;
    opacity: 1 !important;
}
body.bk-single-content-light .bk-comment-form textarea:focus {
    border-color: #35a8d6 !important;
    box-shadow: 0 0 0 3px rgba(53, 168, 214, .10) !important;
}
body.bk-single-content-light .bk-comment-text {
    color: #3b515c !important;
}
body.bk-single-content-light .bk-comment-status {
    border-color: #f0d38d !important;
    background: #fff8e6 !important;
    color: #9b6a00 !important;
}

/* Related content */
body.bk-single-content-light .bk-related-title-icon,
body.bk-single-content-light .bk-related-title-icon svg {
    color: #1c6e94 !important;
    fill: #1c6e94 !important;
}
body.bk-single-content-light .bk-related-item:hover {
    background: #eef6fa !important;
}
body.bk-single-content-light .bk-related-meta-item .bk-inline-svg {
    fill: currentColor !important;
}
body.bk-single-content-light .bk-related-meta-heart {
    color: #e84461 !important;
}

/* Floating actions and their originally white PNG icons */
body.bk-single-content-light .bk-action {
    border-color: #d7e5ec !important;
    background: #fff !important;
    color: #284552 !important;
    box-shadow: 0 8px 20px rgba(24, 61, 78, .13) !important;
}
body.bk-single-content-light .bk-action:hover {
    background: #eef6fa !important;
}
body.bk-single-content-light .bk-action.active {
    background: #fff0f3 !important;
    border-color: #f1b5c0 !important;
    color: #d93655 !important;
}
body.bk-single-content-light .bk-action:not(.active) .bk-action-icon {
    filter: brightness(0) saturate(100%) invert(25%) sepia(18%) saturate(1019%) hue-rotate(151deg) brightness(91%) contrast(88%) !important;
}
body.bk-single-content-light .bk-action.active .bk-action-icon {
    filter: none !important;
}
body.bk-single-content-light .bk-comments-title img {
    filter: brightness(0) saturate(100%) invert(39%) sepia(34%) saturate(1244%) hue-rotate(153deg) brightness(91%) contrast(91%) !important;
}

/* Download confirmation */
body.bk-single-content-light .bk-download-confirm {
    background: rgba(15, 43, 56, .35) !important;
}
body.bk-single-content-light .bk-download-confirm-card {
    border-color: #dfeaf0 !important;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(24, 61, 78, .20) !important;
}
body.bk-single-content-light .bk-download-confirm-icon {
    background: #eef7fb !important;
    color: #1c6e94 !important;
}
body.bk-single-content-light .bk-download-confirm-title {
    color: #14242d !important;
}
body.bk-single-content-light .bk-download-confirm-no {
    background: #eef3f6 !important;
    color: #526873 !important;
}

/* Media player/cover itself remains dark for correct image and video presentation. */
body.bk-single-content-light .bk-player-card,
body.bk-single-content-light .bk-player-box,
body.bk-single-content-light .bk-player-box video,
body.bk-single-content-light .bk-player-box iframe,
body.bk-single-content-light .bk-cover-card,
body.bk-single-content-light .bk-cover-box,
body.bk-single-content-light .bk-featured-image {
    background-color: #05090c !important;
}