/* Single floating toggle (top-right) */
.theme-toggle {
  position: fixed;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, .08);
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  cursor: pointer;
  z-index: 2147483647;
  transition: transform .2s ease, background .2s ease;
}

/* Adjust position for mobile screens */
@media (max-width: 991px) {
  .theme-toggle {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
}

.theme-toggle:hover {
  transform: translateY(-1px);
}

.theme-toggle i {
  font-size: 20px;
  line-height: 1;
  display: block;
  color: #272829;
}

:root[data-bs-theme="dark"] .theme-toggle {
  background: rgba(20, 20, 20, .95);
  border-color: rgba(255, 255, 255, .12);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .6);
}

:root[data-bs-theme="dark"] .theme-toggle i {
  color: #FFF;
}

/* icon color in dark */

/* Core dark overrides without changing content text */
:root[data-bs-theme="dark"] body {
  background: #0f1115 !important;
  color: #e4e6eb !important;
}

/* Links (use #00ae4c in dark mode as requested) */
:root[data-bs-theme="dark"] a {
  color: #00ae4c !important;
}

:root[data-bs-theme="dark"] a:hover {
  color: #e5e7eb !important;
}

/* Header/sidebar 
:root[data-bs-theme="dark"] #header {
  background: #0b0d12 !important;
  border-right: 1px solid rgba(255,255,255,.08);
}*/
:root[data-bs-theme="dark"] .navbar a,
:root[data-bs-theme="dark"] .nav-menu a,
:root[data-bs-theme="dark"] .nav-menu a i,
:root[data-bs-theme="dark"] .nav-menu a span {
  color: #45505b !important;
}

:root[data-bs-theme="dark"] .nav-menu a:hover i,
:root[data-bs-theme="dark"] .nav-menu a:hover span,
:root[data-bs-theme="dark"] .nav-menu a.active i,
:root[data-bs-theme="dark"] .nav-menu a.active span {
  color: #FFF !important;
}

/* Sections & cards */
:root[data-bs-theme="dark"] section,
:root[data-bs-theme="dark"] .section-bg,
:root[data-bs-theme="dark"] .container {
  background-color: transparent !important;
  color: #ebe4e4 !important;
}

/* Cards */
:root[data-bs-theme="dark"] .icon-box {
  background-color: transparent !important;
  color: #ebe4e4 !important;
  box-shadow: 0 0 1px 0 #4c4c4c;
}

:root[data-bs-theme="dark"] .progress,
:root[data-bs-theme="dark"] .skills .progress {
  background: rgba(255, 255, 255, .08) !important;
}

:root[data-bs-theme="dark"] .skills .progress-bar {
  background: #00ae4c !important;
  /* keep brand color */
}

/* Cards/boxes commonly used */
:root[data-bs-theme="dark"] .resume .resume-item,
:root[data-bs-theme="dark"] .portfolio .portfolio-item,
:root[data-bs-theme="dark"] .contact .info,
:root[data-bs-theme="dark"] .contact .php-email-form {
  border-color: rgba(255, 255, 255, .08) !important;
  color: #e4e6eb !important;
}

/* Text utilities that might be hard-coded */
:root[data-bs-theme="dark"] .text-dark {
  color: #e4e6eb !important;
}

:root[data-bs-theme="dark"] .bg-white {
  background-color: #111318 !important;
}

:root[data-bs-theme="dark"] .bg-light {
  background-color: #141821 !important;
}

:root[data-bs-theme="dark"] .border {
  border-color: rgba(255, 255, 255, .12) !important;
}

/* Lightbox backdrops */
:root[data-bs-theme="dark"] .lightboxOverlay {
  background: rgba(0, 0, 0, .9) !important;
}

:root[data-bs-theme="dark"] .lb-data,
:root[data-bs-theme="dark"] .lb-nav {
  color: #e4e6eb !important;
}

/* Tables and lists */
:root[data-bs-theme="dark"] .table {
  color: #e4e6eb !important;
}

:root[data-bs-theme="dark"] .table thead {
  color: #e4e6eb !important;
}

:root[data-bs-theme="dark"] hr {
  border-color: rgba(255, 255, 255, .12) !important;
}

/* Keep brand green accents */
:root[data-bs-theme="dark"] .btn-primary,
:root[data-bs-theme="dark"] .btn-success,
:root[data-bs-theme="dark"] .btn,
:root[data-bs-theme="dark"] .badge,
:root[data-bs-theme="dark"] .progress-bar {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00ae4c;
  --bs-btn-border-color: #00ae4c;
}

/* Footer */
:root[data-bs-theme="dark"] #footer {
  background-color: transparent !important;
  border-top: 1px solid #272829;
}