/* ============================================================
   SORI MAMI — pasica za soglasje. Nalaga se za site.css.
   ============================================================ */
.cc-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1200;
  background: var(--bg); border-top: 1px solid var(--bd);
  box-shadow: 0 -30px 60px -30px var(--ink-15);
  padding: 6px clamp(12px, 3vw, 22px);
  transform: translateY(100%); transition: transform var(--dur-slow) var(--ease);
}
.cc-banner.is-open { transform: none; }
.cc-banner__inner {
  max-width: var(--page-width); margin: 0 auto;
  display: grid; grid-template-columns: 1fr; gap: 9px; align-items: center;
}
@media (min-width: 900px) { .cc-banner__inner { grid-template-columns: 1fr auto; gap: 20px; } }
.cc-banner h2 {
  font-size: 0.6rem; letter-spacing: 1.6px; text-transform: uppercase;
  color: var(--gold); margin: 0 0 3px;
}
.cc-banner p { font-size: 0.72rem; line-height: 1.5; color: var(--fg); margin: 0; }
.cc-banner p a {
  color: var(--ink); text-decoration: underline;
  text-decoration-color: var(--gold); text-underline-offset: 3px;
}
.cc-banner p a:hover { color: var(--gold); }
.cc-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.cc-btn {
  font-family: var(--font-body); font-size: 9px; letter-spacing: 1.2px;
  text-transform: uppercase; padding: 7px 13px; line-height: 1;
  border: 1px solid var(--ink);
  background: none; color: var(--ink); cursor: pointer;
  transition: background var(--dur) var(--ease), color var(--dur) var(--ease),
              border-color var(--dur) var(--ease);
}
.cc-btn:hover { border-color: var(--gold); color: var(--gold); }
.cc-btn--accept { background: var(--gold); border-color: var(--gold); color: #fff; }
.cc-btn--accept:hover { background: var(--gold-hover); border-color: var(--gold-hover); color: #fff; }