/*
 * iqm-darkfix.css  — QR Code Monkey
 * Load AFTER index-custom.css.
 * Replaces all hardcoded hex values in the inline <style> block
 * with ALTumIO CSS variables so dark mode works correctly.
 *
 * Add to your theme:
 *   In the last ob_start()->head block in index.php, add:
 *   <link href="<?= ASSETS_FULL_URL . 'css/iqm-darkfix.css?v=' . PRODUCT_CODE ?>" rel="stylesheet">
 */

/* ── Hero ── */
.iqm-hero-wrap  { background: var(--body-bg); }
.iqm-hero-h1    { color: var(--gray-900); }
.iqm-hero-sub   { color: var(--gray-600); }

/* ── Section backgrounds & text ── */
.iqm-section          { background: var(--body-bg); }
.iqm-section--alt     { background: var(--gray-50); }
.iqm-section--subtle  { background: var(--gray-50); }
.iqm-section-desc     { color: var(--gray-600); }

/* ── Feature cards ── */
.iqm-feat-card              { background: var(--white); border-color: var(--gray-200); }
.iqm-feat-card__title       { color: var(--gray-900); }
.iqm-feat-card__desc        { color: var(--gray-600); }

/* ── Compare cards ── */
.iqm-compare-card           { background: var(--white); border-color: var(--gray-200); }
.iqm-compare-card__icon     { background: var(--gray-100); color: var(--gray-600); }
.iqm-compare-card__desc     { color: var(--gray-600); }
.iqm-compare-list li        { color: var(--gray-700); }

/* ── Feature image sections ── */
.iqm-feature-icon-bg    { background: var(--primary-50); }
.iqm-check-item         { color: var(--gray-700); }

/* ── QR type cards ── */
.iqm-qrt-card        { background: var(--white); border-color: var(--gray-200); color: inherit; }
.iqm-qrt-card__name  { color: var(--gray-900); }
.iqm-qrt-card__desc  { color: var(--gray-500); }

/* ── Barcode chips — fix invisible name text ── */
.iqm-bc-chip        { background: var(--gray-50); border-color: var(--gray-200); color: inherit; }
.iqm-bc-chip__name  { color: var(--gray-900); }
.iqm-bc-chip__type  { color: var(--gray-500); }

/* ── Pixel logos ── */
.iqm-pixel-logo { background: var(--white); border-color: var(--gray-200); }

/* ── App linking ── */
.iqm-app-linking-card { background: var(--gray-900); }
[data-theme-style="dark"] .iqm-app-linking-card { background: var(--gray-100); }
.iqm-app-icon { background: var(--gray-800); border-color: var(--gray-700); }
[data-theme-style="dark"] .iqm-app-icon { background: var(--gray-200); border-color: var(--gray-300); }

/* ── Analytics card ── */
.iqm-ana-card { background: var(--gray-900); color: var(--white); }
[data-theme-style="dark"] .iqm-ana-card { background: var(--gray-100); }
.iqm-ana-stat { background: var(--gray-800); }
[data-theme-style="dark"] .iqm-ana-stat { background: var(--gray-200); }
.iqm-ana-stat__n { color: var(--primary-400); }

/* ── Testimonial cards ── */
.iqm-tcard          { background: var(--white); border-color: var(--gray-200); }
.iqm-tcard__quote   { color: var(--gray-700); }
.iqm-tcard__name    { color: var(--gray-900); }
.iqm-tcard__role    { color: var(--gray-500); }

/* ── Lifetime pricing card ── */
.iqm-lifetime-card { background: var(--primary-50); border-color: var(--primary-200); }

/* ── API code card — fix invisible text ── */
.iqm-code-card                 { background: var(--gray-900); }
[data-theme-style="dark"] .iqm-code-card { background: var(--gray-100); }
.iqm-code-card__dots           { background: var(--gray-800); border-color: var(--gray-700); }
[data-theme-style="dark"] .iqm-code-card__dots { background: var(--gray-200); border-color: var(--gray-300); }
/* The key fix — API code text must be visible in BOTH modes */
.iqm-code-card .card-body,
.iqm-code-card .reveal-effect  { color: var(--gray-600) !important; }

/* ── Blog cards ── */
.iqm-blog-card        { background: var(--white); border-color: var(--gray-200); }
.iqm-blog-card__title { color: var(--gray-900); }

/* ── FAQ accordion ── */
.iqm-faq-item       { background: var(--white); border-color: var(--gray-200); }
.iqm-faq-btn        { color: var(--gray-900); }
.iqm-faq-btn:hover,
.iqm-faq-item.open .iqm-faq-btn { color: var(--primary); }
.iqm-faq-icon       { color: var(--gray-500); }
.iqm-faq-answer     { color: var(--gray-600); }

/* ── G2 pill ── */
.iqm-g2-pill {
    background: var(--primary-900);
    border-color: var(--primary-800);
    color: var(--primary-300);
}
.iqm-g2-pill:hover { color: var(--primary-300); }

/* ── CTA btn ghost ── */
.iqm-cta-btn--ghost          { border-color: var(--primary); color: var(--primary); background: transparent; }
.iqm-cta-btn--ghost:hover    { background: var(--primary); color: #fff; }
.iqm-cta-btn--dark           { background: var(--gray-900); color: var(--white); }