/* Baner zgody na cookies — budowany przez /js/zgody.js na stronach bez
   własnego elementu #zgody. Osobny plik, a nie <style> w komponencie:
   komponent stoi w <head>, a przyszła CSP nie powinna potrzebować
   'unsafe-inline'. Dwa przyciski tej samej wielkości — zgoda, której nie
   da się odmówić, nie jest zgodą. */
.zgody {
    position: fixed; left: 50%; bottom: 1rem; transform: translateX(-50%);
    z-index: 2147483000; box-sizing: border-box;
    width: calc(100% - 2rem); max-width: 640px;
    display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;
    padding: 1rem 1.25rem; border-radius: 1rem;
    background: #3D2E22; color: #F7F4EF; box-shadow: 0 20px 40px rgba(0,0,0,.3);
    font: 400 .875rem/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
.zgody[hidden] { display: none !important; }
.zgody-tekst { flex: 1 1 220px; margin: 0; }
.zgody-tekst a { color: inherit; text-decoration: underline; }
.zgody-przyciski { display: flex; flex-wrap: wrap; gap: .5rem; }
.zgody-przyciski button {
    font: 600 .875rem/1 inherit; padding: .6rem 1.25rem; border-radius: 999px; cursor: pointer;
    border: 1px solid #F7F4EF; background: transparent; color: #F7F4EF;
}
.zgody-przyciski button[data-zgoda="tak"] { background: #F7F4EF; color: #3D2E22; }