/**
 * Sanlisoy Dark Mode Styles
 * Modern dark theme for v1
 */

/* CSS Variables for Dark Mode */
:root {
  /* Background Colors */
  --dm-bg-primary: #0a0a0a;
  --dm-bg-secondary: #0a0a0a;
  --dm-bg-card: #0a0a0a;
  --dm-bg-elevated: #0a0a0a;
  --dm-bg-hover: #2a2a2a;

  /* Text Colors */
  --dm-text-primary: #ffffff;
  --dm-text-secondary: #ffffff;
  --dm-text-muted: #ffffff;
  --dm-text-disabled: #ffffff;

  /* Border & Dividers */
  --dm-border: rgba(255, 255, 255, 0.1);
  --dm-border-hover: rgba(255, 255, 255, 0.2);
  --dm-divider: rgba(255, 255, 255, 0.05);

  /* Accent Colors (keeping the purple theme) */
  --dm-accent: #8b5cf6;
  --dm-accent-hover: #7c3aed;
  --dm-accent-light: #a78bfa;

  /* Gradients */
  --dm-gradient-1: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
  --dm-gradient-2: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);

  /* Shadows */
  --dm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --dm-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --dm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

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

body.dark-mode .boxed_wrapper {
  background: var(--dm-bg-primary);
}

/* Header Styles */
body.dark-mode .main-header {
  background: var(--dm-bg-secondary);
}

body.dark-mode .header-upper {
  background: var(--dm-bg-card);
}

body.dark-mode .header-lower {
  background: var(--dm-bg-card);
}

body.dark-mode .sticky-header {
  background: var(--dm-bg-secondary);
  border-bottom: 1px solid var(--dm-border);
}

/* Header Elements */
body.dark-mode .header-upper .outer-container {
  border-bottom: 1px solid var(--dm-border);
}

body.dark-mode .header-upper .logo-box:before,
body.dark-mode .header-upper .right-column .support-box:before,
body.dark-mode .main-header .menu-right-content .search-box-outer:before,
body.dark-mode .main-header .language-box:before {
  background: var(--dm-border);
}

body.dark-mode .main-header .menu-right-content .search-box-outer,
body.dark-mode .main-header .menu-right-content .search-box-outer:hover {
  color: var(--dm-text-primary);
}

body.dark-mode .main-header .language-box .nice-select {
  color: var(--dm-text-secondary);
}

body.dark-mode .main-header .language-box .nice-select .list {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
}

body.dark-mode .main-header .language-box .nice-select .option {
  color: var(--dm-text-secondary);
}

body.dark-mode .main-header .language-box .nice-select .option:hover,
body.dark-mode .main-header .language-box .nice-select .option.selected {
  background: var(--dm-bg-hover);
  color: var(--dm-text-primary);
}

/* Navigation */
body.dark-mode .main-menu .navigation > li > a {
  color: var(--dm-text-primary);
}

body.dark-mode .main-menu .navigation > li.current > a,
body.dark-mode .main-menu .navigation > li:hover > a {
  color: var(--dm-accent-light);
}

body.dark-mode .main-menu .navigation > li > ul,
body.dark-mode .main-menu .navigation > li > ul > li > ul {
  background: var(--dm-bg-card);
  box-shadow: var(--dm-shadow-lg);
  border: 1px solid var(--dm-border);
}

body.dark-mode .main-menu .navigation > li > ul > li > a,
body.dark-mode .main-menu .navigation > li > .megamenu li > a,
body.dark-mode .main-menu .navigation > li > ul > li > ul > li > a {
  color: var(--dm-text-secondary);
  border-bottom: 1px solid var(--dm-border);
}

body.dark-mode .main-menu .navigation > li > ul > li > a:hover,
body.dark-mode .main-menu .navigation > li > .megamenu li > a:hover,
body.dark-mode .main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: var(--dm-text-primary);
  background: var(--dm-bg-hover);
}

/* Banner/Slider Section */
body.dark-mode .banner-section {
  background: var(--dm-bg-secondary);
}

body.dark-mode .banner-carousel .slide-item:before {
  background: var(--dm-bg-primary);
  opacity: 0.7;
}

body.dark-mode .banner-carousel .content-box h2 {
  color: var(--dm-text-primary);
}

body.dark-mode .banner-carousel .content-box h2 span {
  -webkit-text-stroke-color: var(--dm-text-secondary);
}

body.dark-mode .banner-carousel .content-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .banner-carousel .owl-dots .owl-dot span {
  background: var(--dm-border);
}

body.dark-mode .banner-carousel .owl-dots .owl-dot.active span {
  background: var(--dm-accent);
}

/* Section Backgrounds - Titles in Purple */
body.dark-mode .sec-title h2 {
  color: var(--dm-accent-light);
}

body.dark-mode .sec-title .sub-title {
  color: var(--dm-accent);
}

