/* Pennary Cookie Consent — banner styling, matches light/dark.
   On the app (index.html) it follows the chosen theme via [data-theme].
   On standalone pages it follows the system setting via prefers-color-scheme. */
:root{
  --oc-bg:#0f2a4a; --oc-ink:#ffffff; --oc-line:#c9a227;
  --oc-accent:#c9a227; --oc-accent-ink:#0f2a4a; --oc-ghost:rgba(255,255,255,.5);
}
[data-theme="dark"]{
  --oc-bg:#0b1420; --oc-ink:#e8ebef; --oc-line:#d8b23a;
  --oc-accent:#d8b23a; --oc-accent-ink:#0b1420; --oc-ghost:rgba(232,235,239,.4);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --oc-bg:#0b1420; --oc-ink:#e8ebef; --oc-line:#d8b23a;
    --oc-accent:#d8b23a; --oc-accent-ink:#0b1420; --oc-ghost:rgba(232,235,239,.4);
  }
}
#pennary-cookie{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  background:var(--oc-bg);color:var(--oc-ink);
  box-shadow:0 -2px 16px rgba(0,0,0,.28);
  border-top:3px solid var(--oc-line);
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
#pennary-cookie .oc-inner{
  max-width:1100px;margin:0 auto;padding:16px 20px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;
}
#pennary-cookie .oc-text{margin:0;font-size:14px;line-height:1.55;flex:1 1 420px;}
#pennary-cookie .oc-text a{color:var(--oc-accent);text-decoration:underline;}
#pennary-cookie .oc-btns{display:flex;gap:10px;flex:0 0 auto;}
#pennary-cookie button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;}
#pennary-cookie .oc-reject{background:transparent;color:var(--oc-ink);border:1px solid var(--oc-ghost);}
#pennary-cookie .oc-reject:hover{border-color:var(--oc-ink);}
#pennary-cookie .oc-accept{background:var(--oc-accent);color:var(--oc-accent-ink);}
#pennary-cookie .oc-accept:hover{filter:brightness(1.08);}
@media(max-width:560px){
  #pennary-cookie .oc-inner{flex-direction:column;align-items:stretch;}
  #pennary-cookie .oc-btns{justify-content:flex-end;}
}