/* ===================================
    Dark Mode Implementation
====================================== */

/* Dark mode color variables */
[data-theme="dark"] {
  /* Primary colors */
  --white: #1a1a1a;
  --black: #ffffff;
  --dark-gray: #e0e0e0;
  --medium-gray: #b0b0b0;
  --extra-medium-gray: #2a2a2a;
  --light-gray: #666666;
  --very-light-gray: #2a2a2a;
  --light-medium-gray: #333333;
  --charcoal-blue: #e0e0e0;
  --slate-blue: #d0d0d0;
  --medium-slate-blue: #c0c0c0;
  --extra-medium-slate-blue: #d0d0d0;
  --dark-slate-blue: #e0e0e0;
  --extra-dark-slate-blue: #f0f0f0;
  --extra-very-slate-blue: #e8e8e8;
  --aluminium-grey: #a0a0a0;
  --solitude-blue: #1a1a2a;
  --selago: #1a1a2a;
  --white-ice: #1a2a2a;
  --spring-wood: #2a2a1a;
  
  /* Background colors */
  --bg-primary: #0a0a0a;
  --bg-secondary: #1a1a1a;
  --bg-tertiary: #2a2a2a;
  --bg-card: #1a1a1a;
  --bg-overlay: rgba(0, 0, 0, 0.8);
  
  /* Text colors */
  --text-primary: #ffffff;
  --text-secondary: #e0e0e0;
  --text-tertiary: #b0b0b0;
  --text-muted: #888888;
  
  /* Border colors */
  --border-primary: #333333;
  --border-secondary: #444444;
  --border-tertiary: #555555;
  
  /* Shadow colors */
  --shadow-primary: rgba(0, 0, 0, 0.3);
  --shadow-secondary: rgba(0, 0, 0, 0.5);
  --shadow-tertiary: rgba(0, 0, 0, 0.7);
}

/* Dark mode body styles */
[data-theme="dark"] body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  overflow-x: hidden; /* Prevent horizontal overflow */
}

/* Dark mode html styles */
[data-theme="dark"] html {
  overflow-x: hidden; /* Prevent horizontal overflow */
}

/* Dark mode header styles */
[data-theme="dark"] header {
  background-color: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-primary);
}

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

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

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

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

/* Dark mode section backgrounds */
[data-theme="dark"] section {
  background-color: var(--bg-primary);
}

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

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

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

/* Dark mode text colors */
[data-theme="dark"] .text-black {
  color: var(--text-primary) !important;
}

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

[data-theme="dark"] .text-medium-gray {
  color: var(--text-tertiary) !important;
}

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

[data-theme="dark"] .text-very-light-gray {
  color: var(--text-muted) !important;
}

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

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

/* Dark mode form elements */
[data-theme="dark"] .form-control {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}

[data-theme="dark"] .form-control:focus {
  background-color: var(--bg-secondary);
  border-color: var(--yellow);
  color: var(--text-primary);
}

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

[data-theme="dark"] .form-select:focus {
  background-color: var(--bg-secondary);
  border-color: var(--yellow);
  color: var(--text-primary);
}

/* Dark mode placeholder text */
[data-theme="dark"] ::placeholder {
  color: var(--text-muted) !important;
}

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

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

/* Dark mode button styles */
[data-theme="dark"] .btn {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}

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

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

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

/* Dark mode footer styles */
[data-theme="dark"] footer {
  background-color: var(--bg-secondary);
  border-top: 1px solid var(--border-primary);
}

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

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

[data-theme="dark"] footer a:hover {
  color: var(--yellow);
}

/* Dark mode sticky elements */
[data-theme="dark"] .sticky-wrap {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}

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

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

/* Dark mode portfolio items */
[data-theme="dark"] .portfolio-box {
  background-color: var(--bg-card);
  border-color: var(--border-primary);
}

[data-theme="dark"] .portfolio-box:hover {
  background-color: var(--bg-tertiary);
}

/* Dark mode blog items */
[data-theme="dark"] .blog-box {
  background-color: var(--bg-card);
  border-color: var(--border-primary);
}

[data-theme="dark"] .blog-box:hover {
  background-color: var(--bg-tertiary);
}

/* Dark mode separators */
[data-theme="dark"] .separator-line-1px {
  background-color: var(--border-primary) !important;
}

