/**
 * PromptLume Hero Theme Overrides
 * Full purple UI with readable text.
 */

html {
    background: #0A0418 !important;
}

html,
body {
    background: radial-gradient(1200px 650px at 50% -120px, #2A0F47 0%, #16082B 38%, #0A0418 100%) !important;
    color: #F4F0FF !important;
}

body {
    font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Top strip: remove light ad bar / double layer under navbar */
.ad-slot-wrapper {
    background: transparent !important;
    border: none !important;
}

.navbar {
    background: transparent !important;
    box-shadow: none !important;
}

.hero-modern,
.hero-modern.hero-light {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.bento-value,
.bento-label,
.bento-description,
.hero-title-modern,
.hero-subtitle-modern {
    color: #E9D5FF !important;
}

.bento-value {
    color: #F4F0FF !important;
}

h1, h2, h3, h4, h5, h6,
p, li, span, small, label,
.text-muted,
.empty-state,
.empty-state-text,
.empty-state-title,
.prompt-title,
.prompt-description,
.activity-text,
.activity-time {
    color: #E9D5FF !important;
}

.logo-text,
.nav-link,
.mobile-nav-link {
    color: #F4F0FF !important;
}

.navbar > .container,
.mobile-menu,
.card,
.prompt-card,
.prompt-card .prompt-card-body,
.prompt-content,
.bento-item,
.stat-card,
.info-box,
.faq-item,
.faq-answer,
.faq-question,
.activity-feed,
.activity-feed-compact,
.collection-card,
.toast,
.modal-content,
.dropdown-menu,
.pagination,
.search-results,
.forum-topic-card,
.resource-card,
.blog-card,
.welcome-popup-container,
.chatbot-window,
.chatbot-input input {
    background: #160C28 !important;
    border-color: rgba(168, 85, 247, 0.34) !important;
    color: #F4F0FF !important;
}

.prompt-stats,
.search-container,
.category-filters,
.category-chip-container {
    background: #100722 !important;
    border-color: rgba(168, 85, 247, 0.3) !important;
}

.nav-link:hover,
.mobile-nav-link:hover {
    background: rgba(168, 85, 247, 0.18) !important;
    color: #FFFFFF !important;
}

.btn-primary,
.prompt-card-copy-btn,
.copy-btn {
    background: linear-gradient(135deg, #A855F7 0%, #7C3AED 60%, #2A0F47 100%) !important;
    color: #FFFFFF !important;
    border-color: rgba(224, 195, 255, 0.35) !important;
}

.btn-outline {
    background: rgba(22, 12, 40, 0.7) !important;
    border-color: rgba(196, 181, 253, 0.42) !important;
    color: #E9D5FF !important;
}

.btn-outline:hover {
    background: rgba(168, 85, 247, 0.18) !important;
    color: #FFFFFF !important;
}

.search-input,
.form-input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    background: rgba(22, 12, 40, 0.85) !important;
    border-color: rgba(168, 85, 247, 0.34) !important;
    color: #F4F0FF !important;
}

.search-input::placeholder,
.form-input::placeholder,
input::placeholder,
textarea::placeholder {
    color: #B9A8E0 !important;
}

.search-input:focus,
.form-input:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #A855F7 !important;
    box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.2) !important;
}

/* Kill stubborn white surfaces from old styles */
[style*="background: #FFFFFF"],
[style*="background:#FFFFFF"],
[style*="background: #F8FAFC"],
[style*="background:#F8FAFC"],
[style*="background: #F1F5F9"],
[style*="background:#F1F5F9"],
[style*="background: white"],
[style*="background:white"] {
    background: #160C28 !important;
    color: #F4F0FF !important;
    border-color: rgba(168, 85, 247, 0.34) !important;
}

footer,
.site-footer,
#cookie-banner,
#app-download-banner,
#app-promo {
    background: linear-gradient(180deg, #100722 0%, #0A0418 100%) !important;
    border-color: rgba(168, 85, 247, 0.3) !important;
    color: #E9D5FF !important;
}

.hero-html-embed {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(168, 85, 247, 0.24);
    background: #0A0418;
}

.hero-html-embed iframe {
    width: 100%;
    min-height: 780px;
    height: 780px;
    border: 0;
    display: block;
    background: #0A0418;
}

@media (max-width: 768px) {
    .hero-html-embed iframe {
        min-height: 560px;
        height: 560px;
    }
}