/*
 * Dark mode redesign for Rogersville Baptist Temple
 *
 * This stylesheet overrides the default Bootstrap styles to provide
 * a dark, modern aesthetic with rich accent colors and subtle textures.
 */

/* Base styles */
body {
  padding-top: 70px;
  background-color: #0A0E1A;
  /* Use a subtle dark linen texture for depth */
  background-image: url('../images/dark_texture.png');
  background-repeat: repeat;
  color: #F0F0F0;
  font-family: Verdana, Arial, sans-serif;
}

/* Navigation bar */
.navbar {
  background-color: #111111 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

.navbar-brand {
  color: #D4AF37 !important;
  font-family: Georgia, 'Times New Roman', serif;
}

.navbar .nav-link {
  color: #F0F0F0 !important;
  font-family: Verdana, Arial, sans-serif;
}

.navbar .nav-link:hover {
  color: #D4AF37 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #D4AF37;
  font-family: Georgia, 'Times New Roman', serif;
}

/* Sections */
section {
  padding: 4rem 0;
}

/* Hero section */
.hero-section {
  position: relative;
  color: #F0F0F0;
  text-shadow: 1px 1px 4px rgba(0,0,0,.75);
}

/* Cards and tables */
.card {
  background-color: #1E1E1E;
  color: #F0F0F0;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.6);
}

.table {
  background-color: #1E1E1E;
  color: #F0F0F0;
}

.table thead th {
  background-color: #2B2B2B;
  color: #D4AF37;
  border-color: #333;
}

.table tbody tr {
  border-color: #333;
}

/* Ensure table cell backgrounds match dark theme */
.table tbody td {
  background-color: #1E1E1E;
  color: #F0F0F0;
}

/* Forms */
input.form-control,
textarea.form-control,
select.form-control {
  background-color: #1E1E1E;
  border-color: #333;
  color: #F0F0F0;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
  background-color: #1E1E1E;
  color: #F0F0F0;
  border-color: #D4AF37;
  box-shadow: none;
}

/* Buttons */
.btn-primary {
  background-color: #1A3E5C;
  border-color: #1A3E5C;
  color: #F0F0F0;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #0F2A3C;
  border-color: #0F2A3C;
  color: #F0F0F0;
}

.btn-outline-light {
  color: #D4AF37;
  border-color: #D4AF37;
}

.btn-outline-light:hover {
  background-color: #D4AF37;
  color: #0A0E1A;
}

/* Links */
a {
  color: #D4AF37;
  text-decoration: none;
}

a:hover {
  color: #F0F0F0;
  text-decoration: underline;
}

/* Highlight links inside key sections */
section#sermon-preview a,
section#events-preview a,
section#about-preview a {
  color: #D4AF37 !important;
  text-decoration: none;
}

section#sermon-preview a:hover,
section#events-preview a:hover,
section#about-preview a:hover {
  color: #F0F0F0 !important;
  text-decoration: underline;
}

/* Background utility overrides */
.bg-light {
  background-color: #161A2B !important;
  color: #F0F0F0;
}

.bg-dark {
  background-color: #111111 !important;
  color: #F0F0F0;
}

footer {
  font-size: 0.9rem;
  background-color: #111111;
  color: #F0F0F0;
}