/* ===== DARK MODE GLOBAL STYLES ===== */

/* CSS Variables for Light Mode (Default) */
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-tertiary: #e9ecef;
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-tertiary: #495057;
  --border-color: #dee2e6;
  --card-bg: #ffffff;
  --card-shadow: rgba(0, 0, 0, 0.1);
  --input-bg: #ffffff;
  --input-border: #ced4da;
  --link-color: #0d6efd;
  --link-hover: #0a58ca;
  --navbar-bg: linear-gradient(90deg, #42A5F5, #0D47A1);
  --footer-bg: #1e3c72;
  --code-bg: #f8f9fa;
  --table-stripe: #f8f9fa;
  --overlay-bg: rgba(0, 0, 0, 0.5);
}

/* CSS Variables for Dark Mode */
.dark-mode {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --bg-tertiary: #3a3a3a;
  --text-primary: #e0e0e0;
  --text-secondary: #b0b0b0;
  --text-tertiary: #909090;
  --border-color: #404040;
  --card-bg: #2d2d2d;
  --card-shadow: rgba(0, 0, 0, 0.3);
  --input-bg: #2d2d2d;
  --input-border: #404040;
  --link-color: #64b5f6;
  --link-hover: #42a5f5;
  --navbar-bg: linear-gradient(90deg, #1e3a5f, #0a1929);
  --footer-bg: #0a1929;
  --code-bg: #2d2d2d;
  --table-stripe: #2d2d2d;
  --overlay-bg: rgba(0, 0, 0, 0.7);
}

/* Apply smooth transitions */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Base Elements */
.dark-mode body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
  color: var(--text-primary);
}

.dark-mode p,
.dark-mode span,
.dark-mode div {
  color: var(--text-primary);
}

.dark-mode a {
  color: var(--link-color);
}

.dark-mode a:hover {
  color: var(--link-hover);
}

/* Cards and Containers */
.dark-mode .card,
.dark-mode .post-card,
.dark-mode .category-card,
.dark-mode .info-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  box-shadow: 0 4px 6px var(--card-shadow);
}

.dark-mode .card-body,
.dark-mode .card-header,
.dark-mode .card-footer {
  background-color: var(--card-bg);
  color: var(--text-primary);
  border-color: var(--border-color);
}

/* Forms and Inputs */
.dark-mode input,
.dark-mode textarea,
.dark-mode select {
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

.dark-mode input:focus,
.dark-mode textarea:focus,
.dark-mode select:focus {
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--link-color);
}

.dark-mode input::placeholder,
.dark-mode textarea::placeholder {
  color: var(--text-secondary);
}

