/* Nội dung file assets/dark-mode.css */
body.dark-mode {
    background-color: #1e1e1e;
    color: #d4d4d4;
}

body.dark-mode .site-header {
    background-color: #252526;
    border-bottom-color: #3a3a3a;
}

body.dark-mode .site-header a,
body.dark-mode .site-branding a {
     color: #cccccc; /* Màu logo/link header */
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #ffffff;
}
body.dark-mode h3 a { /* Tiêu đề bài viết */
    color: #ffffff !important; /* Quan trọng để ghi đè inline */
}

body.dark-mode a:not(.button):not(.gb-button):not(.wp-block-button__link):not(.category-card):not(.tag-link) {
    color: #4fc1ff; /* Màu link chung */
}
 body.dark-mode a:hover:not(.button):not(.gb-button):not(.wp-block-button__link):not(.category-card):not(.tag-link) {
     color: #7ccfff;
 }



/* Sections */
body.dark-mode .hero-section { background-color: #2a2a2b; }
body.dark-mode .featured-categories-section { background-color: #1e1e1e; } /* Hoặc transparent */
body.dark-mode .latest-posts-section { background-color: #252526; }
body.dark-mode .trending-tools-section { background-color: #1e1e1e; }
body.dark-mode .editors-picks-section { background-color: #2a313b; }
body.dark-mode .newsletter-section { background-color: #151515; }
body.dark-mode .creator-corner-section { background-color: #1e1e1e; }
body.dark-mode .tag-filter-section { background-color: #2a2a2b; }
body.dark-mode .resources-section { background-color: #252a30; }

/* Cards */
body.dark-mode .category-card,
body.dark-mode .post-item,
body.dark-mode .tool-card,
body.dark-mode .pick-item,
body.dark-mode .resource-item {
    background-color: #2d2d2d;
    border-color: #3f3f46;
    box-shadow: 0 2px 5px rgba(255,255,255,0.04);
}
 body.dark-mode .category-card:hover,
 body.dark-mode .post-item:hover,
 body.dark-mode .tool-card:hover,
 body.dark-mode .pick-item:hover,
 body.dark-mode .resource-item:hover {
      box-shadow: 0 6px 12px rgba(255, 255, 255, 0.08);
      border-color: #505055;
 }

body.dark-mode .category-card h3,
body.dark-mode .tool-card h4,
body.dark-mode .author-profile h4 a,
body.dark-mode .resource-item h4 {
     color: #d4d4d4 !important; /* Ghi đè inline */
}
 body.dark-mode .category-card p,
 body.dark-mode .post-item .post-excerpt,
 body.dark-mode .tool-card p,
 body.dark-mode .author-profile p,
 body.dark-mode .resource-item div:nth-of-type(1) { /* Div chứa excerpt */
     color: #a0a8b1 !important; /* Ghi đè inline */
 }
body.dark-mode .read-more,
body.dark-mode .tool-link,
body.dark-mode .author-posts-link {
    color: #4fc1ff !important; /* Ghi đè inline */
    background-color: #3a3d41 !important;
}
 body.dark-mode .read-more:hover,
 body.dark-mode .tool-link:hover,
 body.dark-mode .author-posts-link:hover {
     background-color: #484c51 !important;
 }


/* Tag links */
body.dark-mode .tag-link {
     background-color: #3a3a3a !important;
     color: #cccccc !important;
 }
  body.dark-mode .tag-link:hover {
     background-color: #4a4a4a !important;
     color: #ffffff !important;
 }

 /* Newsletter */
 body.dark-mode .newsletter-form input[type="email"]{
     background-color: #3c3c3c;
     color: #d4d4d4;
     border: 1px solid #555;
 }
 body.dark-mode .newsletter-form input[type="email"]::placeholder {
     color: #888;
 }

/* Swiper */
body.dark-mode .swiper-pagination-bullet {
    background-color: #4fc1ff;
}
body.dark-mode .swiper-button-next,
body.dark-mode .swiper-button-prev {
    color: #4fc1ff !important; /* Ghi đè inline */
     background-color: rgba(45, 45, 45, 0.8); /* Nền tối hơn */
}

/* Nút Dark Mode Toggle */
 
body.dark-mode #dark-mode-toggle {
     background-color: #f0f0f0 !important; /* Ghi đè inline */
     color: #333 !important; /* Ghi đè inline */
 }