/* Platform 88.2.3 — UI regression fixes only (colors, ratings, action bar, placeholders) */

/* ── Phase 1: Autos homepage card typography ── */
.ahp8821 .ahp8821-card__title{color:var(--auto-text,#fafafa)}
.ahp8821 .ahp8821-card__meta{color:var(--auto-text-muted,#d4d4d8)}
.ahp8821 .ahp8821-card__score{color:var(--auto-accent,#f59e0b);font-weight:700}
.ahp8821 .ahp8821-card__score .fa-star{color:var(--auto-accent,#f59e0b)}
.ahp8821 .au-price{color:var(--auto-accent,#f59e0b)}
.ahp8821 .au-price-na{color:var(--auto-text-muted,#d4d4d8)}

/* ── Phase 2: Card preservation guards (contrast only, no layout) ── */
.mhp8821 .mhp8821-card__title{color:var(--mobile-text,#f1f5f9)}
.mhp8821 .mhp8821-card__meta{color:var(--mobile-text-muted,#cbd5e1)}
.mhp8821 .mhp8821-card__score{color:var(--mobile-warning,#fbbf24)}
.mhp8821 .mhp8821-card__reviews{color:var(--mobile-text-muted,#cbd5e1);font-weight:500;font-size:.8em}
.rhp8821 .rhp8821-card__title{color:var(--recipe-text,#292524)}
.rhp8821 .rhp8821-card__meta{color:var(--recipe-text-muted,#57534e)}
.rhp8821 .rhp8821-card__meta .fa-star{color:var(--recipe-warning,#f59e0b)}

/* ── Phase 3: Mobiles homepage rating visibility ── */
.mhp8821 .mhp8821-card__score .fa-star{color:var(--mobile-warning,#fbbf24)}

/* ── Phase 4: Enterprise detail action bar polish ── */
.fe8822-action-bar{align-items:center;overflow:visible}
.fe8822-action-bar__actions{align-items:center;overflow:visible}
.fe8822-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;line-height:1.2;box-sizing:border-box}
.fe8822-action-btn i{display:inline-flex;align-items:center;justify-content:center;width:1em;flex-shrink:0}
@media(min-width:768px){
    .fe8822-action-bar--inline .fe8822-action-bar__actions{width:auto;flex-wrap:wrap;overflow:visible}
    .fe8822-action-bar--inline{overflow:visible;flex-wrap:wrap}
}

/* ── Phase 5: Quick Info / sidebar definition lists ── */
.fe8822-sidebar-widget .au-dl div,
.fe8822-sidebar-widget .rp-dl div{border-bottom-color:var(--fe8822-sw-border,#52525b)}
.fe8822-sidebar-widget .au-dl dt,
.fe8822-sidebar-widget .rp-dl dt{color:var(--fe8822-sw-muted,#a1a1aa)}
.fe8822-sidebar-widget .au-dl dd,
.fe8822-sidebar-widget .rp-dl dd{color:var(--fe8822-sw-title,#fafafa);font-weight:600}
.rp-device-page .fe8822-sidebar-widget .rp-dl dd{color:var(--fe8822-sw-title,#292524)}
.fe8822-sidebar-widget__head{border-bottom-color:var(--fe8822-sw-border,#e2e8f0)}

/* ── Phase 6: Image placeholder consistency ── */
.fe8823-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;background:transparent}
.fe8823-card-placeholder i{font-size:2.5rem;opacity:.7;line-height:1}
.ahp8821 .fe8823-card-placeholder i{color:var(--auto-text-subtle,#a1a1aa)}
.mhp8821 .fe8823-card-placeholder i{color:var(--mobile-text-subtle,#94a3b8)}
.rhp8821 .fe8823-card-placeholder i{color:var(--recipe-text-subtle,#a8a29e)}
.ahp8821-card__media,
.mhp8821-card__media,
.rhp8821-card__media{position:relative}
.ahp8821-card__badge{position:absolute;top:.5rem;left:.5rem;z-index:1}

/* ── Phase 8: Design token isolation guards ── */
.ahp8821{--mobile-primary:initial;--mobile-text:initial;--recipe-primary:initial;--recipe-text:initial}
.mhp8821{--auto-primary:initial;--auto-text:initial;--recipe-primary:initial;--recipe-text:initial}
.rhp8821{--auto-primary:initial;--auto-text:initial;--mobile-primary:initial;--mobile-text:initial}