/* PHOMI — cookie notice (inc/consent.php + consent.js).
   Same dark glass card as the showroom quote form; non-blocking: no
   overlay, no scroll lock. Depends on the tokens + .nav-cta in styles.css. */

.cookie-note{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:900;
  width:min(420px, calc(100vw - 32px));
  padding:22px 22px 20px;
  background:rgba(15,20,25,.92);
  color:#fff;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  backdrop-filter:blur(8px);
  box-shadow:0 24px 60px -24px rgba(0,0,0,.55);
  opacity:0;
  transform:translateY(12px);
  transition:opacity .35s var(--easing), transform .35s var(--easing);
}
.cookie-note[hidden]{ display:none }
.cookie-note.is-in{ opacity:1; transform:none }

.cookie-eyebrow{
  font-family:var(--f-mono);
  font-size:10.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin-bottom:10px;
}
.cookie-text{
  margin:0;
  font-size:14.5px;
  line-height:1.55;
  color:rgba(255,255,255,.82);
}
.cookie-text a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:2px;
}
.cookie-text a:hover{ color:var(--primary) }

.cookie-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.cookie-actions .nav-cta{ border:0; cursor:pointer; font-family:inherit }
.cookie-decline{
  display:inline-flex;
  align-items:center;
  height:40px;
  padding:0 18px;
  border-radius:999px;
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
  font-family:inherit;
  font-size:14px;
  font-weight:500;
  line-height:1;
  cursor:pointer;
  transition:background .2s var(--easing), border-color .2s var(--easing);
}
.cookie-decline:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.45) }
.cookie-note button:focus-visible{ outline:2px solid var(--primary); outline-offset:3px }

@media (max-width:560px){
  .cookie-note{ left:16px; right:16px; bottom:16px; width:auto }
}

/* "Küpsiste sätted" in the footer legal nav: a button dressed as the
   sibling links. */
.footer-legal .footer-cookie-btn{
  padding:0;
  margin:0;
  border:0;
  background:none;
  font:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  color:var(--muted);
  cursor:pointer;
  transition:color .2s;
}
.footer-legal .footer-cookie-btn:hover{ color:var(--ink) }