[data-theme="dark"] .separator-line-2px {
  background-color: var(--border-primary) !important;
}

[data-theme="dark"] .separator-line-3px {
  background-color: var(--border-primary) !important;
}

/* Dark mode borders */
[data-theme="dark"] .border-top {
  border-top-color: var(--border-primary) !important;
}

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

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

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

/* Dark mode shadows */
[data-theme="dark"] .box-shadow {
  box-shadow: 0 0 20px var(--shadow-primary) !important;
}

[data-theme="dark"] .box-shadow-small {
  box-shadow: 0 0 10px var(--shadow-primary) !important;
}

[data-theme="dark"] .box-shadow-medium {
  box-shadow: 0 0 15px var(--shadow-secondary) !important;
}

[data-theme="dark"] .box-shadow-large {
  box-shadow: 0 0 25px var(--shadow-secondary) !important;
}

/* Dark mode navigation */
[data-theme="dark"] .navbar-collapse {
  background-color: var(--bg-secondary);
}

[data-theme="dark"] .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link:hover {
  color: var(--yellow) !important;
}

/* Dark mode particles */
[data-theme="dark"] #particles-style-01,
[data-theme="dark"] #particles-style-02 {
  opacity: 0.3;
}

/* Dark mode scroll progress */
[data-theme="dark"] .scroll-progress {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}

[data-theme="dark"] .scroll-progress .scroll-top {
  color: var(--text-primary);
}

[data-theme="dark"] .scroll-progress .scroll-top:hover {
  color: var(--yellow);
}

/* Dark mode social icons */
[data-theme="dark"] .elements-social.social-icon-style-10 ul li a {
  color: var(--text-primary);
}

[data-theme="dark"] .elements-social.social-icon-style-10 ul li a:hover {
  color: var(--yellow);
}

/* Dark mode portfolio filters */
[data-theme="dark"] .portfolio-filter li a {
  color: var(--text-secondary);
}

[data-theme="dark"] .portfolio-filter li:hover a,
[data-theme="dark"] .portfolio-filter li:focus a,
[data-theme="dark"] .portfolio-filter li.active a {
  color: var(--yellow);
}

/* Dark mode pagination */
[data-theme="dark"] .pagination-style-01 .page-item .page-link {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}

[data-theme="dark"] .pagination-style-01 .page-item .page-link:hover {
  background-color: var(--bg-tertiary);
  border-color: var(--border-secondary);
  color: var(--text-primary);
}

[data-theme="dark"] .pagination-style-01 .page-item.active .page-link {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--black);
}

/* Dark mode modal */
[data-theme="dark"] .modal-content {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}

[data-theme="dark"] .modal-header {
  border-bottom-color: var(--border-primary);
}

[data-theme="dark"] .modal-footer {
  border-top-color: var(--border-primary);
}

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

/* Dark mode dropdown */
[data-theme="dark"] .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}

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

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

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

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

[data-theme="dark"] .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--bg-secondary);
}

[data-theme="dark"] .tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--bg-secondary);
}

[data-theme="dark"] .tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--bg-secondary);
}

/* Dark mode accordion */
[data-theme="dark"] .accordion-item {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}

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

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

[data-theme="dark"] .accordion-button:focus {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  box-shadow: 0 0 0 0.25rem var(--shadow-primary);
}

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

/* Dark mode table */
[data-theme="dark"] .table {
  color: var(--text-primary);
}

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

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

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > td {
  background-color: var(--bg-tertiary);
}

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

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

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

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

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

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

/* Dark mode breadcrumb */
[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
  color: var(--text-muted);
}

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

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

/* Dark mode custom scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 12px;
}

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

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

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

/* Dark mode selection */
[data-theme="dark"] ::selection {
  background-color: var(--yellow);
  color: var(--black);
}

[data-theme="dark"] ::-moz-selection {
  background-color: var(--yellow);
  color: var(--black);
}

/* Dark mode focus styles */
[data-theme="dark"] *:focus {
  outline-color: var(--yellow);
}

