/* ---------- kierros 22: evästebanneri Ecostan ilmeeseen (ylikirjoittaa Evästepalikan oletukset) ----------
   Palikan logiikka (cc_consent, asetukset-dialogi, revision) ennallaan; tämä muuttaa vain bannerin ulkoasun.
   Rakenne (palikan DOM): .cc-banner > .cc-body (otsikko, lause, linkit) + .cc-actions (.cc-actions-main [reject, accept], asetukset).
   .cc-body ja .cc-actions litistetään (display:contents), jolloin bannerin ruudukko järjestää osat:
   otsikko / lause / Hyväksy + Vain välttämättömät / Asetukset ja pienet linkit. */
#cc-root{transition:opacity .6s cubic-bezier(.22,1,.36,1) .25s} /* loaderin jälkeen pehmeä esiintulo, ei välähdystä */
#cc-root .cc-banner{display:grid!important;grid-template-columns:auto 1fr;align-items:center;column-gap:1rem;row-gap:0;
  left:1.25rem!important;right:auto!important;bottom:1.25rem!important;bottom:max(1.25rem,env(safe-area-inset-bottom))!important;
  width:min(24rem,calc(100vw - 2.5rem))!important;max-width:24rem!important;padding:1.3rem 1.35rem 1.05rem!important;
  border-radius:16px!important;border:0!important;background:rgba(15,15,15,.94)!important;color:#f7f7f5!important;
  box-shadow:inset 0 0 0 1px rgba(247,247,245,.09),0 28px 64px -30px rgba(0,0,0,.75)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%);
  font-family:var(--sans)!important;font-size:1rem!important;line-height:1.4!important}
#cc-root .cc-body,#cc-root .cc-actions{display:contents!important}
#cc-root .cc-title{grid-column:1/-1;order:1;margin:0!important;font-size:1rem!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.01em!important;color:#f7f7f5!important}
#cc-root .cc-text,#cc-root .cc-banner p.cc-text{grid-column:1/-1;order:2;margin:.4rem 0 0!important;font-size:.875rem!important;line-height:1.45!important;color:rgba(247,247,245,.72)!important}
#cc-root .cc-actions-main{grid-column:1/-1;order:3;display:flex!important;gap:.5rem!important;margin-top:1.1rem!important;flex:none!important;min-width:0!important}
#cc-root .cc-btn{height:2.75rem!important;min-height:0!important;padding:0 1.15rem!important;border-radius:100px!important;
  font-family:var(--sans)!important;font-size:.875rem!important;font-weight:500!important;letter-spacing:0!important;line-height:1!important;
  transition:background-color .3s ease,border-color .3s ease,color .3s ease!important}
#cc-root .cc-actions-main .cc-btn{flex:1 1 auto!important}
#cc-root .cc-btn[data-cc-action="accept"]{order:-1;flex-grow:1.4!important;background:#1d4ed8!important;color:#fff!important;border:0!important;box-shadow:none!important}
#cc-root .cc-btn[data-cc-action="accept"]:hover{background:#2a5be6!important}
#cc-root .cc-btn[data-cc-action="reject"]{background:transparent!important;color:#f7f7f5!important;border:1px solid rgba(247,247,245,.34)!important;box-shadow:none!important}
#cc-root .cc-btn[data-cc-action="reject"]:hover{border-color:rgba(247,247,245,.7)!important;background:rgba(247,247,245,.06)!important}
/* Asetukset: pieni tekstilinkki vasemmalla, evästekäytäntö ja tietosuoja oikealla samalla rivillä */
#cc-root .cc-banner .cc-btn--ghost{order:4;grid-column:1;justify-self:start;height:auto!important;min-height:0!important;margin:.8rem 0 0!important;padding:.4rem 0!important;
  background:none!important;border:0!important;border-radius:4px!important;font-size:.75rem!important;font-weight:500!important;color:#f7f7f5!important;
  text-decoration:underline!important;text-underline-offset:3px!important;text-decoration-thickness:1px!important;text-decoration-color:rgba(247,247,245,.4)!important}
#cc-root .cc-banner .cc-btn--ghost:hover{text-decoration-color:#f7f7f5!important}
#cc-root .cc-links{order:5;grid-column:2;justify-self:end;display:flex!important;gap:.9rem!important;margin:.8rem 0 0!important;font-size:.75rem!important;line-height:1.3!important;color:rgba(247,247,245,.62)!important}
#cc-root .cc-links a{display:inline-block;padding:.4rem 0;color:inherit!important;text-decoration:none!important;transition:color .3s ease}
#cc-root .cc-links a:hover{color:#f7f7f5!important;text-decoration:underline!important;text-underline-offset:3px}
#cc-root .cc-banner :focus-visible{outline:2px solid #4f7cf0!important;outline-offset:2px!important}

/* mobiili: alareunassa koko leveydeltä, yläkulmat pyöristetty */
@media (max-width:600px){
  #cc-root .cc-banner{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;
    border-radius:16px 16px 0 0!important;padding:1.15rem 1.25rem max(1rem,env(safe-area-inset-bottom))!important;
    box-shadow:inset 0 1px 0 rgba(247,247,245,.1),0 -18px 48px -24px rgba(0,0,0,.6)!important}
}
@media (prefers-reduced-motion:reduce){#cc-root{transition-duration:.2s;transition-delay:0s}}