.dark-mode .form-control {
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

.dark-mode .form-label {
  color: var(--text-primary);
}

/* Buttons */
.dark-mode .btn-primary {
  background-color: #42a5f5;
  border-color: #42a5f5;
}

.dark-mode .btn-primary:hover {
  background-color: #1e88e5;
  border-color: #1e88e5;
}

.dark-mode .btn-secondary {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

.dark-mode .btn-outline-primary {
  color: #64b5f6;
  border-color: #64b5f6;
}

.dark-mode .btn-outline-primary:hover {
  background-color: #64b5f6;
  color: #1a1a1a;
}

/* Tables */
.dark-mode table {
  color: var(--text-primary);
  border-color: var(--border-color);
}

.dark-mode table thead {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

.dark-mode table tbody tr {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode table tbody tr:nth-child(even) {
  background-color: var(--table-stripe);
}

.dark-mode table tbody tr:hover {
  background-color: var(--bg-tertiary);
}

.dark-mode th,
.dark-mode td {
  border-color: var(--border-color);
}

/* Navbar (Additional styles) */
.dark-mode .main-navbar {
  background: var(--navbar-bg);
}

/* Footer */
.dark-mode footer {
  background-color: var(--footer-bg);
  color: var(--text-primary);
}

.dark-mode footer a {
  color: var(--text-secondary);
}

.dark-mode footer a:hover {
  color: var(--link-color);
}

/* Sidebar */
.dark-mode .sidebar,
.dark-mode .widget {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

/* Breadcrumb */
.dark-mode .breadcrumb {
  background-color: var(--bg-secondary);
}

.dark-mode .breadcrumb-item {
  color: var(--text-secondary);
}

.dark-mode .breadcrumb-item.active {
  color: var(--text-primary);
}

.dark-mode .breadcrumb-item + .breadcrumb-item::before {
  color: var(--text-secondary);
}

/* Pagination */
.dark-mode .pagination .page-link {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}

.dark-mode .pagination .page-link:hover {
  background-color: var(--bg-tertiary);
  color: var(--link-color);
}

.dark-mode .pagination .page-item.active .page-link {
  background-color: #42a5f5;
  border-color: #42a5f5;
  color: #ffffff;
}

.dark-mode .pagination .page-item.disabled .page-link {
  background-color: var(--bg-secondary);
  color: var(--text-tertiary);
}

/* Alerts */
.dark-mode .alert {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

.dark-mode .alert-success {
  background-color: #1b5e20;
  border-color: #2e7d32;
  color: #a5d6a7;
}

.dark-mode .alert-danger {
  background-color: #b71c1c;
  border-color: #c62828;
  color: #ef9a9a;
}

.dark-mode .alert-warning {
  background-color: #e65100;
  border-color: #ef6c00;
  color: #ffcc80;
}

.dark-mode .alert-info {
  background-color: #01579b;
  border-color: #0277bd;
  color: #81d4fa;
}

/* Modals */
.dark-mode .modal-content {
  background-color: var(--card-bg);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.dark-mode .modal-header {
  background-color: var(--bg-tertiary);
  border-bottom-color: var(--border-color);
}

.dark-mode .modal-footer {
  background-color: var(--bg-tertiary);
  border-top-color: var(--border-color);
}

.dark-mode .modal-backdrop {
  background-color: var(--overlay-bg);
}

.dark-mode .close {
  color: var(--text-primary);
}

/* Dropdowns */
.dark-mode .dropdown-menu {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .dropdown-item {
  color: var(--text-primary);
}

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus {
  background-color: var(--bg-tertiary);
  color: var(--link-color);
}

.dark-mode .dropdown-divider {
  border-top-color: var(--border-color);
}

/* Code Blocks */
.dark-mode pre,
.dark-mode code {
  background-color: var(--code-bg);
  color: #e0e0e0;
  border-color: var(--border-color);
}

/* Blockquotes */
.dark-mode blockquote {
  border-left-color: var(--link-color);
  color: var(--text-secondary);
  background-color: var(--bg-secondary);
}

/* HR */
.dark-mode hr {
  border-color: var(--border-color);
}

/* List Groups */
.dark-mode .list-group-item {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}

.dark-mode .list-group-item:hover {
  background-color: var(--bg-tertiary);
}

.dark-mode .list-group-item.active {
  background-color: #42a5f5;
  border-color: #42a5f5;
}

/* Badges */
.dark-mode .badge {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

.dark-mode .badge-primary {
  background-color: #42a5f5;
  color: #ffffff;
}

.dark-mode .badge-secondary {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

/* Progress Bars */
.dark-mode .progress {
  background-color: var(--bg-tertiary);
}

.dark-mode .progress-bar {
  background-color: #42a5f5;
}

/* Tooltips */
.dark-mode .tooltip-inner {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

/* Popovers */
.dark-mode .popover {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .popover-header {
  background-color: var(--bg-tertiary);
  border-bottom-color: var(--border-color);
  color: var(--text-primary);
}

.dark-mode .popover-body {
  color: var(--text-primary);
}

/* Carousel */
.dark-mode .carousel-caption {
  background-color: var(--overlay-bg);
}

.dark-mode .carousel-control-prev-icon,
.dark-mode .carousel-control-next-icon {
  filter: invert(1);
}

/* Accordion */
.dark-mode .accordion-item {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .accordion-button {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

.dark-mode .accordion-button:not(.collapsed) {
  background-color: var(--bg-tertiary);
  color: var(--link-color);
}

.dark-mode .accordion-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

/* Tabs */
.dark-mode .nav-tabs {
  border-bottom-color: var(--border-color);
}

.dark-mode .nav-tabs .nav-link {
  color: var(--text-secondary);
  border-color: transparent;
}

.dark-mode .nav-tabs .nav-link:hover {
  border-color: var(--border-color);
  color: var(--text-primary);
}

.dark-mode .nav-tabs .nav-link.active {
  background-color: var(--card-bg);
  border-color: var(--border-color) var(--border-color) var(--card-bg);
  color: var(--text-primary);
}

.dark-mode .tab-content {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

/* Spinners */
.dark-mode .spinner-border,
.dark-mode .spinner-grow {
  color: var(--link-color);
}

/* Custom Scrollbar */
.dark-mode ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.dark-mode ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

.dark-mode ::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary);
  border-radius: 6px;
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: var(--border-color);
}

/* Selection */
.dark-mode ::selection {
  background-color: #42a5f5;
  color: #ffffff;
}

.dark-mode ::-moz-selection {
  background-color: #42a5f5;
  color: #ffffff;
}

/* Images - Slight opacity reduction in dark mode */
.dark-mode img {
  opacity: 0.9;
}

.dark-mode img:hover {
  opacity: 1;
}

/* Specific Component Overrides */

/* Post Content */
.dark-mode .post-content,
.dark-mode .article-content {
  color: var(--text-primary);
}

.dark-mode .post-meta,
.dark-mode .article-meta {
  color: var(--text-secondary);
}

/* Comment Section */
.dark-mode .comment {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .comment-author {
  color: var(--text-primary);
}

.dark-mode .comment-date {
  color: var(--text-secondary);
}

/* Search Box */
.dark-mode .search-box {
  background-color: var(--input-bg);
  border-color: var(--input-border);
}

.dark-mode .search-box input {
  background-color: transparent;
  color: var(--text-primary);
}

/* Category Tags */
.dark-mode .category-tag,
.dark-mode .tag {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.dark-mode .category-tag:hover,
.dark-mode .tag:hover {
  background-color: #42a5f5;
  color: #ffffff;
}

/* Job Alerts */
.dark-mode .job-alert-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .job-alert-title {
  color: var(--text-primary);
}

.dark-mode .job-alert-meta {
  color: var(--text-secondary);
}

/* Quiz/MCQ Components */
.dark-mode .question-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .option-btn {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.dark-mode .option-btn:hover {
  background-color: var(--bg-tertiary);
}

.dark-mode .option-btn.correct {
  background-color: #1b5e20;
  color: #a5d6a7;
}

.dark-mode .option-btn.incorrect {
  background-color: #b71c1c;
  color: #ef9a9a;
}

/* Banner/Hero Section */
.dark-mode .banner,
.dark-mode .hero-section {
  background-color: var(--bg-secondary);
}

/* Info Cards */
.dark-mode .info-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .info-card-title {
  color: var(--text-primary);
}

.dark-mode .info-card-text {
  color: var(--text-secondary);
}

/* Subject Cards */
.dark-mode .subject-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .subject-card:hover {
  background-color: var(--bg-tertiary);
  transform: translateY(-5px);
}

/* Slider/Carousel */
.dark-mode .slider-item {
  background-color: var(--card-bg);
}

/* Contact Form */
.dark-mode .contact-form {
  background-color: var(--card-bg);
}

/* FAQ Section */
.dark-mode .faq-item {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

.dark-mode .faq-question {
  color: var(--text-primary);
}

.dark-mode .faq-answer {
  color: var(--text-secondary);
}

/* Social Links */
.dark-mode .social-link {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

.dark-mode .social-link:hover {
  background-color: #42a5f5;
  color: #ffffff;
}

/* Disable transitions for initial load */
.dark-mode-transition-disabled * {
  transition: none !important;
}

/* ===== HOME PAGE SPECIFIC DARK MODE STYLES ===== */

/* Home Page Container */
.dark-mode .hp-blog-container {
  background-color: var(--bg-primary);
}

/* Home Page Cards */
.dark-mode .hp-post-card {
  background-color: var(--card-bg);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-post-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}

.dark-mode .hp-post-card h3 {
  color: var(--text-primary);
}

.dark-mode .hp-post-card p {
  color: var(--text-secondary);
}

/* Slider Overlay */
.dark-mode .hp-slider-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
}

.dark-mode .hp-slider-overlay h2,
.dark-mode .hp-slider-overlay p {
  color: #ffffff;
}

/* Article Cards */
.dark-mode .hp-article-card {
  background-color: var(--card-bg);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-article-card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

.dark-mode .hp-article-image img {
  opacity: 0.9;
}

.dark-mode .hp-article-card:hover .hp-article-image img {
  opacity: 1;
}

.dark-mode .hp-article-category a {
  color: var(--link-color);
  background: rgba(100, 181, 246, 0.15);
}

.dark-mode .hp-article-category a:hover {
  background: var(--link-color);
  color: #1a1a1a;
}

.dark-mode .hp-article-date {
  color: var(--text-secondary);
}

.dark-mode .hp-article-title a {
  color: var(--text-primary);
}

.dark-mode .hp-article-title a:hover {
  color: var(--link-color);
}

.dark-mode .hp-article-excerpt {
  color: var(--text-secondary);
}

.dark-mode .hp-read-time {
  color: var(--text-secondary);
}

.dark-mode .hp-read-more-btn {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  box-shadow: 0 2px 10px rgba(66, 165, 245, 0.4);
}

.dark-mode .hp-read-more-btn:hover {
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  box-shadow: 0 4px 15px rgba(66, 165, 245, 0.5);
}

/* Search Bar */
.dark-mode .hp-search-bar input {
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

.dark-mode .hp-search-bar input::placeholder {
  color: var(--text-secondary);
}

.dark-mode .hp-search-bar input:focus {
  border-color: var(--link-color);
  background-color: var(--input-bg);
}

.dark-mode .hp-search-bar button {
  background-color: var(--link-color);
}

.dark-mode .hp-search-bar button:hover {
  background-color: var(--link-hover);
}

/* Categories Section */
.dark-mode .hp-categories-section {
  background-color: var(--card-bg);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-categories-section h4 {
  color: var(--text-primary);
  border-bottom-color: var(--link-color);
}

.dark-mode .hp-category-item {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-category-item:hover {
  background-color: var(--bg-tertiary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark-mode .hp-category-name {
  color: var(--text-primary);
}

.dark-mode .hp-category-count {
  background-color: var(--link-color);
  color: #ffffff;
}

/* Tags Section */
.dark-mode .hp-tags-section {
  background-color: var(--card-bg);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-tags-section h4 {
  color: var(--text-primary);
  border-bottom-color: var(--link-color);
}

.dark-mode .hp-tag-item {
  background-color: var(--link-color);
  color: #ffffff;
  box-shadow: 0 4px 6px rgba(66, 165, 245, 0.3);
}

.dark-mode .hp-tag-item:hover {
  background-color: var(--link-hover);
  box-shadow: 0 6px 10px rgba(66, 165, 245, 0.4);
}

/* Sidebar Articles */
.dark-mode .hp-sidebar-article {
  background-color: var(--card-bg);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-sidebar-article:hover {
  background-color: var(--bg-tertiary);
}

.dark-mode .hp-sidebar-article h3 {
  color: var(--text-primary);
}

.dark-mode .hp-sidebar-article h3:hover {
  color: var(--link-color);
}

.dark-mode .hp-sidebar-article img {
  opacity: 0.9;
}

.dark-mode .hp-sidebar-article:hover img {
  opacity: 1;
}

/* Latest Posts Section */
.dark-mode .hp-latest-posts-section {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-latest-posts-section h2 {
  color: var(--text-primary);
  border-bottom-color: var(--border-color);
}

/* Banner Section */
.dark-mode .hp-banner-section {
  background: linear-gradient(135deg, #1a1a1a, #2d2d2d);
}

.dark-mode .hp-banner-content h2,
.dark-mode .hp-banner-content h3 {
  color: var(--text-primary);
}

.dark-mode .hp-banner-content p {
  color: var(--text-secondary);
}

/* Subject Cards */
.dark-mode .hp-subject-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark-mode .hp-subject-card:hover {
  background-color: var(--bg-tertiary);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.dark-mode .hp-subject-card h3,
.dark-mode .hp-subject-card h4 {
  color: var(--text-primary);
}

.dark-mode .hp-subject-card p {
  color: var(--text-secondary);
}

/* Info Cards */
.dark-mode .hp-info-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark-mode .hp-info-card:hover {
  background-color: var(--bg-tertiary);
}

.dark-mode .hp-info-card-title {
  color: var(--text-primary);
}

.dark-mode .hp-info-card-text {
  color: var(--text-secondary);
}

/* Post Meta Information */
.dark-mode .hp-post-meta,
.dark-mode .hp-article-meta {
  color: var(--text-secondary);
}

.dark-mode .hp-post-meta a,
.dark-mode .hp-article-meta a {
  color: var(--link-color);
}

.dark-mode .hp-post-meta a:hover,
.dark-mode .hp-article-meta a:hover {
  color: var(--link-hover);
}

/* Category and Tag Links */
.dark-mode .hp-categories a {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}

.dark-mode .hp-categories a:hover {
  background-color: var(--link-color);
  color: #ffffff;
  border-color: var(--link-color);
}

.dark-mode .hp-categories a small {
  background-color: var(--link-color);
  color: #ffffff;
}

/* Headings */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
  color: var(--text-primary);
}

/* Paragraphs and Text */
.dark-mode p,
.dark-mode span,
.dark-mode div {
  color: var(--text-primary);
}

/* Links */
.dark-mode a {
  color: var(--link-color);
}

.dark-mode a:hover {
  color: var(--link-hover);
}

/* Scrollbar for Home Page */
.dark-mode .hp-blog-container ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.dark-mode .hp-blog-container ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

.dark-mode .hp-blog-container ::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary);
  border-radius: 5px;
}

.dark-mode .hp-blog-container ::-webkit-scrollbar-thumb:hover {
  background: var(--border-color);
}

/* Responsive adjustments for dark mode */
@media (max-width: 768px) {
  .dark-mode .hp-article-card {
    background-color: var(--card-bg);
  }
  
  .dark-mode .hp-sidebar-article {
    background-color: var(--card-bg);
  }
}

/* Additional Home Page Elements */
.dark-mode .hp-post-grid > div {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

/* Slider Container */
.dark-mode .hp-slider {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  border: 1px solid var(--border-color);
}

/* Article Footer */
.dark-mode .hp-article-footer {
  border-top: 1px solid var(--border-color);
}

/* Category Section List */
.dark-mode .hp-categories-list a {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

.dark-mode .hp-categories-list a:hover {
  background-color: var(--bg-tertiary);
}

/* Tags Container */
.dark-mode .hp-tags-container {
  background-color: transparent;
}

/* Latest Posts Sidebar */
.dark-mode .hp-latest-posts-sidebar {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-latest-posts-sidebar h2 {
  color: var(--text-primary);
  border-bottom-color: var(--border-color);
}

/* Post Author */
.dark-mode .hp-post-author,
.dark-mode .hp-article-author {
  color: var(--text-secondary);
}

.dark-mode .hp-post-author a,
.dark-mode .hp-article-author a {
  color: var(--link-color);
}

/* Post Date */
.dark-mode .hp-post-date,
.dark-mode .hp-article-date {
  color: var(--text-secondary);
}

/* Read Duration */
.dark-mode .hp-read-duration {
  color: var(--text-secondary);
}

/* Excerpt Text */
.dark-mode .hp-excerpt {
  color: var(--text-secondary);
}

/* Category Badge */
.dark-mode .hp-category-badge {
  background-color: rgba(66, 165, 245, 0.15);
  color: var(--link-color);
  border: 1px solid var(--link-color);
}

.dark-mode .hp-category-badge:hover {
  background-color: var(--link-color);
  color: #ffffff;
}

/* Featured Badge */
.dark-mode .hp-featured-badge {
  background-color: rgba(255, 193, 7, 0.15);
  color: #ffc107;
  border: 1px solid #ffc107;
}

/* New Badge */
.dark-mode .hp-new-badge {
  background-color: rgba(76, 175, 80, 0.15);
  color: #4caf50;
  border: 1px solid #4caf50;
}

/* Trending Badge */
.dark-mode .hp-trending-badge {
  background-color: rgba(244, 67, 54, 0.15);
  color: #f44336;
  border: 1px solid #f44336;
}

/* Empty State */
.dark-mode .hp-empty-state {
  background-color: var(--card-bg);
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-empty-state h3 {
  color: var(--text-primary);
}

/* Loading State */
.dark-mode .hp-loading {
  background-color: var(--bg-secondary);
  color: var(--text-secondary);
}

/* Dividers */
.dark-mode .hp-divider {
  border-color: var(--border-color);
}

/* Section Headers */
.dark-mode .hp-section-header {
  color: var(--text-primary);
  border-bottom: 2px solid var(--link-color);
}

/* View All Links */
.dark-mode .hp-view-all {
  color: var(--link-color);
}

.dark-mode .hp-view-all:hover {
  color: var(--link-hover);
}

/* Pagination for Home Page */
.dark-mode .hp-pagination {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-pagination a {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.dark-mode .hp-pagination a:hover {
  background-color: var(--bg-tertiary);
  color: var(--link-color);
}

.dark-mode .hp-pagination .active {
  background-color: var(--link-color);
  color: #ffffff;
}

/* Social Share Buttons */
.dark-mode .hp-social-share {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-social-share button {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.dark-mode .hp-social-share button:hover {
  background-color: var(--bg-tertiary);
}

/* Newsletter Section */
.dark-mode .hp-newsletter {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .hp-newsletter h3 {
  color: var(--text-primary);
}

.dark-mode .hp-newsletter p {
  color: var(--text-secondary);
}

.dark-mode .hp-newsletter input {
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

.dark-mode .hp-newsletter button {
  background-color: var(--link-color);
  color: #ffffff;
}

.dark-mode .hp-newsletter button:hover {
  background-color: var(--link-hover);
}

/* ===== ABOUT PAGE DARK MODE ===== */
.dark-mode .about-section {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.dark-mode .about-container {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .about-header {
  background: linear-gradient(135deg, #1e3a5f, #2a5298);
  color: #ffffff;
}

.dark-mode .about-content {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

.dark-mode .about-content h1,
.dark-mode .about-content h2,
.dark-mode .about-content h3,
.dark-mode .about-content h4 {
  color: var(--text-primary);
}

.dark-mode .about-content p {
  color: var(--text-secondary);
}

.dark-mode .about-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark-mode .about-card:hover {
  background-color: var(--bg-tertiary);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.dark-mode .about-feature {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
}

.dark-mode .about-feature h3 {
  color: var(--text-primary);
}

.dark-mode .about-feature p {
  color: var(--text-secondary);
}

/* ===== JOB ALERT PAGE DARK MODE ===== */
.dark-mode .job-alert-section {
  background-color: var(--bg-primary);
}

.dark-mode .job-alert-container {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .job-alert-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark-mode .job-alert-card:hover {
  background-color: var(--bg-tertiary);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.dark-mode .job-alert-title {
  color: var(--text-primary);
}

.dark-mode .job-alert-title a {
  color: var(--text-primary);
}

.dark-mode .job-alert-title a:hover {
  color: var(--link-color);
}

.dark-mode .job-alert-meta {
  color: var(--text-secondary);
}

.dark-mode .job-alert-meta span {
  color: var(--text-secondary);
}

.dark-mode .job-alert-description {
  color: var(--text-secondary);
}

.dark-mode .job-alert-badge {
  background-color: rgba(66, 165, 245, 0.15);
  color: var(--link-color);
  border: 1px solid var(--link-color);
}

.dark-mode .job-alert-date {
  color: var(--text-tertiary);
}

.dark-mode .job-alert-status {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

.dark-mode .job-alert-status.active {
  background-color: rgba(76, 175, 80, 0.15);
  color: #4caf50;
}

.dark-mode .job-alert-status.expired {
  background-color: rgba(244, 67, 54, 0.15);
  color: #f44336;
}

.dark-mode .job-alert-button {
  background-color: var(--link-color);
  color: #ffffff;
}

.dark-mode .job-alert-button:hover {
  background-color: var(--link-hover);
}

.dark-mode .job-alert-filter {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .job-alert-filter select,
.dark-mode .job-alert-filter input {
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

.dark-mode .job-alert-header {
  background: linear-gradient(135deg, #1e3a5f, #2a5298);
  color: #ffffff;
}

.dark-mode .job-alert-header h1,
.dark-mode .job-alert-header h2 {
  color: #ffffff;
}

.dark-mode .job-details {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .job-details-table {
  background-color: var(--card-bg);
}

.dark-mode .job-details-table th {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.dark-mode .job-details-table td {
  background-color: var(--card-bg);
  color: var(--text-secondary);
  border-color: var(--border-color);
}

.dark-mode .job-details-table tr:hover {
  background-color: var(--bg-tertiary);
}

.dark-mode .job-important-dates {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
}

.dark-mode .job-important-dates h3 {
  color: var(--text-primary);
}

.dark-mode .job-important-dates p {
  color: var(--text-secondary);
}

.dark-mode .job-apply-button {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #ffffff;
}

.dark-mode .job-apply-button:hover {
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
}

/* ===== PAGE CONTENT DARK MODE ===== */
.dark-mode .page-content {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.dark-mode .page-header {
  background: linear-gradient(135deg, #1e3a5f, #2a5298);
  color: #ffffff;
}

.dark-mode .page-title {
  color: #ffffff;
}

.dark-mode .page-description {
  color: rgba(255, 255, 255, 0.9);
}

.dark-mode .content-wrapper {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .content-section {
  background-color: var(--card-bg);
}

.dark-mode .content-section h1,
.dark-mode .content-section h2,
.dark-mode .content-section h3,
.dark-mode .content-section h4,
.dark-mode .content-section h5,
.dark-mode .content-section h6 {
  color: var(--text-primary);
}

.dark-mode .content-section p,
.dark-mode .content-section li,
.dark-mode .content-section span {
  color: var(--text-secondary);
}

.dark-mode .content-section a {
  color: var(--link-color);
}

.dark-mode .content-section a:hover {
  color: var(--link-hover);
}

/* ===== CONTACT PAGE DARK MODE ===== */
.dark-mode .contact-section {
  background-color: var(--bg-primary);
}

.dark-mode .contact-form {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .contact-form input,
.dark-mode .contact-form textarea,
.dark-mode .contact-form select {
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

.dark-mode .contact-form label {
  color: var(--text-primary);
}

.dark-mode .contact-info {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

.dark-mode .contact-info h3 {
  color: var(--text-primary);
}

.dark-mode .contact-info p {
  color: var(--text-secondary);
}

/* ===== PRIVACY, TERMS, DISCLAIMER PAGES ===== */
.dark-mode .policy-page {
  background-color: var(--bg-primary);
}

.dark-mode .policy-content {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.dark-mode .policy-content h1,
.dark-mode .policy-content h2,
.dark-mode .policy-content h3 {
  color: var(--text-primary);
}

.dark-mode .policy-content p,
.dark-mode .policy-content li {
  color: var(--text-secondary);
}

.dark-mode .policy-content a {
  color: var(--link-color);
}

.dark-mode .policy-content a:hover {
  color: var(--link-hover);
}