/*


 */

/* Override Bootstrap for the dark theme.
   Scoped to .fof-site (public layout) so the admin layout, which also loads this file, keeps Bootstrap's light theme. */
body.fof-site { background-color: #000000 !important; }
.fof-site .bg-white { background-color: #111111 !important; }
.fof-site .text-dark { color: #E2E2E2 !important; }
.fof-site .text-secondary { color: #7B7B7B !important; }
.fof-site .shadow { box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important; }

@media (max-width: 768px) {
  .fof-navbar { padding: 0 16px !important; }
  .fof-hero-title { font-size: 40px !important; }
  /* The home Fofcast grid is a carousel on mobile (see styles.css) */
  .episodes-grid:not(.episodes-grid--home) { grid-template-columns: 1fr !important; }
  .topics-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 480px) {
  .fof-section { padding: 40px 16px 0 !important; }
  .footer-logo span { font-size: 28px !important; }
}