/**
 * Flamingo Marine — MSRP / legal disclaimer block (V4 strip-6, above footer).
 *
 * Understated legal small-text. The disclaimer font-size token (0.75rem / 12px)
 * comes from theme.json; this file handles the de-emphasised treatment V4 calls
 * for: muted body colour, a narrower reading measure than the 1180px content
 * width, comfortable line-height, and slightly brighter <strong> labels so each
 * clause stays scannable without shouting.
 *
 * Tier-1 static — desktop-first. Background (surface-deep) is set in the pattern
 * markup via the group's backgroundColor; layout/colour live here.
 */

/* Disclaimer text sized to 0.75rem (12px) per client direction. WP's
   .has-disclaimer-font-size preset class is !important, so the override needs
   !important too; the 2-class selector keeps it outranking the preset. */
.flm-disclaimer__list.has-disclaimer-font-size {
    font-size: 0.75rem !important;
}

.flm-disclaimer__list {
    /* Muted by default — legal text recedes beneath the rest of the page. */
    color: var(--wp--preset--color--text-muted);
    /* Flow the clauses into columns across the near-full-width container so the
       disclaimer stays short instead of one tall single-column measure. Up to 3
       columns on desktop, collapsing to fewer (1 on phones) as width shrinks. */
    columns: 21rem 3;
    column-gap: var(--wp--preset--spacing--xxl);
    padding-inline-start: 1.5em;
    list-style-position: outside;
}

.flm-disclaimer__list > li {
    /* Dim the list marker further than the body so the numbers stay quiet. */
    color: var(--wp--preset--color--text-muted);
    /* Space the numbered clauses; margin-bottom (not top) keeps column tops
       aligned. Prevent a clause splitting across a column break. */
    margin-bottom: 0.85em;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.flm-disclaimer__list > li::marker {
    color: var(--wp--preset--color--text-dim);
}

/* Lift the leading label of each clause one step so it stays scannable. */
.flm-disclaimer__list strong {
    color: var(--wp--preset--color--text-secondary);
    font-weight: 500;
}

@media (max-width: 767px) {
    .flm-disclaimer__list {
        max-width: none;
        padding-inline-start: 1.25em;
    }
}