/* ==========================================================================
   WEBSITE MODE SWITCHER - Emergency vs. Resource View
   ========================================================================== */

.mode-switcher-banner {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border-bottom: 2px solid #e63946;
  padding: 0.75rem 1rem;
}

.mode-switcher-content {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.mode-label {
  color: #e2e8f0;
  font-weight: 600;
  font-size: 0.9rem;
}

.mode-btn {
  padding: 0.6rem 1.2rem;
  border: 2px solid #475569;
  border-radius: 8px;
  background: transparent;
  color: #94a3b8;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.85rem;
}

.mode-btn:hover {
  border-color: #e63946;
  color: #e2e8f0;
}

.mode-btn.active {
  background: #e63946;
  border-color: #e63946;
  color: white;
}

.mode-btn.active:hover {
  background: #dc2626;
}

/* Emergency Mode CSS Directives */
body[data-site-mode="emergency"] .section-news,
body[data-site-mode="emergency"] .section-stats,
body[data-site-mode="emergency"] .section-partnerships,
body[data-site-mode="emergency"] .anonymous-counter,
body[data-site-mode="emergency"] .stat-callout,
body[data-site-mode="emergency"] footer .footer-secondary-links,
body[data-site-mode="emergency"] .language-selector,
body[data-site-mode="emergency"] .site-search {
  display: none !important;
}

body[data-site-mode="emergency"] .hero {
  background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%) !important;
}

body[data-site-mode="emergency"] .section-quick-steps,
body[data-site-mode="emergency"] .section-immediate-contacts,
body[data-site-mode="emergency"] .quick-help {
  border: 3px solid #dc2626;
  background-color: #fef2f2;
  padding: 25px;
  border-radius: 12px;
}

body[data-site-mode="emergency"] .situation-panel {
  background: #fef2f2;
}

body[data-site-mode="emergency"] .situation-tile.danger {
  background: #fee2e2;
  border-color: #dc2626;
}

body[data-site-mode="emergency"] .callout-emergency {
  border-left-width: 6px;
}

/* Ensure emergency content is prominent */
body[data-site-mode="emergency"] main {
  background: #fff5f5;
}

body[data-site-mode="emergency"] .content-wrapper {
  background: #fff5f5;
}

/* Mode switcher in emergency mode */
body[data-site-mode="emergency"] .mode-switcher-banner {
  background: #7f1d1d;
  border-bottom-color: #dc2626;
}

body[data-site-mode="emergency"] .mode-label {
  color: #fecaca;
}