/* =========================================================
   WordPress Override Layer for AI Humanizer API Theme
   DARK THEME Edition

   WordPress 5.9+ injects global styles, Gutenberg block CSS,
   and classic theme compatibility styles that fight custom
   theme designs. This sheet loads AFTER main.css and uses
   targeted overrides to ensure the theme renders correctly.
   ========================================================= */

/* ---- Kill WP's injected body font/color ---- */
body,
body.aihapi-theme,
.aihapi-theme {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #F5F5F7 !important;
    background-color: #000000 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---- Logged-in admin bar offset ---- */
body.admin-bar .site-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
}

/* ---- Kill WP's default heading styles ---- */
.aihapi-theme h1,
.aihapi-theme h2,
.aihapi-theme h3,
.aihapi-theme h4,
.aihapi-theme h5,
.aihapi-theme h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #F5F5F7 !important;
    margin-top: 0 !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.aihapi-theme h1 { font-size: 3rem !important; }
.aihapi-theme h2 { font-size: 2.25rem !important; }
.aihapi-theme h3 { font-size: 1.5rem !important; }
.aihapi-theme h4 { font-size: 1.25rem !important; }

/* ---- Override hero title specifically ---- */
.aihapi-theme .hero-title {
    font-size: 3.75rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.08 !important;
    color: #F5F5F7 !important;
}

@media (max-width: 768px) {
    .aihapi-theme .hero-title {
        font-size: 2.25rem !important;
    }
    .aihapi-theme h1 { font-size: 1.875rem !important; }
    .aihapi-theme h2 { font-size: 1.5rem !important; }
}

/* ---- Kill WP's default paragraph margins ---- */
.aihapi-theme p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    line-height: 1.7 !important;
    color: #86868B !important;
}

/* Hero subtitle, section descriptions */
.aihapi-theme .hero-subtitle,
.aihapi-theme .section-header p,
.aihapi-theme .section-subtitle {
    color: #86868B !important;
}

/* ---- Kill WP's default link styles ---- */
.aihapi-theme a {
    color: inherit;
    text-decoration: none;
}

.aihapi-theme a:hover {
    text-decoration: none;
}

/* ---- Kill WP's default list styles ---- */
.aihapi-theme ul,
.aihapi-theme ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ---- Override .entry-content and .wp-block styles ---- */
.entry-content,
.wp-block,
.wp-block-group,
.wp-block-columns,
.has-global-padding {
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---- Kill WP layout styles ---- */
body .is-layout-flow > *,
body .is-layout-constrained > *,
body .is-layout-flex,
body .is-layout-grid {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

/* ---- Container ---- */
.aihapi-theme .container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    width: 100% !important;
}

/* ---- Navigation overrides ---- */
.aihapi-theme .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 200 !important;
    background: rgba(0, 0, 0, 0.82) !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.2s ease !important;
}

.aihapi-theme .nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 52px !important;
}

.aihapi-theme .nav-logo {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
    color: #F5F5F7 !important;
    flex-shrink: 0 !important;
}

.aihapi-theme .nav-logo__name {
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    color: #F5F5F7 !important;
}

.aihapi-theme .nav-logo__badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 7px !important;
    background: #0A84FF !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
}

.aihapi-theme .nav-list {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.aihapi-theme .nav-item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.aihapi-theme .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #86868B !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: color 0.15s ease, background 0.15s ease !important;
}

.aihapi-theme .nav-link:hover {
    color: #F5F5F7 !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.aihapi-theme .nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-left: 1rem !important;
}

/* ---- Desktop nav: show nav-menu inline ---- */
@media (min-width: 1025px) {
    .aihapi-theme .nav-menu {
        display: flex !important;
        position: static !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem !important;
        background: none !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: auto !important;
    }

    .aihapi-theme .nav-menu .nav-list {
        display: flex !important;
        flex-direction: row !important;
        gap: 0 !important;
        margin: 0 !important;
        border: none !important;
        padding: 0 !important;
        width: auto !important;
    }

    .aihapi-theme .nav-menu .nav-item {
        width: auto !important;
    }

    .aihapi-theme .nav-menu .nav-link {
        width: auto !important;
        padding: 6px 12px !important;
        font-size: 0.875rem !important;
    }
}

/* ---- Mobile nav toggle ---- */
.aihapi-theme .nav-toggle {
    display: none !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 40px !important;
    height: 40px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    z-index: 201 !important;
}

