/* ================================================
   UTILITY PAGES CSS
   Extracted from page-faq.php, header.php, 404.php, 503.php
   ================================================ */

/* FAQ PAGE */
.faq-hero-badge {
    background: rgba(255, 255, 255, 0.05);
    letter-spacing: 1px;
}

.faq-accent-text {
    color: var(--faq-accent);
}

.faq-max-width-600 {
    max-width: 600px;
}

.faq-highlight-box {
    background: linear-gradient(135deg, rgba(255, 107, 0, 0.1), transparent);
    border: 1px solid rgba(255, 107, 0, 0.2);
}

/* HEADER */
.header-maintenance-bar {
    background-color: #ffc107;
    color: #000;
    font-size: 0.9rem;
    position: relative;
    z-index: 9999;
}

/* 503 PAGE */
.error-503-progress-bar {
    height: 5px;
    background: rgba(255, 255, 255, 0.1);
}

.error-503-progress-fill {
    width: 75%;
}

/* 404 PAGE */
.error-404-search-width {
    max-width: 300px;
}