/* Stealth Mode CSS - Professional/Boring appearance for privacy */

/* Activated when user enables stealth mode or accesses via local.sup subdomain */
body.stealth-mode {
    /* Override colorful gradients with boring grays */
    --primary-color: #5A5A5A;
    --secondary-color: #4A6FA5;
    --accent-color: #2D5A3D;
    --danger-color: #B8860B;
    --success-color: #2D5A3D;
    --warning-color: #B8860B;

    /* Muted backgrounds */
    --bg-primary: #F8F9FA;
    --bg-secondary: #EEEEEE;
    --bg-dark: #4A4A4A;
}

/* Stealth header - looks like documentation software */
.stealth-mode .main-header {
    background: #F8F9FA;
    border-bottom: 1px solid #DDD;
    box-shadow: none;
}

.stealth-mode .sup-logo {
    color: #5A5A5A;
    font-weight: normal;
    font-size: 1.2rem;
}

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

/* Replace with boring professional text */
.stealth-mode .tagline::after {
    content: "Workplace Resource Library";
    display: block;
    color: #6C757D;
    font-size: 0.8rem;
}

/* Hero section - professional appearance */
.stealth-mode .hero-section {
    background: #F8F9FA;
    padding: 2rem 0;
    min-height: auto;
}

.stealth-mode .hero-title {
    font-size: 1.5rem;
    color: #5A5A5A;
    font-weight: normal;
}

.stealth-mode .hero-title::after {
    content: " - Resource Center";
    font-size: 1rem;
    color: #6C757D;
}

.stealth-mode .hero-questions {
    display: none;
}

.stealth-mode .hero-message,
.stealth-mode .hero-subtext em {
    display: none;
}

.stealth-mode .hero-subtext::before {
    content: "Documentation and support resources for workplace situations.";
    display: block;
    font-style: normal;
    color: #6C757D;
}

/* Action buttons - make them boring */
.stealth-mode .action-btn {
    background: #6C757D;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
}

.stealth-mode .action-btn:hover {
    background: #5A6268;
    transform: none;
    box-shadow: none;
}

/* Rename buttons for stealth */
.stealth-mode .action-btn.emergency::after {
    content: "Getting Started Guide";
}

.stealth-mode .action-btn.emergency {
    font-size: 0;
}

.stealth-mode .action-btn.wcb::after {
    content: "Documentation Tools";
}

.stealth-mode .action-btn.wcb {
    font-size: 0;
}

.stealth-mode .action-btn.support::after {
    content: "Resources";
}

.stealth-mode .action-btn.support {
    font-size: 0;
}

/* Section headers - professional naming */
.stealth-mode #emergency h2::after {
    content: "Getting Started Documentation";
}

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

.stealth-mode #wcb h2::after {
    content: "Documentation Resources";
}

.stealth-mode #wcb h2 {
    font-size: 0;
}

/* Hide all character flavor text */
.stealth-mode p[style*="italic"],
.stealth-mode em {
    display: none !important;
}

/* Tool cards - professional appearance */
.stealth-mode .tool-card {
    border: 1px solid #DDD;
    box-shadow: none;
}

.stealth-mode .tool-card:hover {
    transform: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Crisis banner - subtle */
.stealth-mode .crisis-banner {
    background: #FFF3CD;
    color: #856404;
    font-size: 0.9rem;
}

.stealth-mode .crisis-call {
    background: #856404;
    color: #FFF3CD;
}

/* Footer - minimal */
.stealth-mode .main-footer {
    background: #F8F9FA;
    color: #6C757D;
    border-top: 1px solid #DDD;
}

.stealth-mode .footer-bottom {
    border-top: 1px solid #E9ECEF;
}

/* Navigation menu - rename items */
.stealth-mode .nav-menu a[href="#emergency"]::after {
    content: "Getting Started";
}

.stealth-mode .nav-menu a[href="#emergency"] {
    font-size: 0;
}

.stealth-mode .nav-menu a[href="#wcb"]::after {
    content: "Documentation";
}

.stealth-mode .nav-menu a[href="#wcb"] {
    font-size: 0;
}

/* Modal styling - professional */
.stealth-mode .modal-content {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Notification styling - muted */
.stealth-mode .notification {
    background: #6C757D !important;
}

/* Hide story cards that are too specific */
.stealth-mode .story-card h3 {
    font-size: 0;
}

.stealth-mode .story-card h3::after {
    content: "Case Study " attr(data-number);
    font-size: 1.25rem;
    display: block;
}

/* Professional loading states */
.stealth-mode .spinner {
    border-top-color: #6C757D;
}

/* Stealth mode toggle button */
.stealth-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #6C757D;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
    z-index: 1000;
    opacity: 0.3;
    transition: opacity 0.3s;
}

.stealth-toggle:hover {
    opacity: 1;
}

/* Keyboard shortcut hint */
.stealth-mode-hint {
    position: fixed;
    bottom: 60px;
    right: 20px;
    background: #FFF3CD;
    color: #856404;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    display: none;
}

.stealth-toggle:hover + .stealth-mode-hint {
    display: block;
}