/* ============================================================
   Cookie notice — shared by the marketing and auth shells.

   Deliberately variable-driven: both stylesheets define --pine,
   --ink, --slate, --line and --font-*, so this file inherits the
   right palette in either shell without knowing which one it is
   in. The fallbacks keep it legible if it is ever loaded alone.
   ============================================================ */
.cookie-notice{
  position:fixed;
  left:16px;right:16px;bottom:16px;
  z-index:200;
  max-width:760px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  padding:16px 20px;
  background:var(--card,#fff);
  color:var(--ink,#0D1F18);
  border:1px solid var(--line,#DCE7E1);
  border-radius:14px;
  box-shadow:0 2px 4px rgba(13,31,24,.06),0 24px 48px -18px rgba(13,31,24,.30);
  font-family:var(--font-body,system-ui,sans-serif);
  font-size:.88rem;
  line-height:1.55;
}
.cookie-notice[hidden]{display:none}

.cookie-notice p{flex:1 1 320px;color:var(--slate,#54685F);margin:0}
.cookie-notice a{color:var(--pine,#0B6B4E);font-weight:600;text-decoration:underline;text-underline-offset:2px}

.cookie-notice-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.cookie-notice button{
  font-family:inherit;
  font-size:.86rem;
  font-weight:600;
  padding:10px 20px;
  border-radius:10px;
  border:1.5px solid transparent;
  background:var(--pine,#0B6B4E);
  color:#fff;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.cookie-notice button:hover{background:var(--pine-dark,#07452F)}
.cookie-notice button:focus-visible{outline:3px solid rgba(20,184,166,.55);outline-offset:2px}

/* Reject reads as the quieter of the two, but stays a full-contrast,
   full-size button — a refusal that is harder to click than acceptance is
   not a free choice. */
.cookie-notice button.cookie-notice-secondary{
  background:transparent;
  color:var(--ink,#0D1F18);
  border-color:var(--line,#DCE7E1);
}
.cookie-notice button.cookie-notice-secondary:hover{
  background:var(--card,#fff);
  border-color:var(--slate,#54685F);
}

@media (max-width:560px){
  .cookie-notice{left:10px;right:10px;bottom:10px;padding:16px;gap:12px}
  .cookie-notice-actions{width:100%;flex-wrap:wrap}
  .cookie-notice button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .cookie-notice{transition:none}
}