body.dark-mode .sec-title .sub-title:before {
  background: var(--dm-bg-elevated);
}

/* All Headings - Purple Color */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: var(--dm-accent-light);
}

body.dark-mode h1 a,
body.dark-mode h2 a,
body.dark-mode h3 a,
body.dark-mode h4 a,
body.dark-mode h5 a,
body.dark-mode h6 a {
  color: var(--dm-accent-light);
}

body.dark-mode h1 a:hover,
body.dark-mode h2 a:hover,
body.dark-mode h3 a:hover,
body.dark-mode h4 a:hover,
body.dark-mode h5 a:hover,
body.dark-mode h6 a:hover {
  color: var(--dm-accent);
}

/* Paragraph and Body Text - White */
body.dark-mode p,
body.dark-mode .text-box p,
body.dark-mode .content-box p {
  color: #ffffff;
}

body.dark-mode .text-muted,
body.dark-mode .text-secondary {
  color: #e0e0e0;
}

/* General Container Fixes */
body.dark-mode .auto-container {
  background: transparent;
}

body.dark-mode .content-box {
  background: transparent;
}

body.dark-mode .text-box {
  background: transparent;
}

/* Fix white backgrounds in sections */
body.dark-mode section {
  background-color: var(--dm-bg-primary);
}

body.dark-mode section:nth-child(even) {
  background-color: var(--dm-bg-secondary);
}

/* Ensure all text is visible */
body.dark-mode span,
body.dark-mode li,
body.dark-mode td,
body.dark-mode th,
body.dark-mode label {
  color: #ffffff;
}

/* Fix potential white background elements */
body.dark-mode div[class*="bg-"],
body.dark-mode div[class*="white"],
body.dark-mode div[style*="background: #fff"],
body.dark-mode div[style*="background:#fff"],
body.dark-mode div[style*="background-color: #fff"],
body.dark-mode div[style*="background-color:#fff"] {
  background-color: var(--dm-bg-card) !important;
}

/* Fix light colored text */
body.dark-mode [class*="text-"] {
  color: #ffffff;
}

body.dark-mode .text-dark {
  color: #ffffff !important;
}

body.dark-mode .text-light {
  color: #e0e0e0 !important;
}

/* Fix any remaining light backgrounds */
body.dark-mode [style*="background: #f"],
body.dark-mode [style*="background:#f"],
body.dark-mode [style*="background-color: #f"],
body.dark-mode [style*="background-color:#f"] {
  background-color: var(--dm-bg-card) !important;
}

/* Inner box fixes */
body.dark-mode .inner-box {
  background: var(--dm-bg-card);
}

/* Widget fixes */
body.dark-mode .widget-content {
  background: transparent;
}

/* List item fixes */
body.dark-mode li {
  color: #ffffff;
}

/* Link fixes in lists */
body.dark-mode .links-list li a {
  color: #ffffff;
}

body.dark-mode .links-list li a:hover {
  color: var(--dm-accent-light);
}

/* Inner Content Page Fixes */
body.dark-mode .page-title .content-box {
  background: transparent;
}

body.dark-mode .blog-details-content {
  background: transparent;
}

body.dark-mode .content-one,
body.dark-mode .content-two {
  background: transparent;
}

body.dark-mode .inner-content {
  background: var(--dm-bg-card);
  padding: 20px;
  border-radius: 8px;
}

body.dark-mode .inner-box.p-4 {
  background: var(--dm-bg-elevated);
}

body.dark-mode .chooseus-block-one .inner-box {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
}

/* Fix text-dark class (used extensively in inner pages) */
body.dark-mode .text-dark {
  color: #ffffff !important;
}

/* Fix text-darker class */
body.dark-mode .text-darker {
  color: #e0e0e0 !important;
}

/* Fix text-purple - keep it purple but bright */
body.dark-mode .text-purple {
  color: var(--dm-accent-light) !important;
}

body.dark-mode .text-indigo {
  color: var(--dm-accent-light) !important;
}

/* Service block fixes for inner pages */
body.dark-mode .service-block-one.block-one {
  background: var(--dm-bg-card);
}

body.dark-mode .service-block-one.block-one .inner-box {
  background: var(--dm-bg-card);
}

/* Count text fixes */
body.dark-mode .count-text {
  color: var(--dm-accent-light) !important;
}

/* Slider content fixes */
body.dark-mode .slider-content {
  background: transparent;
}

body.dark-mode .slider-content * {
  color: #ffffff;
}

/* Image box fixes */
body.dark-mode .image-box {
  background: var(--dm-bg-card);
  border-radius: 8px;
}

body.dark-mode .image-box img {
  border-radius: 8px;
}

/* Rounded overflow fixes */
body.dark-mode .rounded-4 {
  background: var(--dm-bg-card);
}

body.dark-mode .rounded-4 img {
  background: var(--dm-bg-card);
}

/* Lower content fixes */
body.dark-mode .lower-content {
  background: transparent;
}

