/* Platform 88.2.2 — Readability, contrast, action bar & sidebar UX */

/* ── Toast ── */
.fe8822-toast{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:9999;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.9rem;box-shadow:0 8px 32px rgba(0,0,0,.25);max-width:min(90vw,24rem);text-align:center}
.fe8822-toast--success{background:#065f46;color:#ecfdf5;border:1px solid #34d399}
.fe8822-toast--error{background:#7f1d1d;color:#fef2f2;border:1px solid #f87171}
.fe8822-toast--info{background:#1e3a5f;color:#eff6ff;border:1px solid #60a5fa}

/* ── Enterprise Action Bar ── */
.fe8822-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem 1.15rem;border-radius:.85rem;border:1px solid var(--fe8822-border,#e2e8f0);background:var(--fe8822-surface,#fff);margin:1rem 0}
.fe8822-action-bar--sticky{position:fixed;bottom:0;left:0;right:0;z-index:900;margin:0;border-radius:0;border-top:2px solid var(--fe8822-accent,#3b82f6);box-shadow:0 -4px 24px rgba(0,0,0,.12);padding:.75rem 1rem}
.fe8822-action-bar--sticky .fe8822-action-bar__meta{display:none}
.fe8822-action-bar__sticky-title{font-weight:700;font-size:.95rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fe8822-text,#0f172a)}
.fe8822-action-bar__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--fe8822-muted,#475569);width:100%}
.fe8822-action-bar__meta-item{display:inline-flex;align-items:center;gap:.35rem}
.fe8822-action-bar__actions{display:flex;flex-wrap:wrap;gap:.4rem}
.fe8822-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:.65rem;border:1px solid var(--fe8822-border,#cbd5e1);background:var(--fe8822-btn-bg,#f8fafc);color:var(--fe8822-text,#0f172a);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.fe8822-action-btn:hover{border-color:var(--fe8822-accent,#3b82f6);color:var(--fe8822-accent,#2563eb)}
.fe8822-action-btn:focus-visible{outline:2px solid var(--fe8822-accent,#3b82f6);outline-offset:2px}
.fe8822-action-btn.is-active{background:var(--fe8822-accent-soft,#dbeafe);border-color:var(--fe8822-accent,#3b82f6);color:var(--fe8822-accent,#1d4ed8)}
.fe8822-action-btn.is-loading{opacity:.65;pointer-events:none}
.fe8822-action-btn--primary{background:var(--fe8822-accent,#2563eb);border-color:var(--fe8822-accent,#2563eb);color:#fff}
.fe8822-action-btn--primary:hover{background:var(--fe8822-accent-dark,#1d4ed8);color:#fff}
.fe8822-collection-select{padding:.4rem .65rem;border-radius:.5rem;border:1px solid var(--fe8822-border,#cbd5e1);font-size:.8rem}

/* Module tokens on action bar */
.fe8822-action-bar--mobiles{--fe8822-accent:#0891b2;--fe8822-accent-dark:#0e7490;--fe8822-accent-soft:rgba(6,182,212,.15);--fe8822-border:#334155;--fe8822-surface:#1e293b;--fe8822-text:#f1f5f9;--fe8822-muted:#cbd5e1;--fe8822-btn-bg:#0f172a}
.fe8822-action-bar--autos{--fe8822-accent:#dc2626;--fe8822-accent-dark:#b91c1c;--fe8822-accent-soft:rgba(220,38,38,.12);--fe8822-border:#52525b;--fe8822-surface:#27272a;--fe8822-text:#fafafa;--fe8822-muted:#d4d4d8;--fe8822-btn-bg:#18181b}
.fe8822-action-bar--recipes{--fe8822-accent:#ea580c;--fe8822-accent-dark:#c2410c;--fe8822-accent-soft:#ffedd5;--fe8822-border:#d6d3d1;--fe8822-surface:#fffbf5;--fe8822-text:#292524;--fe8822-muted:#57534e;--fe8822-btn-bg:#fff}

/* ── Sidebar widgets ── */
.fe8822-sidebar-widget{background:var(--fe8822-sw-bg,#fff);border:1px solid var(--fe8822-sw-border,#e2e8f0);border-radius:.85rem;padding:1rem 1.1rem;margin-bottom:1rem}
.fe8822-sidebar-widget--sticky{position:sticky;top:5.5rem}
.fe8822-sidebar-widget__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid var(--fe8822-sw-border,#e2e8f0)}
.fe8822-sidebar-widget__title{font-size:1rem;font-weight:700;margin:0;color:var(--fe8822-sw-title,#0f172a)}
.fe8822-sidebar-widget__head i{color:var(--fe8822-sw-icon,#3b82f6)}

.md-device-page .fe8822-sidebar-widget{--fe8822-sw-bg:#1e293b;--fe8822-sw-border:#334155;--fe8822-sw-title:#f1f5f9;--fe8822-sw-icon:#22d3ee}
.au-device-page .fe8822-sidebar-widget{--fe8822-sw-bg:#27272a;--fe8822-sw-border:#52525b;--fe8822-sw-title:#fafafa;--fe8822-sw-icon:#f59e0b}
.rp-device-page .fe8822-sidebar-widget{--fe8822-sw-bg:#fff;--fe8822-sw-border:#e7e5e4;--fe8822-sw-title:#292524;--fe8822-sw-icon:#ea580c}

/* Voice reader sidebar */
.fe8822-voice-widget .voice-reader-container{background:transparent;border:0;padding:0;box-shadow:none}
.fe8822-voice-widget .voice-reader-title h4{color:var(--fe8822-sw-title,#0f172a);font-size:1rem;margin:0}
.fe8822-voice-widget .voice-reader-title p{color:var(--fe8822-sw-muted,#64748b);font-size:.8rem;margin:.15rem 0 0}
.fe8822-voice-widget .voice-reader-select,.fe8822-voice-widget .voice-reader-play-btn,.fe8822-voice-widget .voice-reader-stop-btn{border-color:var(--fe8822-sw-border,#cbd5e1);color:var(--fe8822-sw-title,#0f172a)}
.fe8822-voice-widget .voice-reader-progress-info{color:var(--fe8822-sw-muted,#64748b)}
.fe8822-voice-duration{font-size:.8rem;color:var(--fe8822-sw-muted,#64748b);margin-top:.5rem}

/* ── Reading mode ── */
.fe8822-reading-mode .md-main-content,.fe8822-reading-mode .au-main-content,.fe8822-reading-mode .rp-main-content{max-width:42rem;margin-inline:auto}
.fe8822-reading-mode .md-prose,.fe8822-reading-mode .au-prose,.fe8822-reading-mode .rp-prose{font-size:1.125rem;line-height:1.75}
.fe8822-cook-mode .rp-section-nav,.fe8822-cook-mode .fe8822-action-bar--inline{display:none}

/* ── Homepage readability (88.2.1 patches, no architecture change) ── */
.mhp8821__head h2,.mhp8821__head p{color:var(--mobile-text,#f1f5f9)}
.mhp8821__head p{color:var(--mobile-text-muted,#cbd5e1)!important}
.mhp8821-footer-cta h2,.mhp8821-footer-cta p{color:var(--mobile-text,#f1f5f9)}
.mhp8821-footer-cta p{color:var(--mobile-text-muted,#cbd5e1)!important}
.mhp8821-newsletter h2{color:var(--mobile-text,#f1f5f9)}
.ahp8821__head h2{color:var(--auto-text,#fafafa)}
.ahp8821__head p{color:var(--auto-text-muted,#d4d4d8)!important}
.ahp8821-footer-cta h2{color:var(--auto-text,#fafafa)}
.ahp8821-hub-card h3,.ahp8821-hub-card p{color:inherit}
.ahp8821-hub-card p{color:var(--auto-text-muted,#d4d4d8)}
.rhp8821__head h2{color:var(--recipe-primary-dark,#c2410c)}
.rhp8821__head p{color:var(--recipe-text-muted,#57534e)!important}
.rhp8821-newsletter h3{color:#fff}

/* Hero readability */
.mh88-hero__title,.mh88-hero__eyebrow{color:#f8fafc}
.mh88-hero__flagship h2 a{color:#fff}
.ah88-hero__title,.ah88-hero__eyebrow{color:#fafafa}
.ah88-hero__lead{color:#d4d4d8}
.rh88-hero__title,.rh88-hero__eyebrow{color:#292524}
.rh88-hero__lead{color:#57534e}

/* Detail page heading contrast */
.md-device-title,.au-device-title,.rp-device-title{color:var(--fe8822-detail-title,inherit)}
.md-device-page{--fe8822-detail-title:#f8fafc}
.au-device-page{--fe8822-detail-title:#fafafa}
.rp-device-page{--fe8822-detail-title:#1c1917}
.md-sidebar-widget h3,.md-sidebar-widget dt{color:#e2e8f0}
.md-sidebar-widget dd{color:#cbd5e1}
.au-sidebar-card h3{color:#fafafa}
.rp-sidebar-card h3{color:#292524}

@media(prefers-reduced-motion:reduce){.fe8822-action-btn{transition:none}}

.rp-sidebar-sticky{position:relative}
.rp-sidebar-sticky .fe8822-sidebar-widget--sticky{position:sticky;top:5.5rem}
.au-sidebar-sticky .fe8822-sidebar-widget--sticky{position:sticky;top:5.5rem}

@media(max-width:767px){
    .fe8822-action-bar__actions{width:100%}
    .fe8822-action-btn{flex:1 1 auto;justify-content:center;min-width:calc(50% - .25rem)}
    .fe8822-sidebar-widget--sticky{position:static}
    .fe8822-action-bar--sticky .fe8822-action-bar__actions{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(min-width:1920px){
    .fe8822-action-bar{max-width:1280px;margin-inline:auto}
}