/* FIN Stealth Mode - Professional appearance for workplace privacy */

/* Stealth Mode Variables */
.stealth-mode {
  --stealth-primary: #4a5568;        /* Professional gray */
  --stealth-secondary: #718096;      /* Muted gray */
  --stealth-accent: #2d3748;         /* Dark gray */
  --stealth-bg: #f7fafc;            /* Light professional background */
  --stealth-text: #2d3748;          /* Professional text color */
}

/* Global Stealth Mode Overrides */
.stealth-mode .main-header {
  background-color: var(--stealth-bg);
  border-bottom: 2px solid var(--stealth-primary);
}

.stealth-mode .nav-brand h1 {
  color: var(--stealth-primary);
  font-family: var(--font-family-mono);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-xl);
}

.stealth-mode .nav-brand span {
  color: var(--stealth-secondary);
}

.stealth-mode .nav-menu a {
  color: var(--stealth-text);
}

.stealth-mode .nav-menu a:hover,
.stealth-mode .nav-menu a.active {
  color: var(--stealth-primary);
  background-color: var(--color-gray-100);
}

/* Hero Section Stealth */
.stealth-mode .hero-section {
  background: linear-gradient(135deg, var(--stealth-primary) 0%, var(--stealth-secondary) 100%);
}

.stealth-mode .hero-title span:first-child {
  font-weight: var(--font-weight-semibold);
}

.stealth-mode .hero-subtitle {
  color: rgba(255, 255, 255, 0.85);
}

.stealth-mode .hero-wisdom {
  display: none; /* Hide humorous content in stealth mode */
}

/* Content Section Stealth */
.stealth-mode .section-header h2 {
  color: var(--stealth-primary);
  font-weight: var(--font-weight-semibold);
}

.stealth-mode .section-header p {
  color: var(--stealth-secondary);
}

/* Card Components Stealth */
.stealth-mode .benefit-card h3,
.stealth-mode .tool-card h3,
.stealth-mode .strategy-card h3,
.stealth-mode .invest-card h3,
.stealth-mode .transition-card h3 {
  color: var(--stealth-primary);
}

.stealth-mode .benefit-card:hover,
.stealth-mode .tool-card:hover,
.stealth-mode .strategy-card:hover,
.stealth-mode .invest-card:hover,
.stealth-mode .transition-card:hover {
  border-color: var(--stealth-primary);
}

/* Button Stealth */
.stealth-mode .btn-primary {
  background-color: var(--stealth-primary);
}

.stealth-mode .btn-primary:hover {
  background-color: var(--stealth-accent);
}

.stealth-mode .btn-secondary {
  color: var(--stealth-primary);
  border-color: var(--stealth-primary);
}

.stealth-mode .btn-secondary:hover {
  background-color: var(--stealth-primary);
}

.stealth-mode .cta-primary {
  background: linear-gradient(135deg, var(--stealth-primary), var(--stealth-secondary));
}

.stealth-mode .cta-secondary {
  color: var(--stealth-primary);
  border-color: var(--stealth-primary);
}

.stealth-mode .cta-secondary:hover {
  background-color: var(--stealth-primary);
}

.stealth-mode .btn-tool:hover,
.stealth-mode .btn-card:hover,
.stealth-mode .btn-strategy:hover,
.stealth-mode .btn-invest:hover,
.stealth-mode .btn-transition:hover {
  background-color: var(--stealth-primary);
  border-color: var(--stealth-primary);
}

/* Footer Stealth */
.stealth-mode .main-footer {
  background-color: var(--stealth-accent);
}

.stealth-mode .footer-section h3 {
  color: var(--color-gray-300);
}

.stealth-mode .footer-motto em {
  color: var(--color-gray-400);
}

.stealth-mode .footer-wisdom {
  color: var(--color-gray-400);
}

/* Progress Bars Stealth */
.stealth-mode .progress-fill {
  background: linear-gradient(90deg, var(--stealth-primary), var(--stealth-secondary));
}

/* Status Badges Stealth */
.stealth-mode .status-active {
  background-color: var(--stealth-primary);
}

.stealth-mode .privacy-badge {
  background-color: var(--stealth-secondary);
}

/* Feature Badges Stealth */
.stealth-mode .feature-badge {
  background-color: rgba(74, 85, 104, 0.2);
}

/* Checklist Stealth */
.stealth-mode .checklist-item:hover {
  border-color: var(--stealth-primary);
}

.stealth-mode .checklist-item input[type="checkbox"] {
  accent-color: var(--stealth-primary);
}

.stealth-mode .checklist-item label strong {
  color: var(--stealth-primary);
}

/* Modal Stealth */
.stealth-mode .modal-header h2 {
  color: var(--stealth-primary);
}

/* Tool List Stealth */
.stealth-mode .tool-list button {
  color: var(--stealth-primary);
}

.stealth-mode .tool-list button:hover {
  color: var(--stealth-accent);
}

/* Navigation Actions Stealth */
.stealth-mode .stealth-btn:hover,
.stealth-mode .install-btn:hover {
  background-color: var(--stealth-primary);
  border-color: var(--stealth-primary);
}

/* Wisdom Sections Stealth */
.stealth-mode .benefits-wisdom,
.stealth-mode .debt-wisdom {
  border-left-color: var(--stealth-secondary);
}

/* Special Stealth Text Content Replacements */
.stealth-mode #site-title::after {
  content: " - Professional Resource Library";
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: var(--stealth-secondary);
}

.stealth-mode #site-tagline {
  display: none;
}

.stealth-mode #hero-greeting::after {
  content: "Professional Resource Management";
  font-size: var(--font-size-2xl);
}