body.dark-mode .lower-content h3 {
  color: var(--dm-accent-light);
}

body.dark-mode .lower-content p {
  color: #ffffff;
}

/* Widget fixes for inner pages */
body.dark-mode .blog-details-content .widget-title h3 {
  color: var(--dm-accent-light);
}

body.dark-mode .blog-details-content .widget-content {
  background: var(--dm-bg-card);
  padding: 15px;
  border-radius: 8px;
}

/* Content side fixes */
body.dark-mode .content-side {
  background: transparent;
}

body.dark-mode .content-side .inner-box {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
}

/* Clearfix row fixes */
body.dark-mode .row.clearfix {
  background: transparent;
}

/* Lead text fixes */
body.dark-mode .lead {
  color: #ffffff !important;
}

/* Font weight fixes */
body.dark-mode .fw-bold,
body.dark-mode .fw-800,
body.dark-mode .fw-500 {
  color: #ffffff;
}

/* Spacing and utility fixes */
body.dark-mode .mb-2,
body.dark-mode .mb-3,
body.dark-mode .mt-2,
body.dark-mode .mt-3,
body.dark-mode .pt-5 {
  color: inherit;
}

/* Order classes */
body.dark-mode .order-1,
body.dark-mode .order-2,
body.dark-mode .order-md-1,
body.dark-mode .order-md-2 {
  background: transparent;
}

/* Left column fixes */
body.dark-mode .left-column {
  background: transparent;
}

/* Service Section */
body.dark-mode .service-section {
  background: var(--dm-bg-secondary);
}

body.dark-mode .service-block-one .inner-box {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
}

body.dark-mode .service-block-one .inner-box h3 a {
  color: var(--dm-text-primary);
}

body.dark-mode .service-block-one .inner-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .service-block-one .inner-box .link a {
  color: var(--dm-text-secondary);
}

body.dark-mode .service-block-one .inner-box .link a:hover {
  color: var(--dm-accent-light);
}

body.dark-mode .service-block-one .inner-box .link a:before {
  background: var(--dm-border);
}

/* About Section */
body.dark-mode .about-section {
  background: var(--dm-bg-primary);
}

body.dark-mode .about-section .content-box .text-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .about-section .content-box .list-item li {
  color: var(--dm-text-secondary);
}

body.dark-mode .about-section .content-box .list-item li:before {
  color: var(--dm-accent);
}

body.dark-mode .about-section .content-box .list-item li:after {
  background: var(--dm-bg-elevated);
}

/* Video Section */
body.dark-mode .video-section {
  background: var(--dm-bg-secondary);
}

body.dark-mode .video-section .funfact-inner {
  background: var(--dm-bg-card);
}

body.dark-mode .funfact-block-one .inner-box {
  background: var(--dm-bg-card);
}

body.dark-mode .funfact-block-one .inner-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .funfact-block-one .inner-box .count-outer {
  color: var(--dm-text-primary);
}

body.dark-mode .consultation-block-one .inner-box h3 a {
  color: var(--dm-text-primary);
}

body.dark-mode .consultation-block-one .inner-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .consultation-block-one .inner-box .link a {
  color: var(--dm-text-secondary);
}

/* Growth Section */
body.dark-mode .growth-section {
  background: var(--dm-bg-secondary);
}

body.dark-mode .growth-section .growth-inner .content-box {
  background: var(--dm-bg-card);
}

body.dark-mode .growth-section .growth-inner .content-box .text-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .growth-block-one .inner-box {
  background: var(--dm-bg-elevated);
}

body.dark-mode .growth-block-one .inner-box:before {
  background: var(--dm-border);
}

body.dark-mode .growth-block-one .inner-box h3 a {
  color: var(--dm-text-primary);
}

body.dark-mode .growth-block-one .inner-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .growth-block-one .inner-box .link-box a {
  color: var(--dm-text-secondary);
}

/* Clients Section */
body.dark-mode .clients-section {
  background: var(--dm-bg-card);
}

body.dark-mode .clients-section .more-text h5 {
  color: var(--dm-text-secondary);
}

body.dark-mode .clients-section .more-text h5 a {
  color: var(--dm-text-primary);
}

/* Choose Us Section */
body.dark-mode .chooseus-section {
  background: var(--dm-bg-primary);
}

body.dark-mode .chooseus-block-one .inner-box {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
}

body.dark-mode .chooseus-block-one .inner-box h3 {
  color: var(--dm-text-primary);
}

body.dark-mode .chooseus-block-one .inner-box .overlay-content {
  background: var(--dm-bg-elevated);
}

body.dark-mode .chooseus-block-one .inner-box .overlay-content p {
  color: var(--dm-text-muted);
}

