/* ========================================
   Dark Mode Styles for Knowledgebase Home (Home 05)
   Companion to: knowledgebase-home.css
   ======================================== */

/* ===== LIGHT MODE BORDERS FOR HOME 05 ===== */

/* Nav fixed */
body:not(.dark-mode-enabled) .header-knowledebase-area .navbar-area.nav-fixed {
    border-bottom: 1px solid #878a95;
}

/* Highlight boxes */
body:not(.dark-mode-enabled) .single-highlight-item {
    border: 1px solid #878a95;
}

/* Popular articles */
body:not(.dark-mode-enabled) .single-popular-article-wrap {
    border: 1px solid #878a95;
    border-radius: 10px;
    padding: 20px;
}

body:not(.dark-mode-enabled) .title-with-image {
    border-bottom: 1px solid #878a95;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

body:not(.dark-mode-enabled) .single-popular-article-wrap .topic-image {
    border-color: #878a95;
}

body:not(.dark-mode-enabled) .article-list li {
    border-bottom: 1px solid #878a95;
    padding: 10px 0;
}

body:not(.dark-mode-enabled) .article-list li:last-child {
    border-bottom: none;
}

/* Testimonials */
body:not(.dark-mode-enabled) .single-testimonial-item-05 {
    border: 1px solid #878a95;
    border-radius: 10px;
    padding: 30px;
}

body:not(.dark-mode-enabled) .single-testimonial-item-05 .author-details .thumb img {
    border: 3px solid #878a95;
}

/* FAQ section */
body:not(.dark-mode-enabled) .faq-topic-tabs .nav-link {
    border: 1px solid #878a95;
    border-radius: 8px;
}

body:not(.dark-mode-enabled) .accordion-wrapper .card {
    border: 1px solid #878a95;
}

body:not(.dark-mode-enabled) .accordion-wrapper .card .card-header {
    border-color: #878a95;
}

/* body:not(.dark-mode-enabled) .accordion-wrapper .card .card-header a {
    border: 1px solid #878a95;
    border-radius: 5px;
} */

body:not(.dark-mode-enabled) .accordion-wrapper .card .card-body {
    border-top: 1px solid #878a95;
}

/* Support banner */
body:not(.dark-mode-enabled) .support-banner {
    border: 1px solid #878a95;
    border-radius: 20px;
}

/* Footer home 05 */
body:not(.dark-mode-enabled) .footer-area.home-page-05 .copyright-area {
    border-top: 1px solid #878a95;
}

/* Team members style 09 */
body:not(.dark-mode-enabled) .single-team-member-style-09 {
    border: 1px solid #878a95;
}

body:not(.dark-mode-enabled) .single-team-member-style-09 .content {
    border: 1px solid #878a95;
    border-bottom: 5px solid var(--main-color-one);
}

body:not(.dark-mode-enabled) .single-team-member-style-09 .thumb img {
    border: 2px solid #878a95;
}

/* ===== HEADER & NAVBAR ===== */

/* Knowledgebase header area */
body.dark-mode-enabled .header-knowledebase-area {
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .header-knowledebase-area .header-area {
    background-color: var(--dark-bg) !important;
    /* border-bottom: 1px solid var(--dark-border) !important; */
}

/* Nav Fixed - white bg override for dark */
body.dark-mode-enabled .header-knowledebase-area .navbar-area.nav-fixed {
    background-color: var(--dark-bg) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

/* Navbar transparent container */
body.dark-mode-enabled .navbar-area.nav-style-knowledge-home .nav-container {
    background-color: transparent !important;
}

/* Boxed btn in navbar */
body.dark-mode-enabled .navbar-area .nav-container .nav-right-content ul li.btn-wrapper .boxed-btn {
    color: #fff !important;
}

/* ===== HEADER CONTENT ===== */

body.dark-mode-enabled .header-knowledebase-area .header-area .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .header-knowledebase-area .header-area p {
    color: #b0b0b0 !important;
}

/* ===== HIGHLIGHT BOXES ===== */

body.dark-mode-enabled .single-highlight-item {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-highlight-item .icon {
    color: var(--knowledge-color) !important;
}

body.dark-mode-enabled .single-highlight-item .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-highlight-item .content p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .single-highlight-item:hover {
    background-color: var(--knowledge-color) !important;
    border-color: var(--knowledge-color) !important;
}

body.dark-mode-enabled .single-highlight-item:hover .icon {
    color: #fff !important;
}

body.dark-mode-enabled .single-highlight-item:hover .content .title {
    color: #fff !important;
}

body.dark-mode-enabled .single-highlight-item:hover .content p {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ===== POPULAR ARTICLES ===== */

body.dark-mode-enabled .single-popular-article-wrap {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

body.dark-mode-enabled .title-with-image {
    background-color: transparent !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}

body.dark-mode-enabled .title-with-image h4.title a {
    color: #ffffff !important;
}

body.dark-mode-enabled .title-with-image h4.title a:hover {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .title-with-image .topic-image {
    border-radius: 8px !important;
}

/* No-image placeholder */
body.dark-mode-enabled .single-popular-article-wrap .no-image {
    background-color: #1e3a5f !important;
    color: #b0b0b0 !important;
}

/* Topic image border */
body.dark-mode-enabled .single-popular-article-wrap .topic-image {
    border-color: var(--dark-border) !important;
}

/* Article title bar */
body.dark-mode-enabled .single-popular-article-wrap .title:after {
    background-color: var(--knowledge-color) !important;
}

body.dark-mode-enabled .article-list {
    background-color: transparent !important;
}

body.dark-mode-enabled .article-list li {
    color: #b0b0b0 !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding: 10px 0 !important;
}

body.dark-mode-enabled .article-list li:last-child {
    border-bottom: none !important;
}

body.dark-mode-enabled .article-list li i {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .article-list li a {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .article-list li a:hover {
    color: #64b5f6 !important;
}

/* ===== TESTIMONIALS ===== */

body.dark-mode-enabled .knowledge-testimonial-area {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .single-testimonial-item-05 {
    background-color: #16213e !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 10px !important;
    padding: 30px !important;
}

body.dark-mode-enabled .single-testimonial-item-05 p {
    color: #b0b0b0 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

body.dark-mode-enabled .single-testimonial-item-05 .author-details {
    background-color: transparent !important;
    margin-top: 20px !important;
}

body.dark-mode-enabled .single-testimonial-item-05 .author-details .thumb img {
    border-radius: 50% !important;
    border: 3px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-testimonial-item-05 .author-details .author h4.title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-testimonial-item-05 .author-details .author .designation {
    color: #b0b0b0 !important;
}

/* Owl nav */
body.dark-mode-enabled .testimonial-carousel-wrapper .owl-nav div {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .testimonial-carousel-wrapper .owl-nav div:hover {
    color: var(--main-color-one) !important;
}

/* ===== FAQ SECTION ===== */

body.dark-mode-enabled .faq-topic-tabs .nav-link {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 8px !important;
}

body.dark-mode-enabled .faq-topic-tabs .nav-link:hover {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .faq-topic-tabs .nav-link.active {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .accordion-wrapper .card .card-header a {
    border-color: var(--dark-border) !important;
    /* color: var(--knowledge-color) !important; */
}

/* ===== SUPPORT BANNER ===== */

body.dark-mode-enabled .support-banner {
    background: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .support-banner-title {
    color: #ffffff !important;
}

/* ===== FOOTER HOME 05 ===== */

body.dark-mode-enabled .footer-area.home-page-05 .footer-top {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .footer-area.home-page-05 .copyright-area {
    background-color: var(--dark-bg) !important;
    color: #888 !important;
    border-top-color: var(--dark-border) !important;
}

body.dark-mode-enabled .footer-area.home-page-05 .contact_info_list li.single-info-item .icon {
    color: var(--knowledge-color) !important;
}

/* ===== KNOWLEDGEBASE CONTENT PAGES ===== */

body.dark-mode-enabled .knowledgebase-content-area .main-title {
    color: #ffffff !important;
}

body.dark-mode-enabled .article-with-topic-title-style-01 .topic-title {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .article-with-topic-title-style-01 ul.know-articles-list li {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .article-with-topic-title-style-01 ul.know-articles-list li:hover {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .single-knowledgebase-list-item .title {
    color: #ffffff !important;
}

/* ===== VIDEO SECTION ===== */

body.dark-mode-enabled .embed-responsive {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode-enabled .embed-responsive:hover {
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.6) !important;
}

/* ===== CAROUSEL NAV ===== */

body.dark-mode-enabled .recent-cause-carousel .owl-nav div,
body.dark-mode-enabled .latest-news-carousel .owl-nav div,
body.dark-mode-enabled .event-carousel .owl-nav div {
    background-color: var(--dark-accent) !important;
    color: #fff !important;
}

/* ===== TEAM MEMBERS (Style 09) ===== */

body.dark-mode-enabled .single-team-member-style-09 .content {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    border-bottom-color: var(--dark-accent) !important;
}

/* ===== CTA AREA ===== */

body.dark-mode-enabled .cta-inner-wrapper .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .cta-inner-wrapper p {
    color: #b0b0b0 !important;
}

/* ===== PROGRESS BAR ===== */

body.dark-mode-enabled .percentCount {
    background-color: var(--main-color-one) !important;
}

body.dark-mode-enabled .proggress {
    background-color: var(--main-color-one) !important;
}

body.dark-mode-enabled .percentCount:after {
    border-top-color: var(--main-color-one) !important;
}