/* ===================================================================
   Znacznik "PROJEKT DEMO" - wspólny dla wszystkich dem w /demo.
   Stały, w lewym dolnym rogu, widoczny na każdej wysokości strony.
   Podpięty w <head> każdego dema: <link rel="stylesheet" href="../demo-notice.css">
   =================================================================== */
.ve-demo-pill {
    position: fixed;
    left: 14px;
    bottom: 14px;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: min(440px, calc(100vw - 28px));
    padding: 9px 14px 9px 10px;
    border: 1px solid rgba(240, 160, 48, 0.55);
    border-radius: 14px;
    background: rgba(14, 14, 16, 0.92);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
    color: #F6F4F1;
    font: 500 12.5px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    letter-spacing: 0;
    text-align: left;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease;
}
.ve-demo-pill:hover { transform: translateY(-2px); border-color: #F0A030; }
.ve-demo-pill:focus-visible { outline: 2px solid #F0A030; outline-offset: 3px; }
.ve-demo-pill__tag {
    flex-shrink: 0;
    padding: 4px 8px;
    border-radius: 8px;
    background: linear-gradient(120deg, #C8492A, #E76A3C, #F0A030);
    color: #fff;
    font-weight: 800;
    font-size: 10.5px;
    letter-spacing: .12em;
}
.ve-demo-pill__txt strong { color: #F0A030; font-weight: 700; }
.ve-demo-pill__cta { color: #F0A030; font-weight: 700; white-space: nowrap; }

/* Telefon: krótsza wersja, żeby nie zasłaniać treści */
@media (max-width: 560px) {
    .ve-demo-pill { left: 10px; bottom: 10px; padding: 7px 11px 7px 8px; font-size: 11.5px; max-width: calc(100vw - 96px); }
    .ve-demo-pill__long { display: none; }
}
@media print { .ve-demo-pill { display: none; } }

/* Dopisek w stopkach dem */
.ve-demo-note { font-weight: 600; }