/* Baner zgody na cookies (inc/consent.php). Przyciski „Tylko niezbędne” i „Akceptuję wszystkie” są równie widoczne. */
.consent { position: fixed; z-index: 2147483000; left: var(--space-4); right: var(--space-4); bottom: var(--space-4); max-width: 36rem; margin: 0 auto; padding: var(--space-5) var(--space-6); background: var(--color-white); color: var(--color-ink); border: 1px solid var(--color-line); border-radius: 1rem; box-shadow: 0 .75rem 2.5rem rgba(38, 42, 40, .22); font-size: .92rem; line-height: 1.5; }
.consent[hidden] { display: none; }
.consent-h { margin: 0 0 var(--space-2); font-family: var(--font-display); font-size: 1.3rem; font-weight: 400; letter-spacing: -.02em; }
.consent-text { margin: 0 0 var(--space-4); }
.consent-text a { text-decoration: underline; text-underline-offset: .2em; }
.consent-options { display: grid; gap: var(--space-3); margin: 0 0 var(--space-4); padding: var(--space-4); background: var(--color-paper); border-radius: .75rem; }
.consent-options[hidden] { display: none; }
.consent-option { display: flex; gap: var(--space-3); align-items: flex-start; cursor: pointer; }
.consent-option input { flex: none; width: 1.15rem; height: 1.15rem; margin-top: .15rem; accent-color: var(--color-sage-dark); }
.consent-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.consent-btn { flex: 1 1 9rem; min-height: 2.9rem; padding: .6rem 1rem; border: 1.5px solid var(--color-ink); border-radius: 999px; background: var(--color-white); color: var(--color-ink); font: inherit; font-weight: 600; cursor: pointer; }
.consent-btn[hidden] { display: none; }
.consent-btn:hover, .consent-btn:focus-visible { background: var(--color-ink); color: var(--color-white); }
.consent-btn:focus-visible { outline: 2px solid var(--color-sage-dark); outline-offset: 2px; }
.footer-consent { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.footer-consent:hover { text-decoration: underline; text-underline-offset: .25em; }
@media (prefers-reduced-motion: no-preference) { .consent:not([hidden]) { animation: consent-in .35s ease-out; } }
@keyframes consent-in { from { opacity: 0; transform: translateY(1rem); } }