/* Custom CSS overrides */

/* Make navbar darker in light mode */
.navbar-custom {
    background-color: #2c2c2c !important;
}

.navbar-default {
    background-color: #2c2c2c !important;
}

/* Ensure navbar stays dark when scrolling */
.navbar-custom.top-nav-collapsed {
    background-color: #2c2c2c !important;
}

/* Dark background for avatar/logo border */
.avatar-img-border {
    background-color: #1c1c1c !important;
}

/* Make footer same color as navbar */
footer {
    background-color: #2c2c2c !important;
}

.footer {
    background-color: #2c2c2c !important;
}

/* Dark mode styling */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #1c1c1c !important;
    color: white !important;
  }
  
  /* Apply to main containers except navbar */
  body > .container-fluid:not(.navbar-custom .container-fluid),
  .intro-header,
  main {
    background-color: #1c1c1c !important;
  }
  
  /* Keep navbar elements dark */
  .navbar-collapse,
  .collapse.navbar-collapse,
  .navbar-custom .container-fluid {
    background-color: #2c2c2c !important;
  }
}

/* In light mode only, make footer text white */
@media (prefers-color-scheme: light) {
    footer,
    .footer {
        color: white !important;
    }
    
    footer p,
    footer a,
    footer .text-muted,
    .footer p,
    .footer a,
    .footer .text-muted {
        color: white !important;
    }
    
    /* Footer links on hover */
    footer a:hover,
    .footer a:hover {
        color: white !important;
        opacity: 0.8;
    }
}

/* Make post titles white */
.post-preview .post-title {
    color: white !important;
}

/* Also make the title white on hover */
.post-preview a:hover .post-title {
    color: white !important;
}

/* Make sure links don't override the white color */
.post-preview a {
    text-decoration: none;
}

/* Make navbar elements white */
.navbar-custom .navbar-brand {
    color: white !important;
}

.navbar-custom .nav li a {
    color: white !important;
}

.navbar-custom .navbar-nav > li > a {
    color: white !important;
}

/* Navbar elements on hover */
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
    color: white !important;
    opacity: 0.8;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: white !important;
    opacity: 0.8;
}