/* Bandeau « Projet concept » + toast — commun à toutes les démos. Préfixe jfc- pour éviter tout conflit. */
.jfc-bar{position:fixed;left:16px;bottom:16px;z-index:2147483000;display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 32px));padding:10px 10px 10px 16px;border-radius:999px;background:rgba(14,16,24,.92);color:#fff;font:500 13px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.jfc-bar[hidden]{display:none}
.jfc-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#7c8cff;box-shadow:0 0 0 4px rgba(124,140,255,.25)}
.jfc-bar p{margin:0}
.jfc-bar strong{font-weight:700}
.jfc-bar a{flex:none;color:#fff;text-decoration:none;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:600;white-space:nowrap}
.jfc-bar a:hover,.jfc-bar a:focus-visible{background:rgba(255,255,255,.22)}
.jfc-x{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:18px;line-height:1;cursor:pointer}
.jfc-x:hover,.jfc-x:focus-visible{background:rgba(255,255,255,.15)}
.jfc-toast{position:fixed;left:50%;bottom:84px;z-index:2147483001;transform:translate(-50%,20px);opacity:0;max-width:min(440px,calc(100vw - 32px));padding:14px 18px;border-radius:14px;background:#0e1018;color:#fff;font:500 14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 14px 40px rgba(0,0,0,.3);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.jfc-toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (max-width:640px){
	.jfc-bar{left:8px;right:8px;bottom:8px;max-width:none;border-radius:16px;flex-wrap:wrap;padding:10px 44px 10px 12px}
	.jfc-x{position:absolute;top:6px;right:6px}
	.jfc-bar p{flex:1 1 60%}
	.jfc-toast{bottom:120px}
}
@media (prefers-reduced-motion:reduce){.jfc-toast{transition:none}}
@media print{.jfc-bar,.jfc-toast{display:none!important}}
