body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.dark body {
  background-color: #111827 !important;
  color: #f9fafb !important;
}

#theme-toggle:hover {
  background-color: #f1f1f1;
}
.dark #theme-toggle {
  color: #f1f1f1 !important;
}

.card {
  transition: box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}
.card-img-top {
  transition: transform 0.4s ease;
}
.card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
.card:hover .card-img-top {
  transform: scale(1.05);
}
.dark .card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}
.dark .card {
  background-color: #1f2937 !important;
  border-color: #374151 !important;
}
.dark .card .card-body h3 {
  color: #f9fafb !important;
}

.comment-reply {
  margin-left: 2rem;
}

.star-rating i {
  cursor: pointer;
  color: #ddd;
  transition: color 0.2s;
}
.star-rating i.active {
  color: #fbbf24;
}

.user-stars i {
  color: #fbbf24;
}
.user-stars i.empty {
  color: #ddd;
}

footer a:hover {
  color: #0d6efd;
}
.dark footer {
  background-color: #111827 !important;
}

.dark .navbar {
  background-color: #111827 !important;
  border-color: #374151 !important;
}
.dark .navbar-brand {
  color: #3b82f6 !important;
}
.dark .nav-link {
  color: #d1d5db !important;
}
.dark .nav-link:hover {
  color: #f9fafb !important;
}
.dark .header-section,
.dark header {
  background: linear-gradient(to right, #111827, #1f2937) !important;
}
.dark .text-muted {
  color: #9ca3af !important;
}
.dark .bg-white {
  background-color: #1f2937 !important;
}
.dark .content-card {
  background-color: #1f2937 !important;
  border-color: #374151 !important;
}
.dark .content-card h3 {
  color: #f9fafb !important;
}
.dark .content-card p {
  color: #d1d5db !important;
}
.dark .content-card strong {
  color: #f9fafb !important;
}
.dark .newsletter-section {
  background: linear-gradient(to right, #1f2937, #111827) !important;
}
.dark .form-control {
  background-color: #374151 !important;
  color: #f9fafb !important;
  border-color: #4b5563 !important;
}
.dark .form-control::placeholder {
  color: #9ca3af !important;
}
.dark .sidebar-link {
  color: #d1d5db !important;
}
.dark .sidebar-link:hover {
  color: #f9fafb !important;
}
.dark .border-bottom {
  border-color: #374151 !important;
}

/*# sourceMappingURL=main.css.map */