/* Dark mode transitions */
[data-theme="dark"] * {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Dark mode specific overrides for existing classes */
[data-theme="dark"] .bg-light {
  background-color: var(--bg-secondary) !important;
}

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

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

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

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

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

/* Dark mode specific overrides for website elements */
[data-theme="dark"] .portfolio-caption {
  background-color: var(--bg-card);
  color: var(--text-primary);
}

[data-theme="dark"] .portfolio-caption a {
  color: var(--text-primary);
}

[data-theme="dark"] .portfolio-caption a:hover {
  color: var(--yellow);
}

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

[data-theme="dark"] .fancy-text-style-4 span {
  color: var(--text-primary);
}

[data-theme="dark"] .fancy-text-style-4 span[data-fancy-text] {
  color: var(--text-primary);
}

[data-theme="dark"] .elements-social.social-text-style-01 ul li a {
  color: var(--text-primary);
}

[data-theme="dark"] .elements-social.social-text-style-01 ul li a:hover {
  color: var(--yellow);
}

[data-theme="dark"] .development-process-visual .process-step {
  background-color: var(--bg-card);
  border-color: var(--border-primary);
}

[data-theme="dark"] .development-process-visual .process-circle {
  background-color: var(--yellow) !important;
  color: var(--black) !important;
}

[data-theme="dark"] .development-process-visual h6 {
  color: var(--text-primary);
}

[data-theme="dark"] .development-process-visual p {
  color: var(--text-secondary);
}

[data-theme="dark"] .clients-style-06 .client-box {
  background-color: var(--bg-card);
  border-color: var(--border-primary);
}

[data-theme="dark"] .clients-style-06 .client-box:hover {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .portfolio-simple .portfolio-wrapper .grid-item {
  background-color: var(--bg-card);
}

[data-theme="dark"] .portfolio-simple .portfolio-wrapper .grid-item:hover {
  background-color: var(--bg-tertiary);
}

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

[data-theme="dark"] .portfolio-image img {
  filter: brightness(0.8);
}

[data-theme="dark"] .portfolio-image:hover img {
  filter: brightness(1);
}

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

[data-theme="dark"] .full-screen.top-space-margin {
  background-color: var(--bg-primary);
}

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

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

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

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

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

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

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

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

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

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

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

[data-theme="dark"] .md-mb-70px {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .sm-mb-50px {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .xs-mb-20px {
  background-color: var(--bg-primary);
}

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

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

[data-theme="dark"] .md-mb-15px {
  background-color: var(--bg-primary);
}

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

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

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

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

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

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

[data-theme="dark"] .col-lg-7.offset-xl-1 {
  background-color: var(--bg-primary);
}

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

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

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

[data-theme="dark"] .md-mb-30px {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .last-paragraph-no-margin {
  background-color: var(--bg-primary);
}

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

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

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

[data-theme="dark"] .mb-60px.md-mb-30px {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .last-paragraph-no-margin {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .w-70.lg-w-85.md-w-100 {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .mb-60px.md-mb-30px.last-paragraph-no-margin {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .w-70.lg-w-85.md-w-100 {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .mb-60px.md-mb-30px.last-paragraph-no-margin {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .w-70.lg-w-85.md-w-100 {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .last-paragraph-no-margin {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .w-70.lg-w-85.md-w-100 {
  background-color: var(--bg-primary);
}

/* Dark mode for specific text elements */
[data-theme="dark"] .fs-19.fw-600.text-black {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .fs-80.sm-fs-50.text-black.fw-200 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .fs-90.lg-fs-80.md-fs-70.sm-fs-60.ls-minus-2px.font-style-italic.alt-font.fw-600 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .fs-65.md-fs-50.xs-fs-18.fw-700.text-black.lh-75.md-lh-60.xs-lh-25.ls-minus-2px {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .contact-email-link.alt-font.font-style-italic.text-black.fs-80.md-fs-60.xs-fs-20.fw-700.lh-90.md-lh-80.xs-lh-30.float-end.ls-minus-2px {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .fs-16.fw-600.text-black.fancy-text-style-4 {
  color: var(--text-primary) !important;
}

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

/* Dark mode for specific background elements */
[data-theme="dark"] .bg-base-color {
  background-color: var(--bg-tertiary) !important;
}

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

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

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

/* Dark mode for specific border elements */
[data-theme="dark"] .border-color-dark-gray {
  border-color: var(--border-primary) !important;
}

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

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

/* Dark mode for specific hover effects */
[data-theme="dark"] .hover-box:hover {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .hover-box:hover * {
  color: var(--text-primary);
}

[data-theme="dark"] .hover-box:hover a {
  color: var(--yellow);
}

/* Dark mode for specific animation elements */
[data-theme="dark"] [data-anime] {
  color: var(--text-primary);
}

[data-theme="dark"] [data-anime] * {
  color: var(--text-primary);
}

/* Dark mode for specific responsive elements */
[data-theme="dark"] @media (max-width: 768px) {
  .dark-mode-toggle {
    top: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
  }
}

[data-theme="dark"] @media (max-width: 480px) {
  .dark-mode-toggle {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
}

/* Dark mode header height reduction */
[data-theme="dark"] header {
  padding: 20px 0 !important;
  min-height: auto !important;
}

[data-theme="dark"] .navbar {
  padding: 20px 0 !important;
  min-height: auto !important;
}

[data-theme="dark"] .navbar-brand {
  padding: 0 !important;
}

[data-theme="dark"] .navbar-brand img {
  max-height: 80px !important;
}

[data-theme="dark"] .navbar-nav {
  margin: 0 !important;
  padding: 0 !important;
}

[data-theme="dark"] .navbar-nav .nav-item {
  margin: 0 15px !important;
}

[data-theme="dark"] .navbar-nav .nav-link {
  padding: 8px 15px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* Dark mode social media background removal */
[data-theme="dark"] .elements-social.social-icon-style-10 ul li {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .elements-social.social-icon-style-10 ul li a {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 5px 10px !important;
}

[data-theme="dark"] .elements-social.social-text-style-01 ul li {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .elements-social.social-text-style-01 ul li a {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 5px 10px !important;
}

/* Dark mode sticky social media background removal */
[data-theme="dark"] .sticky-wrap .elements-social ul li {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .sticky-wrap .elements-social ul li a {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 5px 10px !important;
}

/* Dark mode email background removal */
[data-theme="dark"] .contact-email-link {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-theme="dark"] .contact-email-link:hover {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] a[href^="mailto:"] {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-theme="dark"] a[href^="mailto:"]:hover {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Dark mode footer email background removal */
[data-theme="dark"] footer .contact-email-link {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-theme="dark"] footer a[href^="mailto:"] {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Dark mode contact page email background removal */
[data-theme="dark"] .contact-info-box .contact-email-link {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-theme="dark"] .contact-info-box a[href^="mailto:"] {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Dark mode specific email elements */
[data-theme="dark"] .fs-80.md-fs-60.xs-fs-20.fw-700.lh-90.md-lh-80.xs-lh-30.float-end.ls-minus-2px {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-theme="dark"] .alt-font.font-style-italic.text-black.fs-80.md-fs-60.xs-fs-20.fw-700.lh-90.md-lh-80.xs-lh-30.float-end.ls-minus-2px {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Dark mode social media containers */
[data-theme="dark"] .elements-social {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-theme="dark"] .elements-social ul {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-theme="dark"] .elements-social ul li {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 10px 0 0 !important;
}

/* Dark mode sticky elements background removal */
[data-theme="dark"] .sticky-wrap {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

[data-theme="dark"] .sticky-wrap .elements-social {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Dark mode responsive header adjustments */
[data-theme="dark"] @media (max-width: 768px) {
  [data-theme="dark"] header {
    padding: 15px 0 !important;
  }
  
  [data-theme="dark"] .navbar {
    padding: 15px 0 !important;
  }
  
  [data-theme="dark"] .navbar-brand img {
    max-height: 60px !important;
  }
  
  [data-theme="dark"] .navbar-nav .nav-link {
    padding: 6px 12px !important;
    font-size: 14px !important;
  }
}

[data-theme="dark"] @media (max-width: 480px) {
  [data-theme="dark"] header {
    padding: 12px 0 !important;
  }
  
  [data-theme="dark"] .navbar {
    padding: 12px 0 !important;
  }
  
  [data-theme="dark"] .navbar-brand img {
    max-height: 50px !important;
  }
  
  [data-theme="dark"] .navbar-nav .nav-link {
    padding: 5px 10px !important;
    font-size: 13px !important;
  }
}