/* ==========================================================================
   CityClinic · PB-2.2K.2.4 · Shared compact proof bar · readable secondary text
   Native Home26 proof strip + opt-in Page Builder advantages_ribbon.
   ========================================================================== */

/*
 * Design intent:
 * - proof ribbon is a low-profile rail attached to Hero, not a second content block;
 * - same visual density as PB-2.2K.2.2 compact Quick Routes;
 * - content starts on one top axis; equal cells; existing white surface/radius/shadow stay intact;
 * - Home26 native proof gets the class directly on its chunk;
 * - Page Builder gets the class only when Stats style=compact_bar.
 */
.proof-strip.proof-strip--compact {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
}

.proof-strip.proof-strip--compact .proof-item {
    min-width: 0 !important;
    min-height: 92px !important;
    height: auto !important;
    padding: 14px 18px 13px !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
}

.proof-strip.proof-strip--compact .proof-item__value,
.proof-strip.proof-strip--compact .proof-item__value strong {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.08 !important;
    letter-spacing: -.012em !important;
}

.proof-strip.proof-strip--compact .proof-item__text,
.proof-strip.proof-strip--compact .ccpb-home26-proof-label {
    max-width: none !important;
    margin: 5px 0 0 !important;
    font-size: 13.5px !important;
    line-height: 1.30 !important;
}

/* Page Builder proof ribbons may have a third explanatory line. */
body.ccpb-public-body .proof-strip.proof-strip--compact .ccpb-home26-proof-note {
    max-width: none !important;
    margin: 5px 0 0 !important;
    font-size: 12.5px !important;
    line-height: 1.32 !important;
}

/* Three-item PB proof: same rail, three equal cells. */
body.ccpb-public-body .proof-strip.proof-strip--compact.ccpb-home26-proof-strip--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.ccpb-public-body .proof-strip.proof-strip--compact.ccpb-home26-proof-strip--3 .ccpb-home26-proof-item {
    min-height: 104px !important;
    padding: 14px 20px 13px !important;
}

/* Tablet: compact 2-column rhythm. Home = 2x2, three-item PB = 2+1. */
@media (min-width: 768px) and (max-width: 1023px) {
    .proof-strip.proof-strip--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .proof-strip.proof-strip--compact .proof-item {
        min-height: 88px !important;
        padding: 13px 16px 12px !important;
    }

    body.ccpb-public-body .proof-strip.proof-strip--compact.ccpb-home26-proof-strip--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.ccpb-public-body .proof-strip.proof-strip--compact.ccpb-home26-proof-strip--3 .ccpb-home26-proof-item:nth-child(3) {
        grid-column: 1 / -1 !important;
    }
}

/* Mobile: compact action/proof grid; explanatory notes are intentionally omitted. */
@media (max-width: 767px) {
    .proof-strip.proof-strip--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .proof-strip.proof-strip--compact .proof-item {
        min-height: 78px !important;
        padding: 12px 11px 11px !important;
        border-top: 0 !important;
    }

    .proof-strip.proof-strip--compact .proof-item:nth-child(even) {
        border-left: 1px solid rgba(23,54,83,.09) !important;
    }

    .proof-strip.proof-strip--compact .proof-item:nth-child(n+3) {
        border-top: 1px solid rgba(23,54,83,.09) !important;
    }

    .proof-strip.proof-strip--compact .proof-item__value,
    .proof-strip.proof-strip--compact .proof-item__value strong {
        font-size: 15.5px !important;
        line-height: 1.08 !important;
    }

    .proof-strip.proof-strip--compact .proof-item__text,
    .proof-strip.proof-strip--compact .ccpb-home26-proof-label {
        margin-top: 4px !important;
        font-size: 12.2px !important;
        line-height: 1.20 !important;
    }

    body.ccpb-public-body .proof-strip.proof-strip--compact .ccpb-home26-proof-note {
        display: none !important;
    }

    body.ccpb-public-body .proof-strip.proof-strip--compact.ccpb-home26-proof-strip--3 .ccpb-home26-proof-item {
        min-height: 78px !important;
        padding: 12px 11px 11px !important;
    }

    body.ccpb-public-body .proof-strip.proof-strip--compact.ccpb-home26-proof-strip--3 .ccpb-home26-proof-item:nth-child(3) {
        grid-column: 1 / -1 !important;
        min-height: 72px !important;
        border-left: 0 !important;
    }
}

@media (max-width: 390px) {
    .proof-strip.proof-strip--compact .proof-item__value,
    .proof-strip.proof-strip--compact .proof-item__value strong {
        font-size: 15px !important;
    }

    .proof-strip.proof-strip--compact .proof-item__text,
    .proof-strip.proof-strip--compact .ccpb-home26-proof-label {
        font-size: 11.8px !important;
    }
}