/* ============================================================
   PromptHaven shared shell (restoration branch)
   Restores the 41e4a7b visual language for pages that use the
   shell component. Functional architecture unchanged.

   Modal/auth components are imported here so shell-injected
   auth UI is styled even on pages that don't load style.css
   (e.g. tools.html, contact.html, marketplace.html).
   ============================================================ */

@import 'layout/header.css';
@import 'layout/footer.css';
@import 'components/auth.css';
@import 'components/buttons.css';
@import 'components/modal.css';
@import 'components/profile.css';
@import 'components/cards.css';
@import 'components/sidebar-nav.css';

/* --- Active-route highlight (subtle, baseline-compatible) --- */
.sidebar-nav-btn.ph-active {
    color: #ffd700;
}

/* --- Search overlay (created by shell.js when missing) --- */
#search-overlay { position: fixed; inset: 0; background: rgba(5,5,8,0.85); backdrop-filter: blur(6px); z-index: 400; display: none; align-items: flex-start; justify-content: center; padding-top: 16vh; }
#search-overlay.active { display: flex; }
.hp-search-box { width: min(560px, 92vw); }
.hp-search-box input { width: 100%; box-sizing: border-box; padding: 16px 20px; font-size: 1rem; background: #15151a; border: 1px solid rgba(255,255,255,0.14); border-radius: 12px; color: #fff; outline: none; font-family: 'Inter', sans-serif; }
.hp-search-box input:focus { border-color: #ffd700; }
.hp-search-hint { color: #71717a; font-size: 0.78rem; margin-top: 10px; text-align: center; }

/* --- Visible focus everywhere (a11y) --- */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
    outline: 2px solid #ffd700;
    outline-offset: 2px;
    border-radius: 4px;
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}