/* =========================================
   DARK MODE THEME - NaukriPlanet
   Ultra-Comprehensive Coverage
   ========================================= */

/* =========================================
   CSS VARIABLES - Base definitions
   ========================================= */
:root {
    --dark-bg-primary: #0f1419;
    --dark-bg-secondary: #1a1f2e;
    --dark-bg-tertiary: #252b3b;
    --dark-bg-card: #1e2636;
    --dark-bg-input: #2a3241;
    
    --dark-text-primary: #e7e9ea;
    --dark-text-secondary: #8b98a5;
    --dark-text-muted: #6b7280;
    
    --dark-border: #2f3943;
    --dark-border-light: #38444d;
    
    --dark-accent: #2042e3;
    --dark-accent-hover: #1a38d4;
    --dark-accent-light: #2d4aed;
    
    --dark-shadow: rgba(0, 0, 0, 0.4);
    --dark-white: #ffffff;
    
    --dark-scrollbar-bg: #2a3241;
    --dark-scrollbar-thumb: #4a5568;
}

/* =========================================
   AGGRESSIVE DARK MODE - Force on ALL elements
   ========================================= */
[data-theme="dark"] {
    /* Force background on html and body */
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] html {
    background-color: var(--dark-bg-primary) !important;
}

[data-theme="dark"] body {
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
}

/* =========================================
   FORCE ALL DIVS, SECTIONS, ARTICLES TO DARK
   ========================================= */
[data-theme="dark"] div,
[data-theme="dark"] section,
[data-theme="dark"] article,
[data-theme="dark"] aside,
[data-theme="dark"] main,
[data-theme="dark"] nav,
[data-theme="dark"] header:not(.breadcrumbs),
[data-theme="dark"] footer,
[data-theme="dark"] ul,
[data-theme="dark"] ol,
[data-theme="dark"] li,
[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] a,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] label,
[data-theme="dark"] strong,
[data-theme="dark"] b,
[data-theme="dark"] em,
[data-theme="dark"] i,
[data-theme="dark"] small,
[data-theme="dark"] td,
[data-theme="dark"] th {
    background-color: transparent !important;
    color: inherit !important;
}

/* =========================================
   ALL CONTAINERS AND WRAPPERS
   ========================================= */
[data-theme="dark"] .container,
[data-theme="dark"] .container-fluid,
[data-theme="dark"] .container-sm,
[data-theme="dark"] .container-md,
[data-theme="dark"] .container-lg,
[data-theme="dark"] .container-xl,
[data-theme="dark"] .container-xxl,
[data-theme="dark"] .row,
[data-theme="dark"] .col,
[data-theme="dark"] .col-1,
[data-theme="dark"] .col-2,
[data-theme="dark"] .col-3,
[data-theme="dark"] .col-4,
[data-theme="dark"] .col-5,
[data-theme="dark"] .col-6,
[data-theme="dark"] .col-7,
[data-theme="dark"] .col-8,
[data-theme="dark"] .col-9,
[data-theme="dark"] .col-10,
[data-theme="dark"] .col-11,
[data-theme="dark"] .col-12,
[data-theme="dark"] .col-lg,
[data-theme="dark"] .col-md,
[data-theme="dark"] .col-sm,
[data-theme="dark"] .col-xl,
[data-theme="dark"] .col-xxl,
[data-theme="dark"] .main-content,
[data-theme="dark"] .content-wrapper,
[data-theme="dark"] .page-content,
[data-theme="dark"] .site-content,
[data-theme="dark"] .wrapper,
[data-theme="dark"] .inner,
[data-theme="dark"] .outer,
[data-theme="dark"] .box,
[data-theme="dark"] .card-body,
[data-theme="dark"] .modal-body,
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer,
[data-theme="dark"] .panel-body,
[data-theme="dark"] .well,
[data-theme="dark"] .jumbotron {
    background-color: transparent !important;
}

/* =========================================
   PAGE SECTIONS - Force dark backgrounds
   ========================================= */
[data-theme="dark"] .section,
[data-theme="dark"] .page-section,
[data-theme="dark"] .content-area,
[data-theme="dark"] .main-section,
[data-theme="dark"] .page-wrapper,
[data-theme="dark"] .site-wrapper {
    background-color: var(--dark-bg-primary) !important;
}

/* =========================================
   SPECIFIC PAGE SECTIONS
   ========================================= */
[data-theme="dark"] .hero-area,
[data-theme="dark"] .hero-area.style2,
[data-theme="dark"] .hero-area.style3,
[data-theme="dark"] .hero-area.style4,
[data-theme="dark"] .about-us,
[data-theme="dark"] .testimonials,
[data-theme="dark"] .pricing-table,
[data-theme="dark"] .faq-area,
[data-theme="dark"] .job-category,
[data-theme="dark"] .find-job,
[data-theme="dark"] .featured-job,
[data-theme="dark"] .latest-news-area,
[data-theme="dark"] .blog-list,
[data-theme="dark"] .blog-single,
[data-theme="dark"] .client-logo-section,
[data-theme="dark"] .contact-us,
[data-theme="dark"] .job-details,
[data-theme="dark"] .job-post,
[data-theme="dark"] .resume,
[data-theme="dark"] .privacy-policy,
[data-theme="dark"] .add-resume,
[data-theme="dark"] .manage-resumes,
[data-theme="dark"] .job-alerts,
[data-theme="dark"] .manage-jobs,
[data-theme="dark"] .manage-applications,
[data-theme="dark"] .browse-resumes,
[data-theme="dark"] .bookmarked,
[data-theme="dark"] .notifications,
[data-theme="dark"] .change-password,
[data-theme="dark"] .error-area,
[data-theme="dark"] .maill-success {
    background-color: var(--dark-bg-primary) !important;
}

/* =========================================
   CARDS AND WIDGETS
   ========================================= */
