/**
 * Agentis design retrofit - block-level corrections.
 *
 * Sibling of figma-retrofit-header.css: the header file stays header-scoped,
 * this one carries per-block fixes that have to out-rank the vendor exports
 * (figma-home-desktop / figma-desktop-shared / figma-mobile-v4). Enqueued last
 * in smith_retrofit_assets(), so equal-specificity rules win on source
 * order. See docs/DECISIONS.md.
 */

/* BugZap #100 (/faq/): "section on white background".
   figma-desktop-shared.css ships
   `@media (min-width: 992px) { .smith-faq:not(:has(.smith-faq__group--two-col)) { background: var(--color-pampas, #f9f8f5) } }`
   to tint the SINGLE-COLUMN FAQ section used on Contact and Insights. The FAQ
   page's "Still have questions?" footer band is a separate <section class="smith-faq
   smith-faq--footer-band"> that contains no accordion group at all, so it also
   matches the :not() and picks up the beige - which is why the band reads as a
   tinted slab under the white Q&A bands above it.
   The vendor rule is (0,2,0) because :not()/:has() take their argument's
   specificity, so `.smith-faq.smith-faq--footer-band` (0,2,0) ties and wins on
   order. Same breakpoint so the mobile/tablet rendering is untouched. */
@media (min-width: 992px) {
    .smith-faq.smith-faq--footer-band {
        background: var(--color-white, #ffffff);
    }
}


/* =========================================================================
   BugZap #48 (2026-08-07): "Anywhere there are bullets - change to yellow
   lines (see the Agentis design export)". Body-copy bullet lists in content blocks swap the
   disc marker for a short gold line, matching the book-lines accent.
   Scoped to un-classed content ULs so nav/footer/toc lists are untouched.
   The structured block lists (.content-list__list / .content-features__list)
   already render gold lines from the parity waves; the gap Christine saw is
   prose ULs - blog single body (.sp-content) and free-form page content.
   ========================================================================= */
.content-list__content ul:not([class]),
.content-features__text ul:not([class]),
.case-studies__body ul:not([class]),
.sp-content ul:not([class]),
.page .entry-content ul:not([class]) {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
.content-list__content ul:not([class]) > li,
.content-features__text ul:not([class]) > li,
.case-studies__body ul:not([class]) > li,
.sp-content ul:not([class]) > li,
.page .entry-content ul:not([class]) > li {
    position: relative;
    padding-left: 40px;
}
.content-list__content ul:not([class]) > li::before,
.content-features__text ul:not([class]) > li::before,
.case-studies__body ul:not([class]) > li::before,
.sp-content ul:not([class]) > li::before,
.page .entry-content ul:not([class]) > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 24px;
    height: 2px;
    background: var(--color-accent-gold, #f0b200);
}

/* =========================================================================
   BugZap #50/#54 (2026-08-07): fixed-width media columns did not scale
   between 992px and ~1360px - the image held its full track and squeezed
   the text column. The fixed tracks become fluid caps in that band.
   ========================================================================= */
@media (min-width: 992px) and (max-width: 1360px) {
    /* The base variants use `flex: 0 0 <fixed-size>`, so width alone cannot
       change the flex item's main size. Override flex-basis with the same cap. */
    .content-list--media-600 .content-list__media { width: min(600px, 42vw); flex-basis: min(600px, 42vw); }
    .content-list--media-540 .content-list__media { width: min(540px, 40vw); flex-basis: min(540px, 40vw); }
    .content-list--media-400 .content-list__media { width: min(400px, 32vw); flex-basis: min(400px, 32vw); }
    .content-list--media-360 .content-list__media { width: min(360px, 30vw); flex-basis: min(360px, 30vw); }
    .content-list--media-270 .content-list__media { width: min(270px, 24vw); flex-basis: min(270px, 24vw); }
    .content-list__image { max-width: 100%; }
}


/* Smith forms: success/error notices + honeypot (Salesforce-ready plumbing,
   2026-08-08). The honeypot is visually removed but focusable-by-bots. */
.smith-form-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.smith-form-notice {
    padding: 12px 16px;
    margin: 0 0 20px;
    font-size: 1.0625rem;
    line-height: 1.6;
}
.smith-form-notice--ok {
    background: #EEF5E9;
    border-left: 3px solid #B9C789;
    color: #0E1B44;
}
.smith-form-notice--error {
    background: #FBEEEE;
    border-left: 3px solid #C0392B;
    color: #0E1B44;
}