/* ============================================================
   GRONAC — Cookie consent banner styles
   Loaded on public marketing pages alongside cookie-consent.js.
   Uses the same orange/cream palette as the rest of the site —
   relies on the page's own :root variables (--bg, --orange-deep,
   etc.) which are already defined in every public page's <style>.
   ============================================================ */

.gronac-cookie-banner{
  position:fixed;
  left:20px;
  right:20px;
  bottom:20px;
  z-index:200;
  max-width:560px;
  margin:0 auto;
  background:#fffefb;
  border:1px solid var(--line, #ece1d2);
  border-radius:14px;
  box-shadow:0 24px 60px -24px rgba(34,25,18,.35);
  padding:18px 20px;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .3s ease, transform .3s ease;
  pointer-events:none;
}
.gronac-cookie-banner.show{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.gronac-cookie-inner{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.gronac-cookie-text{
  flex:1;
  min-width:200px;
  font-family:'Inter', sans-serif;
  font-size:13.5px;
  line-height:1.5;
  color:var(--muted, #8c7c6a);
  margin:0;
}
.gronac-cookie-text a{
  color:var(--orange-deep, #d9690f);
  text-decoration:underline;
  text-underline-offset:2px;
}

.gronac-cookie-actions{
  display:flex;
  gap:10px;
  flex-shrink:0;
}

.gronac-cookie-btn{
  font-family:'Inter', sans-serif;
  font-size:13px;
  font-weight:600;
  padding:9px 16px;
  border-radius:999px;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
  white-space:nowrap;
}

.gronac-cookie-decline{
  background:#fff;
  border-color:var(--line, #ece1d2);
  color:var(--text, #221912);
}
.gronac-cookie-decline:hover{
  border-color:var(--orange-deep, #d9690f);
  color:var(--orange-deep, #d9690f);
}

.gronac-cookie-accept{
  background:var(--orange-deep, #d9690f);
  color:#fffaf2;
}
.gronac-cookie-accept:hover{
  background:#b8540a;
  transform:translateY(-1px);
}

@media (max-width: 540px){
  .gronac-cookie-inner{ flex-direction:column; align-items:stretch; }
  .gronac-cookie-actions{ justify-content:flex-end; }
}