.aihapi-theme .nav-toggle__bar {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #F5F5F7 !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}

@media (max-width: 1024px) {
    .aihapi-theme .nav-toggle {
        display: flex !important;
    }

    .aihapi-theme .nav-menu {
        display: none !important;
        position: fixed !important;
        top: 52px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: #000000 !important;
        padding: 2rem !important;
        flex-direction: column !important;
        z-index: 199 !important;
        overflow-y: auto !important;
    }

    .aihapi-theme .nav-menu.nav-menu--open {
        display: flex !important;
    }

    .aihapi-theme .nav-list {
        flex-direction: column !important;
        width: 100% !important;
    }

    .aihapi-theme .nav-item {
        width: 100% !important;
    }

    .aihapi-theme .nav-link {
        width: 100% !important;
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
    }

    .aihapi-theme .nav-actions {
        flex-direction: column !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 1rem !important;
        padding-top: 1rem !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    }
}

/* ---- Button overrides ---- */
.aihapi-theme .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    padding: 10px 20px !important;
    border-radius: 12px !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

.aihapi-theme .btn-primary {
    background: linear-gradient(135deg, #0A84FF, #5E5CE6) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35) !important;
}

.aihapi-theme .btn-primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.45) !important;
    color: #FFFFFF !important;
}

.aihapi-theme .btn-outline {
    background: transparent !important;
    color: #F5F5F7 !important;
    border: 1px solid #38383A !important;
}

.aihapi-theme .btn-outline:hover {
    border-color: #0A84FF !important;
    color: #409CFF !important;
    background: rgba(99, 102, 241, 0.06) !important;
}

.aihapi-theme .btn-sm {
    font-size: 0.75rem !important;
    padding: 7px 14px !important;
}

.aihapi-theme .btn-lg {
    font-size: 1rem !important;
    padding: 14px 28px !important;
}

.aihapi-theme .btn-white {
    background: #FFFFFF !important;
    color: #000000 !important;
}

.aihapi-theme .btn-white:hover {
    background: #F5F5F7 !important;
    transform: translateY(-1px) !important;
}

