/* Cookie banner: bottom card, theme tokens when the Porcino theme is active. */
.pa-banner {
  position: fixed; z-index: 9999; left: 16px; right: 16px; bottom: 16px; max-width: 560px; margin: 0 auto;
  display: flex; gap: 14px; align-items: center; flex-wrap: wrap;
  padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line, #d5d9cf);
  background: var(--surface, #fff); color: var(--ink, #17241b);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18); font-size: 15px; line-height: 1.45;
}
.pa-banner[hidden] { display: none; }
.pa-banner p { margin: 0; flex: 1 1 280px; }
.pa-banner a { color: inherit; }
.pa-actions { display: flex; gap: 8px; margin-left: auto; }
.pa-actions button { font: inherit; font-weight: 600; padding: .55em 1.1em; border-radius: 999px; cursor: pointer; border: 1px solid var(--line, #d5d9cf); background: transparent; color: inherit; }
.pa-actions .pa-yes { background: var(--forest, #1f4a32); border-color: var(--forest, #1f4a32); color: #fff; }
.pa-prefs { font: inherit; padding: 0; border: 0; background: none; color: inherit; text-decoration: underline; cursor: pointer; }
.pa-prefs.is-floating { position: fixed; left: 12px; bottom: 12px; z-index: 9998; font-size: 12px; opacity: .7; }