body.dark-mode .chooseus-section .big-text {
  color: var(--dm-bg-elevated);
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

/* Industries Section */
body.dark-mode .industries-section .outer-container .bg-layer:before {
  background: var(--dm-bg-primary);
  opacity: 0.85;
}

body.dark-mode .industries-section .tab-btns:before {
  background: var(--dm-border);
}

body.dark-mode .industries-section .tab-btns .tab-btn {
  border-top: 1px solid var(--dm-border);
}

body.dark-mode .industries-section .tab-btns .tab-btn h3 {
  color: var(--dm-text-muted);
}

body.dark-mode .industries-section .tab-btns .tab-btn.active-btn {
  background: var(--dm-bg-card);
}

body.dark-mode .industries-section .tab-btns .tab-btn.active-btn h3 {
  color: var(--dm-text-primary);
}

body.dark-mode .industries-section .tabs-content {
  background: var(--dm-bg-card);
}

body.dark-mode .industries-section .tabs-content h3 {
  color: var(--dm-text-primary);
  border-bottom: 1px solid var(--dm-border);
}

body.dark-mode .industries-section .tabs-content p {
  color: var(--dm-text-muted);
}

body.dark-mode .industries-section .tabs-content .list-item li {
  color: var(--dm-text-secondary);
}

/* Working Section */
body.dark-mode .working-section {
  background: var(--dm-bg-secondary);
}

body.dark-mode .working-block-one .inner-box .lower-content h3 {
  color: var(--dm-text-primary);
}

body.dark-mode .working-block-one .inner-box .lower-content p {
  color: var(--dm-text-muted);
}

body.dark-mode .working-block-one .inner-box .lower-content h2 {
  color: var(--dm-bg-elevated);
}

body.dark-mode .working-block-one .inner-box .lower-content:before {
  background: var(--dm-border);
}

/* Project Section */
body.dark-mode .project-section {
  background: var(--dm-bg-card);
}

body.dark-mode .project-section:before {
  background: var(--dm-bg-elevated);
}

body.dark-mode .project-block-one .inner-box .content-inner .text-box {
  background: var(--dm-bg-card);
}

body.dark-mode .project-block-one .inner-box .content-inner .text-box h3 a {
  color: var(--dm-text-primary);
}

body.dark-mode .project-block-one .inner-box .content-inner .link {
  background: var(--dm-bg-card);
}

body.dark-mode .project-section .tab-btn-box {
  background: var(--dm-bg-elevated);
  box-shadow: var(--dm-shadow);
}

body.dark-mode .project-section .tab-btn-box .tab-btns li {
  color: var(--dm-text-secondary);
  border-bottom: 1px solid var(--dm-border);
}

/* News Section */
body.dark-mode .news-section {
  background: var(--dm-bg-primary);
}

body.dark-mode .news-block-one .inner-box {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
}

body.dark-mode .news-block-one .inner-box .category {
  background: var(--dm-bg-elevated);
  color: var(--dm-text-secondary);
}

body.dark-mode .news-block-one .inner-box .post-info li {
  color: var(--dm-text-muted);
}

body.dark-mode .news-block-one .inner-box .post-info li span {
  color: var(--dm-text-secondary);
}

body.dark-mode .news-block-one .inner-box h3 a {
  color: var(--dm-text-primary);
}

body.dark-mode .news-block-one .inner-box .link a {
  color: var(--dm-text-secondary);
}

body.dark-mode .news-block-one .inner-box .link a:hover {
  color: var(--dm-accent-light);
}

body.dark-mode .news-block-one .inner-box .link a:before {
  background: var(--dm-border);
}

/* Testimonial Section */
body.dark-mode .testimonial-section {
  background: var(--dm-bg-secondary);
}

body.dark-mode .testimonial-block-one .inner-box {
  background: var(--dm-bg-card);
}

body.dark-mode .testimonial-block-one .inner-box h4 {
  color: var(--dm-text-primary);
}

body.dark-mode .testimonial-block-one .inner-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .testimonial-block-one .inner-box h3 {
  color: var(--dm-text-primary);
}

body.dark-mode .testimonial-block-one .inner-box .designation {
  color: var(--dm-text-muted);
}

body.dark-mode .testimonial-section .bx-controls.bx-has-controls-direction:before {
  background: var(--dm-border);
}

/* FAQ Section */
body.dark-mode .faq-section {
  background: var(--dm-bg-primary);
}

body.dark-mode .faq-section:before {
  background: var(--dm-bg-secondary);
}

body.dark-mode .accordion-box {
  background: var(--dm-gradient-1);
}

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

body.dark-mode .accordion .acc-btn h4 {
  color: var(--dm-text-primary);
}

body.dark-mode .accordion .acc-btn .icon-box {
  background: var(--dm-bg-elevated);
  color: var(--dm-text-secondary);
}

body.dark-mode .accordion .acc-btn.active .icon-box {
  background: var(--dm-accent);
  color: var(--dm-text-primary);
}

body.dark-mode .accordion .acc-content {
  border-top: 1px solid var(--dm-border);
  color: var(--dm-text-muted);
}

body.dark-mode .faq-section .big-text {
  color: var(--dm-bg-elevated);
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

/* Appointment Section */
body.dark-mode .appointment-section {
  background: var(--dm-bg-secondary);
}

body.dark-mode .appointment-section:before {
  background: var(--dm-bg-card);
}

body.dark-mode .appointment-section .outer-container {
  background: var(--dm-bg-card);
}

body.dark-mode .appointment-section .form-inner {
  background: var(--dm-bg-elevated);
}

body.dark-mode .appointment-section .form-inner .form-group input[type='text'],
body.dark-mode .appointment-section .form-inner .form-group input[type='email'],
body.dark-mode .appointment-section .form-inner .form-group textarea,
body.dark-mode .appointment-section .form-inner .form-group .nice-select {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
  color: var(--dm-text-secondary);
}

body.dark-mode .appointment-section .form-inner .form-group input::placeholder,
body.dark-mode .appointment-section .form-inner .form-group textarea::placeholder {
  color: var(--dm-text-disabled);
}

body.dark-mode .appointment-section .inner-box .icon-box {
  color: var(--dm-accent-light);
}

body.dark-mode .appointment-section .inner-box .info-list li h6 {
  color: var(--dm-text-muted);
}

body.dark-mode .appointment-section .inner-box .info-list li h4 {
  color: var(--dm-text-primary);
}

body.dark-mode .appointment-section .inner-box .info-list li h4 a {
  color: var(--dm-text-primary);
}

body.dark-mode .appointment-section .inner-box .social-links li a {
  color: var(--dm-text-secondary);
}

body.dark-mode .appointment-section .inner-box .social-links li a:hover {
  color: var(--dm-accent-light);
}

body.dark-mode .appointment-section .inner-box .social-links li:before {
  background: var(--dm-border);
}

/* Footer */
body.dark-mode .main-footer {
  background: var(--dm-bg-secondary);
}

body.dark-mode .main-footer .footer-top {
  background: var(--dm-bg-secondary);
}

body.dark-mode .main-footer .widget-title {
  border-bottom: 1px solid var(--dm-border);
}

body.dark-mode .main-footer .widget-title h3 {
  color: var(--dm-text-primary);
}

body.dark-mode .main-footer .copyright h5 {
  color: var(--dm-text-secondary);
}

body.dark-mode .main-footer .footer-top .newsletter-widget h3 {
  color: var(--dm-text-primary);
}

body.dark-mode .main-footer .footer-top .newsletter-widget p {
  color: var(--dm-text-muted);
}

body.dark-mode .main-footer .footer-top .newsletter-widget .form-inner .form-group input[type='email'] {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
  color: var(--dm-text-secondary);
}

body.dark-mode .main-footer .contact-widget .widget-content h4 {
  color: var(--dm-text-primary);
}

body.dark-mode .main-footer .contact-widget .widget-content h4 span:before {
  background: var(--dm-bg-elevated);
}

body.dark-mode .main-footer .contact-widget .widget-content h5 {
  color: var(--dm-text-primary);
}

body.dark-mode .main-footer .contact-widget .widget-content p {
  color: var(--dm-text-muted);
}

body.dark-mode .main-footer .contact-widget .widget-content .map-box .icon-box {
  background: var(--dm-bg-elevated);
  color: var(--dm-text-secondary);
}

body.dark-mode .main-footer .contact-widget .widget-content .map-box h6 a {
  color: var(--dm-text-primary);
}

body.dark-mode .main-footer .links-widget .links-list li a {
  color: var(--dm-text-muted);
}

body.dark-mode .main-footer .links-widget .links-list li a:hover {
  color: var(--dm-text-primary);
}

body.dark-mode .main-footer .links-widget .links-list li a:before {
  color: var(--dm-accent);
}

body.dark-mode .main-footer .links-widget .links-list li a:after {
  background: var(--dm-accent);
}

body.dark-mode .main-footer .post-widget .post .category {
  background: var(--dm-bg-elevated);
  color: var(--dm-text-secondary);
}

body.dark-mode .main-footer .post-widget .post h4 a {
  color: var(--dm-text-primary);
}

body.dark-mode .main-footer .post-widget .link-box a {
  color: var(--dm-text-secondary);
}

body.dark-mode .main-footer .social-links li a {
  color: var(--dm-text-muted);
}

body.dark-mode .main-footer .social-links li a:hover {
  color: var(--dm-text-primary);
}

/* Footer Bottom */
body.dark-mode .footer-bottom {
  background: var(--dm-bg-primary);
}

body.dark-mode .footer-bottom .footer-nav li a {
  color: var(--dm-text-muted);
}

body.dark-mode .footer-bottom .footer-nav li a:hover {
  color: var(--dm-text-primary);
}

body.dark-mode .footer-bottom .footer-nav li:before {
  background: var(--dm-border);
}

/* Mobile Menu */
body.dark-mode .mobile-menu .menu-box {
  background: var(--dm-bg-secondary);
}

body.dark-mode .mobile-menu .navigation li {
  border-top: 1px solid var(--dm-border);
}

body.dark-mode .mobile-menu .navigation li > a {
  color: var(--dm-text-primary);
}

body.dark-mode .mobile-menu .contact-info h4 {
  color: var(--dm-text-primary);
}

body.dark-mode .mobile-menu .contact-info ul li {
  color: var(--dm-text-muted);
}

body.dark-mode .mobile-menu .contact-info ul li a {
  color: var(--dm-text-secondary);
}

body.dark-mode .mobile-menu .social-links li a {
  color: var(--dm-text-secondary);
}

/* Search Popup */
body.dark-mode .search-popup {
  background: rgba(0, 0, 0, 0.9);
}

body.dark-mode .search-popup .popup-inner {
  background: var(--dm-bg-secondary);
}

body.dark-mode .search-popup .close-search {
  color: var(--dm-text-secondary);
}

body.dark-mode .search-popup .close-search:hover {
  color: var(--dm-accent-light);
}

body.dark-mode .search-popup .search-form fieldset input[type="search"] {
  background: var(--dm-bg-card);
  border-bottom: 1px solid var(--dm-border);
  color: var(--dm-text-primary);
}

body.dark-mode .search-popup .search-form fieldset input[type="search"]::placeholder {
  color: var(--dm-text-muted);
}

body.dark-mode .search-popup .search-form fieldset button[type="submit"] {
  color: var(--dm-text-secondary);
}

/* Sidebar Widget */
body.dark-mode .xs-sidebar-widget {
  background: var(--dm-bg-secondary);
}

body.dark-mode .xs-sidebar-group .close-side-widget {
  border-color: var(--dm-border);
  color: var(--dm-text-secondary);
}

body.dark-mode .sidebar-info-contents .content-inner .content-box h4 {
  color: var(--dm-text-primary);
}

body.dark-mode .sidebar-info-contents .content-inner .content-box p {
  color: var(--dm-text-muted);
}

body.dark-mode .sidebar-info-contents .content-inner .contact-info h4 {
  color: var(--dm-text-primary);
}

body.dark-mode .sidebar-info-contents .content-inner .contact-info ul li {
  color: var(--dm-text-muted);
}

body.dark-mode .sidebar-info-contents .content-inner .contact-info ul li a {
  color: var(--dm-text-secondary);
}

body.dark-mode .sidebar-info-contents .content-inner .social-box li a {
  color: var(--dm-text-muted);
  border-color: var(--dm-border);
}

body.dark-mode .sidebar-info-contents .content-inner .social-box li a:hover {
  color: var(--dm-text-primary);
  background: var(--dm-accent);
  border-color: var(--dm-accent);
}

/* Pagination */
body.dark-mode .pagination li.count-page a {
  color: var(--dm-text-secondary);
}

body.dark-mode .pagination li a:hover,
body.dark-mode .pagination li a.current {
  color: var(--dm-text-primary);
}

body.dark-mode .pagination li.prev-btn a,
body.dark-mode .pagination li.next-btn a {
  color: var(--dm-text-secondary) !important;
}

/* Buttons */
body.dark-mode .theme-btn.btn-one {
  background: var(--dm-bg-elevated);
  color: var(--dm-text-primary);
  border: 1px solid var(--dm-border);
}

body.dark-mode .theme-btn.btn-one:hover {
  background: var(--dm-accent);
  color: var(--dm-text-primary);
  border-color: var(--dm-accent);
}

body.dark-mode .theme-btn.btn-two {
  color: var(--dm-text-primary);
}

body.dark-mode .theme-btn.btn-two:hover {
  color: var(--dm-text-primary);
}

/* Theme Toggle Button */
.dark-mode-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid var(--dm-border);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  color: var(--dm-text-secondary);
  font-size: 18px;
}

.dark-mode-toggle:hover {
  background: var(--dm-bg-hover);
  color: var(--dm-accent-light);
  border-color: var(--dm-accent);
}

.dark-mode .dark-mode-toggle {
  border-color: var(--dm-border);
  color: var(--dm-accent-light);
}

.dark-mode .dark-mode-toggle:hover {
  background: var(--dm-bg-elevated);
}

/* Smooth transitions for all elements */
body.dark-mode,
body.dark-mode *,
body.dark-mode *::before,
body.dark-mode *::after {
  transition: background-color 0.3s ease,
              color 0.3s ease,
              border-color 0.3s ease,
              box-shadow 0.3s ease;
}

/* Cookie Popup & Consent Banner - Sanlisoy Specific */
body.dark-mode .cookie-popup-wrapper {
  background: transparent !important;
}

body.dark-mode .cookie-card {
  background: var(--dm-bg-card) !important;
  border: 1px solid var(--dm-border) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .cookie-stripe {
  background: var(--dm-accent) !important;
}

body.dark-mode .cookie-body {
  background: var(--dm-bg-card) !important;
}

body.dark-mode .cookie-header-row {
  background: transparent !important;
}

body.dark-mode .cookie-icon-wrap {
  background: transparent !important;
}

body.dark-mode .cookie-icon-wrap i {
  color: var(--dm-accent-light) !important;
}

body.dark-mode .cookie-title {
  color: var(--dm-accent-light) !important;
}

body.dark-mode .cookie-badge {
  background: var(--dm-bg-elevated) !important;
  color: #ffffff !important;
  border: 1px solid var(--dm-border) !important;
}

body.dark-mode .cookie-text {
  color: #ffffff !important;
}

body.dark-mode .cookie-actions {
  background: transparent !important;
}

body.dark-mode .cookie-btn-accept {
  background: var(--dm-accent) !important;
  color: #ffffff !important;
  border: 1px solid var(--dm-accent) !important;
}

body.dark-mode .cookie-btn-accept:hover {
  background: var(--dm-accent-hover) !important;
  border-color: var(--dm-accent-hover) !important;
}

body.dark-mode .cookie-link-more {
  color: var(--dm-accent-light) !important;
}

body.dark-mode .cookie-link-more:hover {
  color: var(--dm-accent) !important;
}

body.dark-mode .cookie-link-more i {
  color: var(--dm-accent-light) !important;
}

/* Generic Cookie Classes */
body.dark-mode .cookie-popup,
body.dark-mode .cookie-banner,
body.dark-mode .cookie-consent,
body.dark-mode .cookie-notice,
body.dark-mode .gdpr-popup,
body.dark-mode .gdpr-banner,
body.dark-mode .cookie-container,
body.dark-mode .cookie-alert,
body.dark-mode .cookie-message,
body.dark-mode .cookie-wrapper,
body.dark-mode .cookie-overlay,
body.dark-mode .cookie-modal,
body.dark-mode .cookie-box {
  background: var(--dm-bg-card) !important;
  border: 1px solid var(--dm-border) !important;
  color: #ffffff !important;
}

body.dark-mode .cookie-popup *,
body.dark-mode .cookie-banner *,
body.dark-mode .cookie-consent *,
body.dark-mode .cookie-notice *,
body.dark-mode .gdpr-popup *,
body.dark-mode .gdpr-banner *,
body.dark-mode .cookie-container *,
body.dark-mode .cookie-alert *,
body.dark-mode .cookie-message *,
body.dark-mode .cookie-wrapper *,
body.dark-mode .cookie-overlay *,
body.dark-mode .cookie-modal *,
body.dark-mode .cookie-box * {
  color: #ffffff !important;
}

body.dark-mode .cookie-popup p,
body.dark-mode .cookie-banner p,
body.dark-mode .cookie-consent p,
body.dark-mode .cookie-notice p,
body.dark-mode .gdpr-popup p,
body.dark-mode .gdpr-banner p,
body.dark-mode .cookie-container p,
body.dark-mode .cookie-alert p,
body.dark-mode .cookie-message p,
body.dark-mode .cookie-wrapper p,
body.dark-mode .cookie-modal p,
body.dark-mode .cookie-box p {
  color: #ffffff !important;
}

body.dark-mode .cookie-popup h1,
body.dark-mode .cookie-popup h2,
body.dark-mode .cookie-popup h3,
body.dark-mode .cookie-popup h4,
body.dark-mode .cookie-popup h5,
body.dark-mode .cookie-popup h6,
body.dark-mode .cookie-banner h1,
body.dark-mode .cookie-banner h2,
body.dark-mode .cookie-banner h3,
body.dark-mode .cookie-banner h4,
body.dark-mode .cookie-banner h5,
body.dark-mode .cookie-banner h6,
body.dark-mode .cookie-consent h1,
body.dark-mode .cookie-consent h2,
body.dark-mode .cookie-consent h3,
body.dark-mode .cookie-consent h4,
body.dark-mode .cookie-consent h5,
body.dark-mode .cookie-consent h6 {
  color: var(--dm-accent-light) !important;
}

body.dark-mode .cookie-popup a,
body.dark-mode .cookie-banner a,
body.dark-mode .cookie-consent a,
body.dark-mode .cookie-notice a,
body.dark-mode .gdpr-popup a,
body.dark-mode .gdpr-banner a {
  color: var(--dm-accent-light) !important;
}

body.dark-mode .cookie-popup a:hover,
body.dark-mode .cookie-banner a:hover,
body.dark-mode .cookie-consent a:hover,
body.dark-mode .cookie-notice a:hover,
body.dark-mode .gdpr-popup a:hover,
body.dark-mode .gdpr-banner a:hover {
  color: var(--dm-accent) !important;
}

/* Cookie Buttons */
body.dark-mode .cookie-popup button,
body.dark-mode .cookie-banner button,
body.dark-mode .cookie-consent button,
body.dark-mode .cookie-notice button,
body.dark-mode .gdpr-popup button,
body.dark-mode .gdpr-banner button,
body.dark-mode .cookie-popup .btn,
body.dark-mode .cookie-banner .btn,
body.dark-mode .cookie-consent .btn,
body.dark-mode .cookie-notice .btn,
body.dark-mode .gdpr-popup .btn,
body.dark-mode .gdpr-banner .btn,
body.dark-mode .cookie-popup .btn-accept,
body.dark-mode .cookie-banner .btn-accept,
body.dark-mode .cookie-popup .btn-decline,
body.dark-mode .cookie-banner .btn-decline,
body.dark-mode .cookie-popup .btn-settings,
body.dark-mode .cookie-banner .btn-settings {
  background: var(--dm-bg-elevated) !important;
  color: #ffffff !important;
  border: 1px solid var(--dm-border) !important;
}

body.dark-mode .cookie-popup button:hover,
body.dark-mode .cookie-banner button:hover,
body.dark-mode .cookie-consent button:hover,
body.dark-mode .cookie-notice button:hover,
body.dark-mode .cookie-popup .btn:hover,
body.dark-mode .cookie-banner .btn:hover,
body.dark-mode .cookie-popup .btn-accept:hover,
body.dark-mode .cookie-banner .btn-accept:hover {
  background: var(--dm-accent) !important;
  color: #ffffff !important;
  border-color: var(--dm-accent) !important;
}

body.dark-mode .cookie-popup .btn-primary,
body.dark-mode .cookie-banner .btn-primary,
body.dark-mode .cookie-popup .btn-accept,
body.dark-mode .cookie-banner .btn-accept {
  background: var(--dm-accent) !important;
  color: #ffffff !important;
  border-color: var(--dm-accent) !important;
}

body.dark-mode .cookie-popup .btn-primary:hover,
body.dark-mode .cookie-banner .btn-primary:hover,
body.dark-mode .cookie-popup .btn-accept:hover,
body.dark-mode .cookie-banner .btn-accept:hover {
  background: var(--dm-accent-hover) !important;
}

/* Cookie Settings/Preferences */
body.dark-mode .cookie-settings,
body.dark-mode .cookie-preferences,
body.dark-mode .cookie-options {
  background: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border) !important;
}

body.dark-mode .cookie-settings label,
body.dark-mode .cookie-preferences label,
body.dark-mode .cookie-options label {
  color: #ffffff !important;
}

body.dark-mode .cookie-settings input[type="checkbox"],
body.dark-mode .cookie-preferences input[type="checkbox"] {
  background: var(--dm-bg-card) !important;
  border: 1px solid var(--dm-border) !important;
}

body.dark-mode .cookie-settings input[type="checkbox"]:checked,
body.dark-mode .cookie-preferences input[type="checkbox"]:checked {
  background: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
}

/* Cookie Close Button */
body.dark-mode .cookie-popup .close,
body.dark-mode .cookie-banner .close,
body.dark-mode .cookie-popup .dismiss,
body.dark-mode .cookie-banner .dismiss,
body.dark-mode .cookie-popup [class*="close"],
body.dark-mode .cookie-banner [class*="close"] {
  color: #ffffff !important;
  background: transparent !important;
}

body.dark-mode .cookie-popup .close:hover,
body.dark-mode .cookie-banner .close:hover {
  color: var(--dm-accent-light) !important;
}

/* Scroll to Top Button */
body.dark-mode .scroll-top {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
  color: var(--dm-text-secondary);
}

body.dark-mode .scroll-top:hover {
  background: var(--dm-accent);
  color: var(--dm-text-primary);
  border-color: var(--dm-accent);
}

/* Form Elements */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background: var(--dm-bg-card);
  border: 1px solid var(--dm-border);
  color: var(--dm-text-secondary);
}

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

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
  border-color: var(--dm-accent);
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

/* Links */
body.dark-mode a {
  color: var(--dm-accent-light);
}

body.dark-mode a:hover {
  color: var(--dm-accent);
}

/* Selection */
body.dark-mode ::selection {
  background: var(--dm-accent);
  color: var(--dm-text-primary);
}

/* Scrollbar */
body.dark-mode::-webkit-scrollbar {
  width: 10px;
}

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

body.dark-mode::-webkit-scrollbar-thumb {
  background: var(--dm-border);
  border-radius: 5px;
}

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

/* Preloader */
body.dark-mode .handle-preloader {
  background: var(--dm-bg-primary);
}

body.dark-mode .handle-preloader .animation-preloader .spinner {
  border-color: var(--dm-border);
  border-top-color: var(--dm-accent);
}

body.dark-mode .handle-preloader .animation-preloader .txt-loading .letters-loading {
  color: var(--dm-text-primary);
}

/* Animations */
@keyframes dm-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

body.dark-mode .loading {
  animation: dm-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
