/*


 */

/* Override Bootstrap for the dark theme */
body { background-color: #000000 !important; }
.bg-white { background-color: #111111 !important; }
.text-dark { color: #E2E2E2 !important; }
.text-secondary { color: #7B7B7B !important; }
.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; }
  .episodes-grid { 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; }
}