[data-theme="dark"] .single-job,
[data-theme="dark"] .single-table,
[data-theme="dark"] .single-news,
[data-theme="dark"] .single-cat,
[data-theme="dark"] .single-faq,
[data-theme="dark"] .single-testimonial,
[data-theme="dark"] .single-popular-feed,
[data-theme="dark"] .single-table,
[data-theme="dark"] .process-item,
[data-theme="dark"] .job-item,
[data-theme="dark"] .resume-item,
[data-theme="dark"] .job-items,
[data-theme="dark"] .job-alerts-items,
[data-theme="dark"] .search-nner,
[data-theme="dark"] .category-tree,
[data-theme="dark"] .tree-item {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

/* Sidebar Widgets */
[data-theme="dark"] .sidebar .widget,
[data-theme="dark"] .widget,
[data-theme="dark"] .sidebar-widget,
[data-theme="dark"] .category-widget,
[data-theme="dark"] .search-widget,
[data-theme="dark"] .tag-widget,
[data-theme="dark"] .recent-widget,
[data-theme="dark"] .popular-widget,
[data-theme="dark"] .popular-feeds,
[data-theme="dark"] .categories-widget,
[data-theme="dark"] .popular-tag-widget,
[data-theme="dark"] .service-sidebar .widget {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .widget-title,
[data-theme="dark"] .sidebar .widget .widget-title {
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

/* =========================================
   FORMS AND INPUTS
   ========================================= */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] input[type="month"],
[data-theme="dark"] input[type="week"],
[data-theme="dark"] input[type="file"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-control-custom,
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-box .form-control-custom,
[data-theme="dark"] .comment-form form .form-box .form-control-custom,
[data-theme="dark"] .contact-us .form .form-group input,
[data-theme="dark"] .contact-us .form .form-group textarea,
[data-theme="dark"] .search-widget form input,
[data-theme="dark"] .job-search-form,
[data-theme="dark"] .job-search-wrap-two,
[data-theme="dark"] .home-search,
[data-theme="dark"] .find-job .search-job .search-nner {
    background-color: var(--dark-bg-input) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .form-group label,
[data-theme="dark"] .form-group .label,
[data-theme="dark"] .single-field-item label,
[data-theme="dark"] .form-label {
    color: var(--dark-text-primary) !important;
}

/* Checkbox and Radio */
[data-theme="dark"] .form-check-input,
[data-theme="dark"] input[type="checkbox"],
[data-theme="dark"] input[type="radio"] {
    background-color: var(--dark-bg-input) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .form-check-label,
[data-theme="dark"] .checkboxs {
    color: var(--dark-text-primary) !important;
}

/* =========================================
   TABLES
   ========================================= */
[data-theme="dark"] table,
[data-theme="dark"] .table,
[data-theme="dark"] .dataTable,
[data-theme="dark"] table.table {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] table th,
[data-theme="dark"] table td,
[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
    background-color: transparent !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] table thead th,
[data-theme="dark"] table th.table-header {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] table tbody tr,
[data-theme="dark"] .table tbody tr {
    background-color: transparent !important;
}

[data-theme="dark"] table tbody tr:hover,
[data-theme="dark"] .table tbody tr:hover {
    background-color: var(--dark-bg-tertiary) !important;
}

/* =========================================
   BUTTONS
   ========================================= */
[data-theme="dark"] .btn,
[data-theme="dark"] .button .btn,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-success,
[data-theme="dark"] .btn-danger,
[data-theme="dark"] .btn-warning,
[data-theme="dark"] .btn-info,
[data-theme="dark"] .btn-light,
[data-theme="dark"] .btn-dark,
[data-theme="dark"] .btn-outline-primary,
[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-outline-success,
[data-theme="dark"] .btn-outline-danger,
[data-theme="dark"] .btn-outline-warning,
[data-theme="dark"] .btn-outline-info,
[data-theme="dark"] .btn-outline-light,
[data-theme="dark"] .btn-outline-dark {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

[data-theme="dark"] .btn-light,
[data-theme="dark"] .btn-outline-light {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .btn:hover,
[data-theme="dark"] .button .btn:hover {
    background-color: var(--dark-accent-hover) !important;
    color: var(--dark-white) !important;
}

[data-theme="dark"] .button .btn-alt {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* =========================================
   PAGINATION
   ========================================= */
[data-theme="dark"] .pagination .pagination-list li a,
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination li a,
[data-theme="dark"] .page-link {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .pagination .pagination-list li a:hover,
[data-theme="dark"] .pagination a:hover,
[data-theme="dark"] .page-link:hover {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* =========================================
   NAVBAR
   ========================================= */
[data-theme="dark"] .navbar-area,
[data-theme="dark"] .navbar,
[data-theme="dark"] .sticky {
    background-color: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .navbar-collapse,
[data-theme="dark"] .sub-menu-bar {
    background-color: var(--dark-bg-secondary) !important;
}

[data-theme="dark"] .navbar-nav .nav-item a,
[data-theme="dark"] .nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .navbar-nav .nav-item a:hover,
[data-theme="dark"] .navbar-nav .nav-item a.active,
[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .navbar-toggler {
    background-color: var(--dark-accent) !important;
}

[data-theme="dark"] .navbar-toggler .toggler-icon {
    background-color: var(--dark-white) !important;
}

/* Dropdown Menu */
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .sub-menu,
[data-theme="dark"] .mega-menu {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .dropdown-item,
[data-theme="dark"] .sub-menu li a,
[data-theme="dark"] .mega-menu a {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .sub-menu li a:hover {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* =========================================
   FOOTER
   ========================================= */
[data-theme="dark"] .footer,
[data-theme="dark"] .site-footer {
    background-color: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .footer .footer-top,
[data-theme="dark"] .footer .footer-middle,
[data-theme="dark"] .footer .footer-bottom {
    background-color: transparent !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .footer h1,
[data-theme="dark"] .footer h2,
[data-theme="dark"] .footer h3,
[data-theme="dark"] .footer h4,
[data-theme="dark"] .footer h5,
[data-theme="dark"] .footer h6,
[data-theme="dark"] .footer .single-footer h3,
[data-theme="dark"] .footer .footer-top .download-text h3 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .footer p,
[data-theme="dark"] .footer .f-about p,
[data-theme="dark"] .footer .footer-bottom .inner p,
[data-theme="dark"] .footer .f-link ul li a,
[data-theme="dark"] .footer li a {
    color: var(--dark-text-secondary) !important;
}

/* =========================================
   BREADCRUMBS
   ========================================= */
[data-theme="dark"] .breadcrumbs,
[data-theme="dark"] .breadcrumb-area {
    background: linear-gradient(135deg, #0a1628 0%, #1a2744 50%, #0d1f3c 100%) !important;
}

[data-theme="dark"] .breadcrumbs .breadcrumbs-content p,
[data-theme="dark"] .breadcrumbs .breadcrumbs-content .page-title,
[data-theme="dark"] .breadcrumbs .breadcrumb-nav li,
[data-theme="dark"] .breadcrumbs .breadcrumb-nav li a {
    color: var(--dark-white) !important;
}

/* =========================================
   MODAL
   ========================================= */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-body,
[data-theme="dark"] .modal-footer {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .modal .login-modal-main {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .modal .login-modal-main .heading h3 {
    color: var(--dark-text-primary) !important;
}

/* =========================================
   TABS
   ========================================= */
[data-theme="dark"] .nav-tabs,
[data-theme="dark"] .nav-pills {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .nav-tabs .nav-link,
[data-theme="dark"] .nav-pills .nav-link {
    color: var(--dark-text-secondary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-pills .nav-link.active {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-accent) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .tab-content,
[data-theme="dark"] .tab-pane {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

/* =========================================
   ACCORDION
   ========================================= */
[data-theme="dark"] .accordion,
[data-theme="dark"] .accordion-item {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .accordion-button {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .accordion-body {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-text-secondary) !important;
}

/* =========================================
   ALERT
   ========================================= */
[data-theme="dark"] .alert {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* =========================================
   BADGES AND TAGS
   ========================================= */
[data-theme="dark"] .badge,
[data-theme="dark"] .tag,
[data-theme="dark"] .tags > a,
[data-theme="dark"] .keyword-tag,
[data-theme="dark"] .category-box,
[data-theme="dark"] .keywords ul li a,
[data-theme="dark"] .job-type,
[data-theme="dark"] .job-type-badge,
[data-theme="dark"] .time,
[data-theme="dark"] .available-job,
[data-theme="dark"] .full-time,
[data-theme="dark"] .part-time {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

/* =========================================
   ICONS AND SOCIAL
   ========================================= */
[data-theme="dark"] .footer .footer-social ul li a,
[data-theme="dark"] .resume .inner-content .social li a,
[data-theme="dark"] .contact-us .contact-social ul li a,
[data-theme="dark"] .social-icons li a,
[data-theme="dark"] .social-links a,
[data-theme="dark"] .post-tags-media .post-social-media ul > li a {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .contact-us .single-info ul li a {
    color: var(--dark-white) !important;
}

[data-theme="dark"] .contact-us .single-info ul li a:hover {
    color: var(--dark-accent-light) !important;
}

/* =========================================
   DASHBOARD SIDEBAR
   ========================================= */
[data-theme="dark"] .dashbord-sidebar,
[data-theme="dark"] .dashboard-sidebar {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .dashbord-sidebar ul li a,
[data-theme="dark"] .dashboard-sidebar ul li a {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* =========================================
   JOB SPECIFIC
   ========================================= */
[data-theme="dark"] .job-details-inner,
[data-theme="dark"] .job-details-sidebar .sidebar-widget,
[data-theme="dark"] .job-information,
[data-theme="dark"] .job-details-head,
[data-theme="dark"] .job-details-body {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .job-content h4 a,
[data-theme="dark"] .job-content h3 a,
[data-theme="dark"] .job-title a,
[data-theme="dark"] .job-details-head h1,
[data-theme="dark"] .job-details-head h2 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .salary,
[data-theme="dark"] .salary-range,
[data-theme="dark"] .job-details-head .salary-type .salary-range {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .location,
[data-theme="dark"] .location-text,
[data-theme="dark"] .experience,
[data-theme="dark"] .deadline,
[data-theme="dark"] .last-date {
    color: var(--dark-text-secondary) !important;
}

/* =========================================
   LANGUAGE & THEME TOGGLES
   ========================================= */
[data-theme="dark"] .language-btn,
[data-theme="dark"] .sector-toggle {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .language-menu,
[data-theme="dark"] .lang-menu {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .language-menu a,
[data-theme="dark"] .lang-menu a {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .language-menu a:hover,
[data-theme="dark"] .language-menu a.active {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .theme-toggle-btn {
    background-color: var(--dark-bg-tertiary) !important;
    color: #ffc107 !important;
}

/* =========================================
   MOBILE MENU
   ========================================= */
[data-theme="dark"] .mobile-menu,
[data-theme="dark"] .mobile-nav,
[data-theme="dark"] .navbar-collapse.show {
    background-color: var(--dark-bg-secondary) !important;
}

[data-theme="dark"] #navbarSupportedContent,
[data-theme="dark"] .navbar-collapse {
    background-color: var(--dark-bg-secondary) !important;
}

/* =========================================
   SCROLLBAR
   ========================================= */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--dark-scrollbar-bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--dark-scrollbar-thumb);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--dark-accent);
}

/* =========================================
   OVERLAY AND BACKGROUNDS
   ========================================= */
[data-theme="dark"] .overlay::before {
    background-color: #000 !important;
}

/* =========================================
   LOADING
   ========================================= */
[data-theme="dark"] #loading-area {
    background-color: var(--dark-bg-primary) !important;
}

/* =========================================
   SCROLL TO TOP
   ========================================= */
[data-theme="dark"] .scroll-top {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .scroll-top:hover {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* =========================================
   EDITOR CONTENT
   ========================================= */
[data-theme="dark"] .editor-content {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .editor-content h1,
[data-theme="dark"] .editor-content h2,
[data-theme="dark"] .editor-content h3,
[data-theme="dark"] .editor-content h4,
[data-theme="dark"] .editor-content h5,
[data-theme="dark"] .editor-content h6 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .editor-content blockquote {
    background-color: var(--dark-bg-tertiary) !important;
    border-left-color: var(--dark-accent) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .editor-content table th {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .editor-content table td,
[data-theme="dark"] .editor-content table th {
    border-color: var(--dark-border) !important;
}

/* =========================================
   POST / BLOG SPECIFIC
   ========================================= */
[data-theme="dark"] .post-details .detail-inner,
[data-theme="dark"] .post-thumbnils,
[data-theme="dark"] .post-comments,
[data-theme="dark"] .comment-form,
[data-theme="dark"] .single-inner,
[data-theme="dark"] .detail-post-navigation {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .post-title,
[data-theme="dark"] .post-title a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .post-meta li,
[data-theme="dark"] .post-meta li a {
    color: var(--dark-text-secondary) !important;
}

/* =========================================
   APPLY PROCESS
   ========================================= */
[data-theme="dark"] .apply-process {
    background: linear-gradient(135deg, #1a2744 0%, #0d1f3c 100%) !important;
}

/* =========================================
   SECTION TITLES
   ========================================= */
[data-theme="dark"] .section-title h2,
[data-theme="dark"] .section-title h3 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .section-title p {
    color: var(--dark-text-secondary) !important;
}

/* =========================================
   HERO
   ========================================= */
[data-theme="dark"] .hero-area.style4 {
    background: linear-gradient(135deg, #0a1628 0%, #1a2744 50%, #0d1f3c 100%) !important;
}

[data-theme="dark"] .hero-area.style4::before {
    background: linear-gradient(135deg, #0a1628 0%, #1a2744 50%, #0d1f3c 100%) !important;
}

/* =========================================
    color: var(--text-primary);
}

/* Card */
[data-theme="dark"] .card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* Tags */
[data-theme="dark"] .tag,
[data-theme="dark"] .tags li,
[data-theme="dark"] .tag-list,
[data-theme="dark"] .tag-item {
    background-color: var(--bg-tertiary);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

/* Breadcrumb */
[data-theme="dark"] .breadcrumb,
[data-theme="dark"] .breadcrumbs {
    background-color: transparent;
}

[data-theme="dark"] .breadcrumb li,
[data-theme="dark"] .breadcrumb-item {
    color: var(--text-secondary);
}

[data-theme="dark"] .breadcrumb-item.active,
[data-theme="dark"] .breadcrumb li.active {
    color: var(--text-primary);
}

/* Author Box */
[data-theme="dark"] .author-box,
[data-theme="dark"] .author-card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .author-name {
    color: var(--text-primary);
}

[data-theme="dark"] .author-bio {
    color: var(--text-secondary);
}

/* Comments */
[data-theme="dark"] .comments,
[data-theme="dark"] .comment-list,
[data-theme="dark"] .comment-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .comment-author-name {
    color: var(--text-primary);
}

[data-theme="dark"] .comment-text {
    color: var(--text-secondary);
}

/* Search Box */
[data-theme="dark"] .search-box,
[data-theme="dark"] .search-form,
[data-theme="dark"] .search-widget form {
    background-color: var(--bg-card);
}

[data-theme="dark"] .search-input {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

/* Counter */
[data-theme="dark"] .counter,
[data-theme="dark"] .counter-item,
[data-theme="dark"] .stat-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .counter-number,
[data-theme="dark"] .stat-number {
    color: var(--text-primary);
}

[data-theme="dark"] .counter-label,
[data-theme="dark"] .stat-label {
    color: var(--text-secondary);
}

/* Filter */
[data-theme="dark"] .filter,
[data-theme="dark"] .filter-group,
[data-theme="dark"] .filter-section {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .filter-btn {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .filter-btn.active {
    background-color: var(--accent-color);
    color: #ffffff;
}

/* Job Alert */
[data-theme="dark"] .alert-job,
[data-theme="dark"] .job-alert {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

/* Checkbox & Radio */
[data-theme="dark"] .form-check-input {
    background-color: var(--input-bg);
    border-color: var(--input-border);
}

[data-theme="dark"] .form-check-label {
    color: var(--text-primary);
}

/* Custom Select */
[data-theme="dark"] .form-select {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

/* File Upload */
[data-theme="dark"] .file-upload,
[data-theme="dark"] .file-upload-area {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
}

/* Progress Bar */
[data-theme="dark"] .progress,
[data-theme="dark"] .progress-bar-wrapper {
    background-color: var(--bg-tertiary);
}

/* Tab Content */
[data-theme="dark"] .tab-content,
[data-theme="dark"] .tab-pane {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    background-color: var(--bg-card);
    color: var(--accent-color);
    border-color: var(--border-color);
}

/* Accordion */
[data-theme="dark"] .accordion,
[data-theme="dark"] .accordion-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .accordion-button {
    background-color: var(--bg-card);
    color: var(--text-primary);
}

/* Info Box */
[data-theme="dark"] .info-box,
[data-theme="dark"] .info-card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

/* Category Badge */
[data-theme="dark"] .category-badge,
[data-theme="dark"] .cat-badge {
    background-color: var(--bg-tertiary);
    color: var(--text-secondary);
}

/* Featured Tag */
[data-theme="dark"] .featured-tag,
[data-theme="dark"] .featured-badge {
    background-color: var(--accent-color);
    color: #ffffff;
}

/* Apply Button */
[data-theme="dark"] .apply-btn,
[data-theme="dark"] .btn-apply {
    background-color: var(--accent-color);
    color: #ffffff;
}

/* Save Button */
[data-theme="dark"] .save-btn,
[data-theme="dark"] .btn-save {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Share Buttons */
[data-theme="dark"] .share-btn,
[data-theme="dark"] .btn-share {
    background-color: var(--bg-tertiary);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

/* Date Badge */
[data-theme="dark"] .date-badge,
[data-theme="dark"] .date-tag {
    background-color: var(--bg-tertiary);
    color: var(--text-muted);
}

/* Location */
[data-theme="dark"] .location,
[data-theme="dark"] .location-text {
    color: var(--text-secondary);
}

/* Salary */
[data-theme="dark"] .salary,
[data-theme="dark"] .salary-range {
    color: var(--accent-color);
}

/* Experience */
[data-theme="dark"] .experience,
[data-theme="dark"] .experience-required {
    color: var(--text-secondary);
}

/* Job Type Badge */
[data-theme="dark"] .job-type,
[data-theme="dark"] .job-type-badge {
    background-color: var(--bg-tertiary);
    color: var(--text-secondary);
}

/* Required Skills */
[data-theme="dark"] .skill-tag,
[data-theme="dark"] .skills-required {
    background-color: var(--bg-tertiary);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

/* Company Logo */
[data-theme="dark"] .company-logo,
[data-theme="dark"] .company-img {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
}

/* Verification Badge */
[data-theme="dark"] .verified-badge,
[data-theme="dark"] .verified-icon {
    color: #28a745;
}

/* Premium Badge */
[data-theme="dark"] .premium-badge,
[data-theme="dark"] .premium-tag {
    background: linear-gradient(45deg, #FFD700, #FFA500);
    color: #000;
}

/* Urgent Badge */
[data-theme="dark"] .urgent-badge,
[data-theme="dark"] .urgent-tag {
    background-color: #dc3545;
    color: #ffffff;
}

/* Deadline */
[data-theme="dark"] .deadline,
[data-theme="dark"] .last-date {
    color: var(--text-muted);
}

/* FAQ Item */
[data-theme="dark"] .faq-item,
[data-theme="dark"] .faq-question-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .faq-question,
[data-theme="dark"] .faq-q {
    color: var(--text-primary);
}

[data-theme="dark"] .faq-answer,
[data-theme="dark"] .faq-a {
    color: var(--text-secondary);
}

/* Testimonial */
[data-theme="dark"] .testimonial,
[data-theme="dark"] .testimonial-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .testimonial-text {
    color: var(--text-secondary);
}

[data-theme="dark"] .testimonial-author {
    color: var(--text-primary);
}

/* Pricing */
[data-theme="dark"] .pricing,
[data-theme="dark"] .pricing-card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .pricing-price,
[data-theme="dark"] .price {
    color: var(--text-primary);
}

[data-theme="dark"] .pricing-features li,
[data-theme="dark"] .price-features li {
    color: var(--text-secondary);
}

/* Newsletter */
[data-theme="dark"] .newsletter,
[data-theme="dark"] .newsletter-form {
    background-color: var(--bg-card);
}

[data-theme="dark"] .newsletter-input {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

/* 404 Error */
[data-theme="dark"] .error-404,
[data-theme="dark"] .error-page {
    background-color: var(--bg-primary);
}

/* Coming Soon */
[data-theme="dark"] .coming-soon,
[data-theme="dark"] .maintenance {
    background-color: var(--bg-primary);
}

/* Language Button Dark Mode */
[data-theme="dark"] .language-btn {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

[data-theme="dark"] .language-btn:hover {
    background-color: var(--accent-color);
    color: #ffffff;
}

[data-theme="dark"] .language-menu {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .language-menu a {
    color: var(--text-secondary);
}

[data-theme="dark"] .language-menu a:hover {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* Mobile Menu Dark Mode */
[data-theme="dark"] .mobile-menu,
[data-theme="dark"] .mobile-nav {
    background-color: var(--bg-secondary);
}

[data-theme="dark"] .mobile-nav li a {
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .mobile-nav li a:hover,
[data-theme="dark"] .mobile-nav li a.active {
    color: var(--accent-color);
    background-color: var(--bg-tertiary);
}

/* Mega Menu */
[data-theme="dark"] .mega-menu,
[data-theme="dark"] .mega-dropdown {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

/* Social Icons */
[data-theme="dark"] .social-icons,
[data-theme="dark"] .social-links {
    background-color: transparent;
}

[data-theme="dark"] .social-icons li a,
[data-theme="dark"] .social-links a {
    background-color: var(--bg-tertiary);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .social-icons li a:hover,
[data-theme="dark"] .social-links a:hover {
    background-color: var(--accent-color);
    color: #ffffff;
}

/* Tooltip */
[data-theme="dark"] .tooltip-inner {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* Popover */
[data-theme="dark"] .popover {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .popover-body {
    color: var(--text-secondary);
}

/* Close Button */
[data-theme="dark"] .btn-close {
    filter: invert(1);
}

/* Print Styles */
@media print {
    [data-theme="dark"] {
        background-color: #ffffff !important;
        color: #000000 !important;
    }
}

/* Force Dark Mode on All Common Elements */
/* This ensures no white backgrounds remain */
[data-theme="dark"] div,
[data-theme="dark"] section,
[data-theme="dark"] article,
[data-theme="dark"] aside,
[data-theme="dark"] main,
[data-theme="dark"] nav,
[data-theme="dark"] header,
[data-theme="dark"] footer {
    background-color: transparent;
}

/* =========================================
   ADDITIONAL COMPREHENSIVE DARK MODE FIXES
   ========================================= */

/* Fix CSS Variables References */
[data-theme="dark"] {
    --bg-primary: var(--dark-bg-primary);
    --bg-secondary: var(--dark-bg-secondary);
    --bg-tertiary: var(--dark-bg-tertiary);
    --bg-card: var(--dark-bg-card);
    --bg-input: var(--dark-bg-input);
    --text-primary: var(--dark-text-primary);
    --text-secondary: var(--dark-text-secondary);
    --text-muted: var(--dark-text-muted);
    --border-color: var(--dark-border);
    --accent-color: var(--dark-accent);
    --input-bg: var(--dark-bg-input);
    --input-border: var(--dark-border);
}

/* =========================================
   ADDITIONAL ELEMENTS THAT NEED DARK MODE
   ========================================= */

/* All white background elements */
[data-theme="dark"] .bg-white,
[data-theme="dark"] [class*="bg-light"],
[data-theme="dark"] [class*="bg-faded"],
[data-theme="dark"] .page-bg,
[data-theme="dark"] .content-bg {
    background-color: var(--dark-bg-card) !important;
}

/* All text color issues */
[data-theme="dark"] .text-dark,
[data-theme="dark"] [class*="text-muted"],
[data-theme="dark"] .text-secondary,
[data-theme="dark"] .text-grey {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .text-primary,
[data-theme="dark"] .text-blue {
    color: var(--dark-accent) !important;
}

/* Border colors */
[data-theme="dark"] .border,
[data-theme="dark"] .border-light,
[data-theme="dark"] .border-secondary {
    border-color: var(--dark-border) !important;
}

/* Shadow elements */
[data-theme="dark"] .shadow-sm,
[data-theme="dark"] .shadow,
[data-theme="dark"] .shadow-lg {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* List items */
[data-theme="dark"] ul li,
[data-theme="dark"] ol li {
    color: var(--dark-text-secondary);
}

/* Image backgrounds */
[data-theme="dark"] .img-bg {
    background-color: var(--dark-bg-card);
}

/* Dropdown */
[data-theme="dark"] .dropdown-menu {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .dropdown-menu .dropdown-item {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .dropdown-menu .dropdown-item:hover {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* Cards */
[data-theme="dark"] .card {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary);
}

[data-theme="dark"] .card-header {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .card-footer {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
}

/* Custom form elements */
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: var(--dark-bg-input) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-text-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(32, 66, 227, 0.25) !important;
}

/* Custom file input */
[data-theme="dark"] .form-control-file {
    color: var(--dark-text-primary);
}

/* Range slider */
[data-theme="dark"] input[type="range"] {
    background-color: var(--dark-bg-tertiary);
}

/* Color input */
[data-theme="dark"] input[type="color"] {
    background-color: var(--dark-bg-input);
    border-color: var(--dark-border);
}

/* Date/Time inputs */
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] input[type="month"],
[data-theme="dark"] input[type="week"] {
    background-color: var(--dark-bg-input) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Custom checkbox/radio styling */
[data-theme="dark"] .form-check-input:checked {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
}

[data-theme="dark"] .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(32, 66, 227, 0.25) !important;
}

/* Spinner */
[data-theme="dark"] .spinner-border,
[data-theme="dark"] .spinner-grow {
    color: var(--dark-accent) !important;
}

/* Progress */
[data-theme="dark"] .progress {
    background-color: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .progress-bar {
    background-color: var(--dark-accent) !important;
}

/* Toast/Notification */
[data-theme="dark"] .toast {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .toast-header {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Tooltip */
[data-theme="dark"] .tooltip .tooltip-inner {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .tooltip .tooltip-arrow::before {
    border-top-color: var(--dark-bg-tertiary) !important;
}

/* Popover */
[data-theme="dark"] .popover {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .popover-header {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .popover-body {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-text-secondary) !important;
}

/* Modal enhancements */
[data-theme="dark"] .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .modal-header .btn-close {
    filter: invert(1);
}

/* =========================================
   SPECIFIC PAGE AREA FIXES
   ========================================= */

/* Home Search */
[data-theme="dark"] .home-search,
[data-theme="dark"] .job-search-wrap-two {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

/* Job Search Form */
[data-theme="dark"] .job-search-form {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .job-search-form input,
[data-theme="dark"] .job-search-form select {
    background-color: var(--dark-bg-input) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

/* Job Category Cards */
[data-theme="dark"] .single-cat {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .single-cat h3 {
    color: var(--dark-text-primary) !important;
}

/* Featured Job */
[data-theme="dark"] .featured-job .single-job {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .featured-job .single-job .content {
    background-color: transparent !important;
}

/* Job List */
[data-theme="dark"] .find-job .single-job {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .find-job .single-job:hover {
    background-color: var(--dark-bg-tertiary) !important;
}

/* About Us */
[data-theme="dark"] .about-us .content-left .media-body {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .about-us .content-right h2 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .about-us .content-right .single-list .list-bod h5 {
    color: var(--dark-text-primary) !important;
}

/* Testimonials */
[data-theme="dark"] .testimonials .single-testimonial {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .testimonials .single-testimonial .bottom .name {
    color: var(--dark-white) !important;
}

/* Pricing Table */
[data-theme="dark"] .pricing-table .single-table {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .pricing-table .single-table .table-head .title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .pricing-table .single-table .table-head .amount {
    color: var(--dark-text-primary) !important;
}

/* FAQ */
[data-theme="dark"] .faq-area .single-faq {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .faq-area .heading {
    color: var(--dark-text-primary) !important;
}

/* Blog */
[data-theme="dark"] .latest-news-area .single-news .content-body {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .latest-news-area .single-news .content-body .title a {
    color: var(--dark-text-primary) !important;
}

/* Contact */
[data-theme="dark"] .contact-us .contact-head {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .contact-us .single-head {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .contact-us .form-main {
    background-color: var(--dark-bg-card) !important;
}

/* Map Section */
[data-theme="dark"] .map-section {
    background-color: var(--dark-bg-primary) !important;
}

[data-theme="dark"] .map-section .map-container {
    background-color: var(--dark-bg-card) !important;
}

/* Error Pages */
[data-theme="dark"] .error-area {
    background-color: var(--dark-bg-primary) !important;
}

[data-theme="dark"] .error-area .error-content h2 {
    color: var(--dark-text-primary) !important;
}

/* Success Page */
[data-theme="dark"] .maill-success {
    background-color: var(--dark-bg-primary) !important;
}

[data-theme="dark"] .maill-success .success-content h2 {
    color: var(--dark-text-primary) !important;
}

/* =========================================
   DASHBOARD & USER PAGES
   ========================================= */

/* Dashboard Sidebar */
[data-theme="dark"] .dashbord-sidebar {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .dashbord-sidebar ul li a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .dashbord-sidebar ul li a:hover,
[data-theme="dark"] .dashbord-sidebar ul li a.active {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* Manage Jobs */
[data-theme="dark"] .manage-jobs .job-items {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .manage-jobs .job-items .manage-content {
    border-color: var(--dark-border) !important;
}

/* Manage Applications */
[data-theme="dark"] .manage-applications .job-items {
    background-color: var(--dark-bg-card) !important;
}

/* Job Alerts */
[data-theme="dark"] .job-alerts .job-alerts-items {
    background-color: var(--dark-bg-card) !important;
}

/* Bookmarked */
[data-theme="dark"] .bookmarked .job-items {
    background-color: var(--dark-bg-card) !important;
}

/* Notifications */
[data-theme="dark"] .notifications .job-items {
    background-color: var(--dark-bg-card) !important;
}

/* Resume */
[data-theme="dark"] .resume .inner-content {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .resume .inner-content .name {
    color: var(--dark-text-primary) !important;
}

/* Add Resume */
[data-theme="dark"] .add-resume .add-resume-inner {
    background-color: var(--dark-bg-card) !important;
}

/* Manage Resumes */
[data-theme="dark"] .manage-resumes .inner-content {
    background-color: var(--dark-bg-card) !important;
}

/* Browse Resumes */
[data-theme="dark"] .browse-resumes .inner-content {
    background-color: var(--dark-bg-card) !important;
}

/* Change Password */
[data-theme="dark"] .change-password .password-content {
    background-color: var(--dark-bg-card) !important;
}

/* Privacy Policy */
[data-theme="dark"] .privacy-policy .policy-inner {
    background-color: var(--dark-bg-card) !important;
}

[data-theme="dark"] .privacy-policy .policy-details-body a[href^="mailto:"],
[data-theme="dark"] .terms-and-conditions .policy-details-body a[href^="mailto:"],
[data-theme="dark"] .about-us a[href^="mailto:"],
[data-theme="dark"] .unsubscribe-section a[href^="mailto:"] {
    color: inherit !important;
    text-decoration: none !important;
}

[data-theme="dark"] .privacy-policy .policy-details-body a[href^="mailto:"]:hover,
[data-theme="dark"] .terms-and-conditions .policy-details-body a[href^="mailto:"]:hover,
[data-theme="dark"] .about-us a[href^="mailto:"]:hover,
[data-theme="dark"] .unsubscribe-section a[href^="mailto:"]:hover {
    color: var(--dark-accent-light) !important;
}

/* =========================================
   ICONS AND VISUAL ELEMENTS
   ========================================= */

/* Icons */
[data-theme="dark"] i,
[data-theme="dark"] .icon {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .btn i {
    color: inherit !important;
}

/* Line Icons */
[data-theme="dark"] [class*="lni-"] {
    color: var(--dark-text-secondary) !important;
}

/* =========================================
   MOBILE RESPONSIVE FIXES
   ========================================= */

@media (max-width: 991px) {
    [data-theme="dark"] .navbar-collapse,
    [data-theme="dark"] .navbar-collapse.show,
    [data-theme="dark"] .mobile-nav {
        background-color: var(--dark-bg-secondary) !important;
    }
    
    [data-theme="dark"] .navbar-collapse .nav-item a {
        color: var(--dark-text-secondary) !important;
    }
    
    [data-theme="dark"] .navbar-collapse .nav-item a:hover,
    [data-theme="dark"] .navbar-collapse .nav-item a.active {
        color: var(--dark-accent) !important;
    }
}

/* =========================================
   ADDITIONAL TEXT VISIBILITY FIXES
   ========================================= */

[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3, 
[data-theme="dark"] h4, 
[data-theme="dark"] h5, 
[data-theme="dark"] h6,
[data-theme="dark"] .h1,
[data-theme="dark"] .h2,
[data-theme="dark"] .h3,
[data-theme="dark"] .h4,
[data-theme="dark"] .h5,
[data-theme="dark"] .h6 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] p,
[data-theme="dark"] .lead {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] a {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] a:hover {
    color: var(--dark-accent-hover) !important;
}

/* Links that should be dark */
[data-theme="dark"] .text-dark a,
[data-theme="dark"] a.text-dark {
    color: var(--dark-text-primary) !important;
}

/* =========================================
   BOOTSTRAP OVERRIDES FOR DARK MODE
   ========================================= */

/* Tables */
[data-theme="dark"] .table > :not(caption) > * > * {
    background-color: transparent;
    color: var(--dark-text-primary);
}

[data-theme="dark"] .table-dark {
    --bs-table-bg: var(--dark-bg-card);
    --bs-table-color: var(--dark-text-primary);
    --bs-table-border-color: var(--dark-border);
}

/* List Group */
[data-theme="dark"] .list-group-item {
    background-color: var(--dark-bg-card);
    border-color: var(--dark-border);
    color: var(--dark-text-secondary);
}

[data-theme="dark"] .list-group-item.active {
    background-color: var(--dark-accent);
    border-color: var(--dark-accent);
    color: var(--dark-white);
}

/* Close button in dark mode */
[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.5;
}

[data-theme="dark"] .btn-close:hover {
    opacity: 1;
}

/* =========================================
   THEME TOGGLE BUTTON STYLING
   ========================================= */

/* Theme toggle button - Light mode default */
.theme-toggle-btn {
    background-color: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    color: #333333 !important;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle-btn:hover {
    background-color: #2042e3 !important;
    border-color: #2042e3 !important;
    color: #ffffff !important;
}

.theme-toggle-btn .icon-moon,
.theme-toggle-btn .icon-sun {
    font-size: 18px;
}

/* Light mode - show moon, hide sun */
[data-theme="light"] .theme-toggle-btn .icon-moon {
    display: block;
}

[data-theme="light"] .theme-toggle-btn .icon-sun {
    display: none;
}

/* Dark mode - show sun, hide moon */
[data-theme="dark"] .theme-toggle-btn .icon-moon {
    display: none;
}

[data-theme="dark"] .theme-toggle-btn .icon-sun {
    display: block;
}

/* =========================================
   SECTOR TOGGLE IN DARK MODE
   ========================================= */

[data-theme="dark"] .sector-toggle {
    background-color: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .sector-toggle .toggle-label {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .sector-toggle .toggle-label.active {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .sector-toggle .slider {
    background-color: var(--dark-bg-input) !important;
}

/* =========================================
   LANGUAGE SELECTOR IN DARK MODE
   ========================================= */

[data-theme="dark"] .language-btn {
    background-color: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .language-btn:hover {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

[data-theme="dark"] .language-menu {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .language-menu a {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .language-menu a:hover {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .language-menu a.active {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* =========================================
   OVERLAY EFFECTS
   ========================================= */

[data-theme="dark"] .overlay-dark::before {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

[data-theme="dark"] .overlay-light::before {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* =========================================
   INPUT GROUPS
   ========================================= */

[data-theme="dark"] .input-group-text {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

/* =========================================
   CUSTOM SCROLLBAR FOR DARK MODE
   ========================================= */

[data-theme="dark"] * {
    scrollbar-width: thin;
    scrollbar-color: var(--dark-scrollbar-thumb) var(--dark-scrollbar-bg);
}

[data-theme="dark"] *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] *::-webkit-scrollbar-track {
    background: var(--dark-scrollbar-bg);
}

[data-theme="dark"] *::-webkit-scrollbar-thumb {
    background-color: var(--dark-scrollbar-thumb);
    border-radius: 4px;
}

[data-theme="dark"] *::-webkit-scrollbar-thumb:hover {
    background-color: var(--dark-accent);
}

/* =========================================
   FINAL AGGRESSIVE OVERRIDES
   ========================================= */

/* Force dark on any element that might still be white */
[data-theme="dark"] *:not([data-theme="light"]) {
    background-color: transparent;
}

[data-theme="dark"] html * {
    background-color: transparent;
}

[data-theme="dark"] body > * {
    background-color: transparent;
}

/* Ensure content areas are dark */
[data-theme="dark"] .content,
[data-theme="dark"] .main,
[data-theme="dark"] .page,
[data-theme="dark"] .app {
    background-color: var(--dark-bg-primary) !important;
}

/* Specific white element overrides */
[data-theme="dark"] .bg-primary,
[data-theme="dark"] .bg-secondary,
[data-theme="dark"] .bg-success,
[data-theme="dark"] .bg-danger,
[data-theme="dark"] .bg-warning,
[data-theme="dark"] .bg-info,
[data-theme="dark"] .bg-light {
    background-color: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .bg-dark {
    background-color: var(--dark-bg-primary) !important;
}

/* Text in colored backgrounds */
[data-theme="dark"] .bg-primary *,
[data-theme="dark"] .bg-success *,
[data-theme="dark"] .bg-info * {
    color: var(--dark-white) !important;
}

/* =========================================
   ADDITIONAL SPECIFIC PAGE FIXES
   ========================================= */

/* ========================
   JOB SEARCH FORM FIXES
   ======================== */
[data-theme="dark"] .job-search-form {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border) !important;
}

/* ========================
   PUBLIC JOB FILTER PANEL
   ======================== */
[data-theme="dark"] .filter-form-container {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
}

[data-theme="dark"] .filter-form-container h5,
[data-theme="dark"] .filter-form-container h5 i {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .filter-form-container .filter-group label {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .filter-form-container input,
[data-theme="dark"] .filter-form-container input[type="text"],
[data-theme="dark"] .filter-form-container input[type="search"],
[data-theme="dark"] .filter-form-container select,
[data-theme="dark"] .filter-form-container .form-control {
    background: var(--dark-bg-input) !important;
    border: 1px solid var(--dark-border-light) !important;
    color: var(--dark-text-primary) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .filter-form-container input::placeholder,
[data-theme="dark"] .filter-form-container .form-control::placeholder {
    color: var(--dark-text-muted) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .filter-form-container input:focus,
[data-theme="dark"] .filter-form-container select:focus,
[data-theme="dark"] .filter-form-container .form-control:focus {
    background: var(--dark-bg-input) !important;
    border-color: var(--dark-accent-light) !important;
    box-shadow: 0 0 0 3px rgba(32, 66, 227, 0.2) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .filter-form-container select option {
    background: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .filter-form-container .filter-group select.has-value,
[data-theme="dark"] .filter-form-container .filter-group input.has-value {
    background: #233229 !important;
    border-color: #2f8f51 !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .filter-form-container .filter-clear-btn {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
    border: 1px solid var(--dark-border-light) !important;
}

[data-theme="dark"] .filter-form-container .filter-clear-btn:hover {
    background: #b42318 !important;
    border-color: #b42318 !important;
    color: var(--dark-white) !important;
}

[data-theme="dark"] .filter-form-container .btn-search {
    background: var(--dark-accent) !important;
    color: var(--dark-white) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .filter-form-container .btn-search:hover:not(:disabled) {
    background: var(--dark-accent-hover) !important;
    color: var(--dark-white) !important;
}

[data-theme="dark"] .filter-form-container .btn-reset {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .filter-form-container .btn-reset:hover {
    background: var(--dark-bg-input) !important;
    border-color: var(--dark-border-light) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .job-search-form input,
[data-theme="dark"] .job-search-form input[type="text"],
[data-theme="dark"] .job-search-form input[type="search"],
[data-theme="dark"] .job-search-form select,
[data-theme="dark"] .job-search-form .form-control {
    background-color: var(--dark-bg-input) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .job-search-form input::placeholder,
[data-theme="dark"] .job-search-form input::placeholder {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .job-search-form label {
    color: var(--dark-text-primary) !important;
}

/* ========================
   JOB DETAILS HEAD FIXES
   ======================== */
[data-theme="dark"] .job-details-head {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .job-details-head .content {
    background-color: transparent !important;
}

[data-theme="dark"] .job-details-head h1,
[data-theme="dark"] .job-details-head h2,
[data-theme="dark"] .job-details-head .job-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .job-details-head .meta {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .job-details-head .meta li {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .job-details-head .meta li i {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .job-details-head .salary-type {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .job-details-head .salary-type .salary-range {
    color: var(--dark-accent) !important;
}

/* ========================
   JOB BUTTON FIXES
   ======================== */
[data-theme="dark"] .job-button {
    background-color: transparent !important;
}

[data-theme="dark"] .job-button ul li a {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .job-button ul li a:hover {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

[data-theme="dark"] .job-button ul li span {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* Apply button specific */
[data-theme="dark"] .job-button .apply-btn,
[data-theme="dark"] .job-button .btn-apply {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* Save button */
[data-theme="dark"] .job-button .save-btn,
[data-theme="dark"] .job-button .btn-save {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* ========================
   CATEGORY PAGE - EDUCATION & INDUSTRY TREE
   ======================== */
[data-theme="dark"] .all-categories {
    background-color: var(--dark-bg-primary) !important;
}

[data-theme="dark"] .all-categories .categories-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .all-categories .cat-title {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* Make Industry (Sector) similar to Education in dark mode */
[data-theme="dark"] .all-categories .sector-title,
[data-theme="dark"] .all-categories .industry-title {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* Remove margin from category list items in dark mode */
[data-theme="dark"] .all-categories ul li {
    margin: 0 !important;
}

[data-theme="dark"] .category-box {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .category-box:hover {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* Tree Category */
[data-theme="dark"] .category-tree {
    background-color: transparent !important;
}

[data-theme="dark"] .category-tree,
[data-theme="dark"] .category-tree ul {
    background-color: transparent !important;
    padding: 0 !important;
}

[data-theme="dark"] .category-tree li {
    background-color: transparent !important;
}

[data-theme="dark"] .tree-item {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .tree-item:hover {
    background-color: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .tree-link {
    color: var(--dark-text-primary) !important;
    border: none !important;
}

[data-theme="dark"] .tree-link:hover {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .tree-count {
    color: var(--dark-white) !important;
}

/* Tree toggle arrow */
[data-theme="dark"] .tree-toggle {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] li.open > .tree-item .tree-toggle {
    color: var(--dark-accent) !important;
}

/* Tree connector lines */
[data-theme="dark"] .category-tree li::before {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .category-tree li::after {
    border-color: var(--dark-border) !important;
}

/* Category tree wrapper */
[data-theme="dark"] .category-tree-wrapper {
    border-color: var(--dark-border) !important;
}

/* ========================
   JOB DETAILS PAGE
   ======================== */
[data-theme="dark"] .job-details {
    background-color: var(--dark-bg-primary) !important;
}

[data-theme="dark"] .job-details-inner {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .job-details-body {
    background-color: transparent !important;
}

[data-theme="dark"] .job-details-body h1,
[data-theme="dark"] .job-details-body h2,
[data-theme="dark"] .job-details-body h3,
[data-theme="dark"] .job-details-body h4,
[data-theme="dark"] .job-details-body h5,
[data-theme="dark"] .job-details-body h6 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .job-details-body p {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .job-details-body ul li {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .job-details-body ul li::before {
    background-color: var(--dark-accent) !important;
}

/* Job Details Sidebar */
[data-theme="dark"] .job-details-sidebar .sidebar-widget {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .job-details-sidebar .title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .job-details-sidebar .list-unstyled li {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .job-details-sidebar .list-unstyled li strong {
    color: var(--dark-text-primary) !important;
}

/* ========================
   FEATURED JOB CARDS
   ======================== */
[data-theme="dark"] .featured-job .single-job {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .featured-job .single-job .image {
    background-color: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .featured-job .single-job .content {
    background-color: transparent !important;
}

[data-theme="dark"] .featured-job .single-job .content h4 a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .featured-job .single-job .content h4 a:hover {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .featured-job .single-job .content ul li {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-accent) !important;
}

/* ========================
   FIND JOB PAGE
   ======================== */
[data-theme="dark"] .find-job .search-nner {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .find-job .search-nner input {
    background-color: var(--dark-bg-input) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .find-job .search-nner input::placeholder {
    color: var(--dark-text-muted) !important;
}

/* ========================
   SINGLE JOB CARD (Home & Jobs Page)
   ======================== */
[data-theme="dark"] .single-job {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .single-job:hover {
    background-color: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .single-job .job-image {
    background-color: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .single-job .job-content h4 a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .single-job .job-content h4 a:hover {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .single-job .job-content p,
[data-theme="dark"] .single-job .job-content ul li {
    color: var(--dark-text-secondary) !important;
}

/* ========================
   SIDEBAR WIDGETS
   ======================== */
[data-theme="dark"] .sidebar-widget {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .sidebar-widget .widget-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .sidebar-widget .widget-title::before {
    background-color: var(--dark-accent) !important;
}

/* Search widget */
[data-theme="dark"] .search-widget form input {
    background-color: var(--dark-bg-input) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .search-widget form input::placeholder {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .search-widget form button {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* Categories widget */
[data-theme="dark"] .categories-widget ul li a {
    color: var(--dark-text-secondary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .categories-widget ul li a:hover {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

[data-theme="dark"] .categories-widget ul li a span {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
    border-color: var(--dark-border) !important;
}

/* Tags widget */
[data-theme="dark"] .popular-tag-widget .tags > a {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .popular-tag-widget .tags > a:hover {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* ========================
   EMPLOYMENT TYPE & SECTOR BOXES
   ======================== */
[data-theme="dark"] .cat-title {
    background-color: var(--dark-accent) !important;
    color: var(--dark-white) !important;
}

/* ========================
   HERO AREA SEARCH INPUT - Transparent Background Fix
   ======================== */
[data-theme="dark"] .hero-area.style4 .single-field-item.keyword input,
[data-theme="dark"] .hero-area.style4 .job-search-form .single-field-item input,
[data-theme="dark"] .hero-area.style4 .job-search-form .keyword input,
[data-theme="dark"] .hero-area.style4 form .single-field-item.keyword input,
[data-theme="dark"] .hero-area.style4 .keyword input,
[data-theme="dark"] .hero-area.style4 input[type="text"],
[data-theme="dark"] .hero-area.style4 input[type="search"] {
    background-color: transparent !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .hero-area.style4 .single-field-item.keyword input::placeholder,
[data-theme="dark"] .hero-area.style4 .keyword input::placeholder {
    color: var(--dark-text-muted) !important;
}

/* =========================================
   SOCIAL MEDIA POPUP DARK MODE
   ========================================= */

[data-theme="dark"] .social-media-popup .popup-container {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .social-media-popup .popup-overlay {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

[data-theme="dark"] .social-media-popup .popup-close {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .social-media-popup .popup-close:hover {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .social-media-popup .popup-header h2 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .social-media-popup .popup-header p {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .social-media-popup .social-link {
    color: white !important;
    background: linear-gradient(135deg, #253bd3 0%, #2029ba 100%) !important;
}

[data-theme="dark"] .social-media-popup .social-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.3) !important;
}

[data-theme="dark"] .social-media-popup .social-link.whatsapp:hover {
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.3) !important;
}

[data-theme="dark"] .social-media-popup .social-link.instagram:hover {
    box-shadow: 0 5px 20px rgba(253, 29, 29, 0.3) !important;
}

[data-theme="dark"] .social-media-popup .social-link.telegram:hover {
    box-shadow: 0 5px 20px rgba(0, 136, 204, 0.3) !important;
}

[data-theme="dark"] .social-media-popup .social-link.facebook:hover {
    box-shadow: 0 5px 20px rgba(0, 136, 204, 0.3) !important;
}

[data-theme="dark"] .social-media-popup .btn-remind-later {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .social-media-popup .btn-remind-later:hover {
    background-color: var(--dark-bg-input) !important;
    border-color: var(--dark-border-light) !important;
    color: var(--dark-text-primary) !important;
}