.aihapi-theme .btn-outline-white {
    background: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.aihapi-theme .btn-outline-white:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.aihapi-theme .btn-ghost {
    background: transparent !important;
    color: #409CFF !important;
    padding: 6px 0 !important;
}

/* ---- Hero section overrides ---- */
.aihapi-theme .hero {
    text-align: center !important;
    background: #000000 !important;
}

.aihapi-theme .hero-home {
    background: #000000 !important;
}

.aihapi-theme .hero-content {
    max-width: 820px !important;
    margin: 0 auto !important;
}

.aihapi-theme .text-gradient {
    background: linear-gradient(135deg, #0A84FF 0%, #5E5CE6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.aihapi-theme .hero-actions {
    display: flex !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
}

.aihapi-theme .hero-home .hero-actions {
    justify-content: flex-start !important;
}

/* ---- Badge ---- */
.aihapi-theme .badge,
.aihapi-theme .badge-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 6px 14px !important;
    background: rgba(99, 102, 241, 0.12) !important;
    color: #409CFF !important;
    border-radius: 9999px !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    margin-bottom: 1.5rem !important;
    border: 1px solid rgba(99, 102, 241, 0.2) !important;
}

/* ---- Code block & playground overrides ---- */
.aihapi-theme .hero-code-preview,
.aihapi-theme .code-block {
    background: #1C1C1E !important;
    border-radius: 16px !important;
    color: #F5F5F7 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.8125rem !important;
    text-align: left !important;
    overflow-x: auto !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ============================================
   API Console overrides — NUCLEAR specificity
   WP aggressively styles pre/code, so we need
   very high specificity on every element.
   ============================================ */
body.aihapi-theme .hero-demo .api-console,
.aihapi-theme .api-console {
    background: #2A2A2E !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
    overflow: hidden !important;
    text-align: left !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.aihapi-theme .api-console .api-console__header,
.aihapi-theme .api-console__header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 11px 16px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin: 0 !important;
}

body.aihapi-theme .api-console .api-console__dots,
.aihapi-theme .api-console__dots {
    display: flex !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.aihapi-theme .api-console .api-console__dots span,
.aihapi-theme .api-console__dots span {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

body.aihapi-theme .api-console .api-console__dots span:first-child,
.aihapi-theme .api-console__dots span:first-child { background: #FF5F57 !important; }
body.aihapi-theme .api-console .api-console__dots span:nth-child(2),
.aihapi-theme .api-console__dots span:nth-child(2) { background: #FEBC2E !important; }
body.aihapi-theme .api-console .api-console__dots span:last-child,
.aihapi-theme .api-console__dots span:last-child { background: #28C840 !important; }

body.aihapi-theme .api-console .api-console__title,
.aihapi-theme .api-console__title {
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-size: 0.6875rem !important;
    color: #636366 !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.aihapi-theme .api-console .api-console__run,
.aihapi-theme .api-console__run {
    font-family: 'Inter', -apple-system, sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: rgba(10, 132, 255, 0.12) !important;
    color: #409CFF !important;
    border: 1px solid rgba(10, 132, 255, 0.25) !important;
    border-radius: 8px !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 5px 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
}

body.aihapi-theme .api-console .api-console__run:hover,
.aihapi-theme .api-console__run:hover {
    background: rgba(10, 132, 255, 0.2) !important;
    border-color: rgba(10, 132, 255, 0.4) !important;
    color: #FFFFFF !important;
}

body.aihapi-theme .api-console .api-console__tab,
.aihapi-theme .api-console__tab {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    background: rgba(0, 0, 0, 0.15) !important;
    margin: 0 !important;
}

body.aihapi-theme .api-console .api-console__method,
.aihapi-theme .api-console__method {
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    color: #30D158 !important;
    background: rgba(48, 209, 88, 0.1) !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    letter-spacing: 0.02em !important;
}

body.aihapi-theme .api-console .api-console__endpoint,
.aihapi-theme .api-console__endpoint {
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-size: 0.75rem !important;
    color: #86868B !important;
}

body.aihapi-theme .api-console .api-console__label,
.aihapi-theme .api-console .api-console__label {
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    color: #636366 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

body.aihapi-theme .api-console .api-console__status-badge,
.aihapi-theme .api-console__status-badge {
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #30D158 !important;
    background: rgba(48, 209, 88, 0.1) !important;
}

body.aihapi-theme .api-console .api-console__status-badge--pending,
.aihapi-theme .api-console__status-badge--pending {
    color: #FFD60A !important;
    background: rgba(255, 214, 10, 0.1) !important;
}

body.aihapi-theme .api-console .api-console__status-badge--success,
.aihapi-theme .api-console__status-badge--success {
    color: #30D158 !important;
    background: rgba(48, 209, 88, 0.1) !important;
}

body.aihapi-theme .api-console .api-console__time,
.aihapi-theme .api-console__time {
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-size: 0.6875rem !important;
    color: #48484A !important;
    margin-left: auto !important;
}

body.aihapi-theme .api-console .api-console__response,
.aihapi-theme .api-console__response {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Critical: pre/code inside API console — override all WP defaults */
body.aihapi-theme .api-console pre,
body.aihapi-theme .api-console pre.api-console__code,
.aihapi-theme .api-console pre,
.aihapi-theme pre.api-console__code {
    background: #000000 !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-size: 0.8125rem !important;
    line-height: 1.65 !important;
    color: #F5F5F7 !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: none !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.aihapi-theme .api-console code,
body.aihapi-theme .api-console pre code,
.aihapi-theme .api-console code,
.aihapi-theme .api-console pre code {
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-size: 0.8125rem !important;
    line-height: 1.65 !important;
    color: #F5F5F7 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    display: block !important;
}

/* JSON syntax colors — scoped inside api-console */
body.aihapi-theme .api-console .code-key,
.aihapi-theme .api-console .code-key { color: #409CFF !important; }
body.aihapi-theme .api-console .code-string,
.aihapi-theme .api-console .code-string { color: #30D158 !important; }
body.aihapi-theme .api-console .code-num,
.aihapi-theme .api-console .code-num { color: #FF9F0A !important; }
body.aihapi-theme .api-console .code-bool,
.aihapi-theme .api-console .code-bool { color: #FF9F0A !important; }
body.aihapi-theme .api-console .code-punct,
.aihapi-theme .api-console .code-punct { color: #636366 !important; }

/* Also apply globally for code tabs section */
.aihapi-theme .code-key { color: #409CFF !important; }
.aihapi-theme .code-string { color: #30D158 !important; }
.aihapi-theme .code-num { color: #FF9F0A !important; }
.aihapi-theme .code-bool { color: #FF9F0A !important; }
.aihapi-theme .code-punct { color: #636366 !important; }

/* CTA section dark theme override */
.aihapi-theme .cta-section {
    background: #161618 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.aihapi-theme .cta-section .cta-section__subtitle,
.aihapi-theme .cta-section .cta-content p {
    color: #86868B !important;
}

.aihapi-theme .cta-section .cta-section__note {
    color: #636366 !important;
}

/* CTA template-specific classes */
.aihapi-theme .cta-section .cta-title {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #F5F5F7 !important;
    margin-bottom: 1rem !important;
}

.aihapi-theme .cta-section .cta-description {
    font-size: 1.0625rem !important;
    color: #86868B !important;
    line-height: 1.7 !important;
    margin-bottom: 1.5rem !important;
}

.aihapi-theme .cta-section .cta-description strong {
    color: #F5F5F7 !important;
}

.aihapi-theme .cta-highlights {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    justify-content: center !important;
    margin-bottom: 2rem !important;
}

.aihapi-theme .highlight {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.875rem !important;
    color: #A1A1A6 !important;
}

.aihapi-theme .highlight svg {
    color: #30D158 !important;
    flex-shrink: 0 !important;
}

.aihapi-theme .cta-actions {
    display: flex !important;
    gap: 1rem !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-bottom: 1.5rem !important;
}

.aihapi-theme .cta-disclaimer {
    font-size: 0.8125rem !important;
    color: #636366 !important;
}

.aihapi-theme .cta-disclaimer a {
    color: #409CFF !important;
}

.aihapi-theme .code-block pre,
.aihapi-theme .hero-code-preview pre,
.aihapi-theme .code-block code,
.aihapi-theme .hero-code-preview code {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.8125rem !important;
    color: #F5F5F7 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    line-height: 1.6 !important;
}

/* ---- Section overrides ---- */
.aihapi-theme .section {
    padding: 6rem 0 !important;
}

.aihapi-theme .section-header {
    text-align: center !important;
    max-width: 680px !important;
    margin: 0 auto 4rem !important;
}

/* ---- Card overrides ---- */
.aihapi-theme .card,
.aihapi-theme .feature-card,
.aihapi-theme .use-case-card,
.aihapi-theme .usecase-card.card,
.aihapi-theme .industry-card.card,
.aihapi-theme .case-study-card.card,
.aihapi-theme .benefit-card.card,
.aihapi-theme .testimonial-card {
    background: #1C1C1E !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 2rem !important;
    transition: all 0.2s ease !important;
}

.aihapi-theme .card:hover,
.aihapi-theme .feature-card:hover,
.aihapi-theme .use-case-card:hover,
.aihapi-theme .testimonial-card:hover {
    border-color: rgba(10, 132, 255, 0.3) !important;
    background: #2C2C2E !important;
    transform: translateY(-2px) !important;
}

/* Card content typography */
.aihapi-theme .card h3,
.aihapi-theme .usecase-card__title,
.aihapi-theme .industry-card__title,
.aihapi-theme .case-study-card__title,
.aihapi-theme .benefit-card__title,
.aihapi-theme .stat-card__label,
.aihapi-theme .security-card__title,
.aihapi-theme .integration-name,
.aihapi-theme .process-step__title,
.aihapi-theme .insight-title,
.aihapi-theme .comparison-box__title {
    color: #F5F5F7 !important;
}

.aihapi-theme .card p,
.aihapi-theme .usecase-card__description,
.aihapi-theme .industry-card__description,
.aihapi-theme .case-study-card__description,
.aihapi-theme .benefit-card__description,
.aihapi-theme .stat-card__description,
.aihapi-theme .security-card__description,
.aihapi-theme .integration-desc,
.aihapi-theme .process-step__description,
.aihapi-theme .comparison-box__content p,
.aihapi-theme .compliance-text {
    color: #86868B !important;
}

.aihapi-theme .usecase-card__list li,
.aihapi-theme .industry-card__benefits li,
.aihapi-theme .feature-card__list li {
    color: #A1A1A6 !important;
}

/* Feature comparison table overrides */
.aihapi-theme .feature-comparison-table thead th {
    background: #1C1C1E !important;
    color: #F5F5F7 !important;
    border-bottom: 2px solid #38383A !important;
}

.aihapi-theme .feature-comparison-table .feature-row td {
    color: #86868B !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.aihapi-theme .feature-comparison-table .feature-row td:first-child {
    color: #F5F5F7 !important;
}

/* Specs table overrides */
.aihapi-theme .specs-label {
    color: #F5F5F7 !important;
}

.aihapi-theme .specs-value {
    color: #409CFF !important;
}

.aihapi-theme .specs-note {
    color: #636366 !important;
}

/* Score bar overrides */
.aihapi-theme .score-label {
    color: #636366 !important;
}

.aihapi-theme .score-percent {
    color: #86868B !important;
}

/* Compliance badge override */
.aihapi-theme .compliance-badge {
    background: rgba(10, 132, 255, 0.1) !important;
    color: #409CFF !important;
}

/* Section overline */
.aihapi-theme .section-overline {
    color: #409CFF !important;
}

/* Process flow SVG text */
.aihapi-theme .flow-svg text[fill="#F5F5F7"] {
    fill: #F5F5F7 !important;
}

.aihapi-theme .flow-svg text[fill="#86868B"] {
    fill: #86868B !important;
}

/* ---- Stats bar overrides ---- */
.aihapi-theme .stats-bar__grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem !important;
    text-align: center !important;
}

.aihapi-theme .stats-bar__number {
    display: block !important;
    font-size: 2.25rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #0A84FF, #5E5CE6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    line-height: 1.1 !important;
}

.aihapi-theme .stats-bar__label {
    display: block !important;
    font-size: 0.875rem !important;
    color: #86868B !important;
    margin-top: 0.25rem !important;
}

/* ---- CTA section overrides ---- */
.aihapi-theme .cta-section {
    background: #161618 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #F5F5F7 !important;
    text-align: center !important;
    border-radius: 20px !important;
}

.aihapi-theme .cta-section h2,
.aihapi-theme .cta-section__title {
    color: #F5F5F7 !important;
}

.aihapi-theme .cta-section p,
.aihapi-theme .cta-section__subtitle {
    color: #86868B !important;
}

/* ---- Footer overrides ---- */
.aihapi-theme .site-footer {
    background: #161618 !important;
    color: #86868B !important;
    padding: 0 0 2rem !important;
}

.aihapi-theme .footer-grid {
    display: grid !important;
    grid-template-columns: 2fr repeat(4, 1fr) !important;
    gap: 2rem !important;
    padding: 0 0 3rem !important;
}

@media (max-width: 768px) {
    .aihapi-theme .footer-grid {
        grid-template-columns: 1fr !important;
    }

    .aihapi-theme .stats-bar__grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.aihapi-theme .footer-logo {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-bottom: 1rem !important;
}

.aihapi-theme .footer-brand__desc {
    color: #6E6E73 !important;
    font-size: 0.875rem !important;
    line-height: 1.7 !important;
}

.aihapi-theme .footer-col__title {
    color: #F5F5F7 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.aihapi-theme .footer-col__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.aihapi-theme .footer-col__list li {
    margin-bottom: 0.5rem !important;
}

.aihapi-theme .footer-col__list a {
    color: #6E6E73 !important;
    font-size: 0.875rem !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.aihapi-theme .footer-col__list a:hover {
    color: #F5F5F7 !important;
}

.aihapi-theme .footer-social__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #6E6E73 !important;
    transition: all 0.15s ease !important;
}

.aihapi-theme .footer-social__link:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #F5F5F7 !important;
}

.aihapi-theme .footer-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

.aihapi-theme .footer-copyright {
    color: #48484A !important;
    font-size: 0.75rem !important;
}

.aihapi-theme .footer-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 9999px !important;
    font-size: 0.75rem !important;
    color: #6E6E73 !important;
}

/* ---- Pricing card overrides ---- */
.aihapi-theme .pricing-card {
    background: #1C1C1E !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
}

.aihapi-theme .pricing-card--featured {
    border: 2px solid #0A84FF !important;
    box-shadow: 0 0 40px rgba(99, 102, 241, 0.15) !important;
}

/* ---- FAQ overrides ---- */
.aihapi-theme .faq-item {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    margin-bottom: 0.75rem !important;
    overflow: hidden !important;
    background: #1C1C1E !important;
}

.aihapi-theme .faq-item__summary,
.aihapi-theme .faq-item summary {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1rem 1.5rem !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    color: #F5F5F7 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
}

.aihapi-theme .faq-item__content {
    padding: 0 1.5rem 1.25rem !important;
    color: #86868B !important;
    font-size: 0.875rem !important;
    line-height: 1.7 !important;
}

/* ---- Scroll animations ---- */
.aihapi-theme .animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.aihapi-theme .animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ---- Misc WP element overrides ---- */
.aihapi-theme img {
    max-width: 100% !important;
    height: auto !important;
}

.aihapi-theme figure {
    margin: 0 !important;
}

/* Kill WP's default table styles */
.aihapi-theme table {
    border-collapse: collapse !important;
    width: 100% !important;
}

/* Ensure SVGs render properly */
.aihapi-theme svg {
    display: inline-block;
    vertical-align: middle;
}

/* ---- Print styles ---- */
@media print {
    .site-header,
    .site-footer,
    .cta-section,
    .footer-cta,
    .nav-toggle {
        display: none !important;
    }

    body,
    body.aihapi-theme {
        background: white !important;
        color: black !important;
    }
}