/**
 * Bundles public site — force dark surfaces over legacy Bootstrap / template CSS.
 * Loaded after Bootstrap and theme stylesheets on layouts.app.
 */
html.dark,
html.dark body {
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

html.dark .container,
html.dark .wrapper,
html.dark #wrapper,
html.dark .section,
html.dark .blog-card,
html.dark .card {
  background-color: transparent !important;
  color: inherit !important;
}

html.dark .card,
html.dark .well,
html.dark .panel,
html.dark .jumbotron {
  background-color: rgba(31, 41, 55, 0.65) !important;
  border-color: rgba(75, 85, 99, 0.6) !important;
  color: #e5e7eb !important;
}

html.dark .table,
html.dark .table > tbody,
html.dark .table > thead {
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
}

html.dark .table > thead > tr > th,
html.dark .table > tbody > tr > td {
  border-color: #374151 !important;
  color: #e5e7eb !important;
}

html.dark .form-control,
html.dark input[type="text"],
html.dark input[type="email"],
html.dark input[type="password"],
html.dark input[type="number"],
html.dark input[type="tel"],
html.dark input[type="search"],
html.dark select,
html.dark textarea {
  background-color: #1f2937 !important;
  border-color: #4b5563 !important;
  color: #f3f4f6 !important;
}

html.dark .form-control:focus,
html.dark input:focus,
html.dark select:focus,
html.dark textarea:focus {
  background-color: #111827 !important;
  border-color: #3b82f6 !important;
  color: #f9fafb !important;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35) !important;
}

html.dark a {
  color: #93c5fd;
}

html.dark a:hover {
  color: #bfdbfe;
}

html.dark .btn-default,
html.dark .btn-light {
  background-color: #374151 !important;
  border-color: #4b5563 !important;
  color: #e5e7eb !important;
}

html.dark .text-dark,
html.dark .text-muted {
  color: #9ca3af !important;
}

html.dark hr {
  border-color: #374151 !important;
}