/* Shared by every demo site under /ornek/. The demos are fictional
   businesses built to show what an Octavan site can be; this ribbon and
   the toast make sure nobody takes one for a real company. Scoped under
   .ornek-* so it cannot collide with a demo's own classes. */
.ornek-ribbon{position:fixed;left:14px;bottom:14px;z-index:2147483000;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:999px;background:rgba(17,19,24,.78);color:#fff;font:500 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;text-decoration:none;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:0 6px 24px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.12)}
.ornek-ribbon i{width:7px;height:7px;border-radius:50%;background:#7dd3a8;box-shadow:0 0 0 3px rgba(125,211,168,.22)}
.ornek-ribbon b{font-weight:650}
.ornek-ribbon:hover,.ornek-ribbon:focus-visible{background:rgba(17,19,24,.92)}
.ornek-ribbon:focus-visible{outline:2px solid #7dd3a8;outline-offset:2px}
.ornek-toast{position:fixed;left:50%;bottom:22px;z-index:2147483001;transform:translate(-50%,20px);opacity:0;max-width:min(92vw,420px);padding:12px 16px;border-radius:14px;background:#111318;color:#fff;font:500 14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 12px 40px rgba(0,0,0,.28);transition:opacity .25s,transform .25s;pointer-events:none}
.ornek-toast.on{opacity:1;transform:translate(-50%,0)}
.ornek-note{font:400 12px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;opacity:.7}
@media (max-width:520px){.ornek-ribbon{left:10px;bottom:10px;font-size:11px;padding:6px 10px 6px 9px}}
@media print{.ornek-ribbon,.ornek-toast{display:none}}