.stealth-mode #hero-greeting {
  font-size: 0;
}

.stealth-mode #hero-desc::after {
  content: "Comprehensive planning tools for professional resource management and organizational development.";
}

.stealth-mode #hero-desc {
  font-size: 0;
}

.stealth-mode #cta-emergency::after {
  content: "Resource Planning";
}

.stealth-mode #cta-emergency {
  font-size: 0;
}

.stealth-mode #cta-tools::after {
  content: "View Management Tools";
}

.stealth-mode #cta-tools {
  font-size: 0;
}

/* Section Title Replacements */
.stealth-mode #emergency-title::after {
  content: "Resource Planning";
}

.stealth-mode #emergency-title {
  font-size: 0;
}

.stealth-mode #emergency-subtitle::after {
  content: "Initial resource assessment and planning checklist";
}

.stealth-mode #emergency-subtitle {
  font-size: 0;
}

.stealth-mode #benefits-title::after {
  content: "Benefit Management";
}

.stealth-mode #benefits-title {
  font-size: 0;
}

.stealth-mode #benefits-subtitle::after {
  content: "Professional benefit optimization and management tools";
}

.stealth-mode #benefits-subtitle {
  font-size: 0;
}

.stealth-mode #budget-title::after {
  content: "Budget Management";
}

.stealth-mode #budget-title {
  font-size: 0;
}

.stealth-mode #budget-subtitle::after {
  content: "Professional budgeting and resource allocation";
}

.stealth-mode #budget-subtitle {
  font-size: 0;
}

.stealth-mode #debt-title::after {
  content: "Debt Management";
}

.stealth-mode #debt-title {
  font-size: 0;
}

.stealth-mode #debt-subtitle::after {
  content: "Strategic debt reduction and management planning";
}

.stealth-mode #debt-subtitle {
  font-size: 0;
}

.stealth-mode #invest-title::after {
  content: "Investment Planning";
}

.stealth-mode #invest-title {
  font-size: 0;
}

.stealth-mode #invest-subtitle::after {
  content: "Professional investment analysis and planning tools";
}

.stealth-mode #invest-subtitle {
  font-size: 0;
}

.stealth-mode #transition-title::after {
  content: "Career Management";
}

.stealth-mode #transition-title {
  font-size: 0;
}

.stealth-mode #transition-subtitle::after {
  content: "Professional development and career transition planning";
}

.stealth-mode #transition-subtitle {
  font-size: 0;
}

.stealth-mode #tools-title::after {
  content: "Management Toolbox";
}

.stealth-mode #tools-title {
  font-size: 0;
}

.stealth-mode #tools-subtitle::after {
  content: "Comprehensive professional planning and management tools";
}

.stealth-mode #tools-subtitle {
  font-size: 0;
}

/* Footer Replacements */
.stealth-mode #footer-brand::after {
  content: "Professional Resources";
}

.stealth-mode #footer-brand {
  font-size: 0;
}

.stealth-mode #footer-tagline {
  display: none;
}

.stealth-mode #privacy-badge::after {
  content: "Secure";
}

.stealth-mode #privacy-badge {
  font-size: 0;
}

.stealth-mode #offline-badge::after {
  content: "Offline Ready";
}

.stealth-mode #offline-badge {
  font-size: 0;
}

.stealth-mode #alberta-badge::after {
  content: "Regional";
}

.stealth-mode #alberta-badge {
  font-size: 0;
}

.stealth-mode #no-tracking::after {
  content: "Secure";
}

.stealth-mode #no-tracking {
  font-size: 0;
}

.stealth-mode #local-storage::after {
  content: "Local Data";
}

.stealth-mode #local-storage {
  font-size: 0;
}

.stealth-mode #offline-capable::after {
  content: "Offline Mode";
}

.stealth-mode #offline-capable {
  font-size: 0;
}

.stealth-mode #footer-tools-title::after {
  content: "Quick Tools";
}

.stealth-mode #footer-tools-title {
  font-size: 0;
}

.stealth-mode #footer-resources-title::after {
  content: "Resources";
}

.stealth-mode #footer-resources-title {
  font-size: 0;
}

.stealth-mode #footer-privacy-title::after {
  content: "Privacy Features";
}

.stealth-mode #footer-privacy-title {
  font-size: 0;
}

.stealth-mode #footer-copyright::after {
  content: "© 2024 Professional Resource Library. Comprehensive planning tools for professional development.";
}

.stealth-mode #footer-copyright {
  font-size: 0;
}

/* Hide All Humor/Personality in Stealth Mode */
.stealth-mode .hero-motto,
.stealth-mode .footer-motto,
.stealth-mode .footer-wisdom,
.stealth-mode .benefits-wisdom,
.stealth-mode .debt-wisdom {
  display: none;
}

/* Stealth Mode Indicator */
.stealth-mode::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 4px;
  height: 100vh;
  background-color: var(--stealth-primary);
  z-index: var(--z-tooltip);
  opacity: 0.7;
}

/* Stealth Mode Animation */
.stealth-mode-transition {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Responsive Stealth Mode */
@media (max-width: 768px) {
  .stealth-mode #site-title::after {
    content: " - Resources";
    font-size: var(--font-size-xs);
  }
}

@media (max-width: 480px) {
  .stealth-mode #site-title::after {
    display: none;
  }
}

/* Print Mode (Always Professional) */
@media print {
  body {
    color: black !important;
    background: white !important;
  }

  .hero-section {
    background: none !important;
  }

  .hero-motto,
  .footer-motto,
  .footer-wisdom,
  .benefits-wisdom,
  .debt-wisdom {
    display: none !important;
  }
}