/* =======================================
   Mr.Diamond Group - Dark Theme
   Designed for: mrdiamondgroup.netlify.app
   ======================================= */

/* Global Dark Backgrounds */
body.dark-mode {
  background-color: #0d1117 !important;
  color: #e6edf3 !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode p,
.dark-mode span,
.dark-mode label,
.dark-mode a {
  color: #e6edf3 !important;
}

/* Section Backgrounds */
.dark-mode .container-fluid,
.dark-mode .container,
.dark-mode section {
  background-color: #0d1117 !important;
  color: #e6edf3 !important;
}

/* ===============================
   Navbar Styling
   =============================== */
.dark-mode .navbar {
  background-color: #0d1117 !important;
  border-bottom: 1px solid #30363d !important;
}

.dark-mode .navbar-brand,
.dark-mode .navbar-brand h4 {
  color: #ff6b6b !important;
  font-weight: 700;
}

.dark-mode .navbar .nav-link {
  color: #ffffff !important;
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: color 0.3s ease;
}

.dark-mode .navbar .nav-link:hover,
.dark-mode .navbar .nav-link.active {
  color: #ff6b6b !important;
  text-shadow: 0 0 6px rgba(255,107,107,0.5);
}

.dark-mode .dropdown-menu {
  background-color: #161b22 !important;
  border: 1px solid #30363d !important;
}

.dark-mode .dropdown-item {
  color: #e6edf3 !important;
}

.dark-mode .dropdown-item:hover {
  background-color: #21262d !important;
  color: #ff6b6b !important;
}

/* ===============================
   Buttons
   =============================== */
.dark-mode .btn,
.dark-mode .btn-primary,
.dark-mode .btn-danger {
  background-color: #ff6b6b !important;
  color: #fff !important;
  border: none !important;
}
body.dark-mode .navbar .navbar-brand,
body.dark-mode .navbar .navbar-nav .nav-link {
  color: #ffffff !important;
  font-weight: 500;
}
.dark-mode .btn:hover {
  background-color: #ff4b4b !important;
}

/* Search / Modal */
.dark-mode .modal-content {
  background-color: #161b22 !important;
  color: #e6edf3 !important;
}

/* ===============================
   Cards & Boxes
   =============================== */
.dark-mode .card,
.dark-mode .service-item,
.dark-mode .about-item,
.dark-mode .team-item {
  background-color: #161b22 !important;
  color: #e6edf3 !important;
  border: 1px solid #30363d !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

.dark-mode .card-title,
.dark-mode .service-item h4 {
  color: #ffffff !important;
}

.dark-mode .card p,
.dark-mode .service-item p {
  color: #b0b9c5 !important;
}

/* ===============================
   Carousel Captions
   =============================== */
.dark-mode .carousel-caption h1,
.dark-mode .carousel-caption p {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

/* ===============================
   Footer
   =============================== */
.dark-mode footer,
.dark-mode .footer {
  background-color: #0d1117 !important;
  color: #e6edf3 !important;
  border-top: 1px solid #30363d !important;
}

.dark-mode footer a {
  color: #ff6b6b !important;
}

.dark-mode footer a:hover {
  color: #ffffff !important;
}

/* ===============================
   Forms
   =============================== */
.dark-mode input,
.dark-mode textarea,
.dark-mode select {
  background-color: #161b22 !important;
  color: #e6edf3 !important;
  border: 1px solid #30363d !important;
}

.dark-mode input::placeholder,
.dark-mode textarea::placeholder {
  color: #8b949e !important;
}

/* ===============================
   Utility Adjustments
   =============================== */
.dark-mode .text-muted {
  color: #9da5b4 !important;
}

.dark-mode .bg-light {
  background-color: #161b22 !important;
  color: #e6edf3 !important;
}

.dark-mode .bg-white {
  background-color: #0d1117 !important;
  color: #e6edf3 !important;
}

.dark-mode .btn-text-danger {
  background-color: #ff6b6b !important;
  color: #fff !important;
}

/* ===============================
   Scrollbar (Optional)
   =============================== */
.dark-mode ::-webkit-scrollbar {
  width: 10px;
}

.dark-mode ::-webkit-scrollbar-thumb {
  background-color: #30363d;
  border-radius: 10px;
}

.dark-mode ::-webkit-scrollbar-track {
  background: #0d1117;
}