/* ==========================================================================
   Chowanki — cookie consent banner (GDPR)
   Injected via wp_footer (see functions.php, section 13) so it appears on
   every page, not just the front page. A small, bottom-left card rather
   than a full-width bar, so it stays out of the way of the page content
   and the checkout. Colors reuse the same palette as the footer banner
   (.chowanki-footer__gradient teal, rgb(244,123,52) orange) so it reads
   as part of the site rather than a bolted-on plugin widget.

   No "reopen" tab: once a choice is made (any of the four actions —
   Akceptuj wszystkie / Tylko niezbędne / Odrzuć / Zapisz wybór in the
   settings panel) the card disappears for good until the consent cookie
   expires or is cleared — there's deliberately no icon left on screen
   afterwards, per request.
   ========================================================================== */

.chowanki-cookie-banner{
  position:fixed;
  left:16px;
  bottom:16px;
  z-index:9999;
  width:300px;
  max-width:calc(100vw - 32px);
  font-family:'Manrope', sans-serif;
  background:#fff;
  color:#1f2d2a;
  border-radius:14px;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  border-top:3px solid hsl(174.41deg 89.94% 35.1%);
  opacity:0;
  /* Small upward pop rather than the old full-width slide-up — matches
     the card's smaller footprint. */
  transform:translateY(12px);
  transition:opacity .25s ease, transform .25s ease;
}
.chowanki-cookie-banner.is-visible{
  opacity:1;
  transform:translateY(0);
}

.chowanki-cookie-banner__inner{
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.chowanki-cookie-banner__text{
  margin:0;
  font-size:12.5px;
  line-height:1.5;
}
.chowanki-cookie-banner__text a{
  color:hsl(174.41deg 89.94% 30%);
  font-weight:600;
  text-decoration:underline;
}
.chowanki-cookie-banner__text a:hover{
  color:rgb(244,123,52);
}

.chowanki-cookie-banner__actions{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.chowanki-cookie-banner__btn{
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  border-radius:999px;
  padding:8px 14px;
  cursor:pointer;
  border:2px solid transparent;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
  white-space:nowrap;
  width:100%;
}
.chowanki-cookie-banner__btn:hover{
  transform:translateY(-1px);
}
.chowanki-cookie-banner__btn--primary{
  background:hsl(174.41deg 89.94% 35.1%);
  color:#fff;
}
.chowanki-cookie-banner__btn--primary:hover{
  background:rgb(244,123,52);
}
.chowanki-cookie-banner__btn--outline{
  background:#fff;
  color:#1f2d2a;
  border-color:#d8d8d8;
}
.chowanki-cookie-banner__btn--outline:hover{
  border-color:hsl(174.41deg 89.94% 35.1%);
  color:hsl(174.41deg 89.94% 30%);
}
/* "Odrzuć" (leaves the site) and "Ustawienia" — plain text links under
   the two pill buttons rather than buttons themselves, so they read as
   quieter, secondary actions. Kept as one row, separated by a dot,
   instead of two more full-width pills, so the card doesn't get taller
   than it needs to. */
.chowanki-cookie-banner__links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:2px;
}
.chowanki-cookie-banner__btn--text{
  background:transparent;
  border:none;
  padding:0;
  width:auto;
  font-family:inherit;
  color:#5a5a5a;
  text-decoration:underline;
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
}
.chowanki-cookie-banner__btn--text:hover{
  color:rgb(244,123,52);
  transform:none;
}
.chowanki-cookie-banner__links-sep{
  color:#ccc;
  font-size:11px;
}

.chowanki-cookie-banner__panel{
  padding:2px 16px 16px;
  border-top:1px solid #eee;
  margin-top:2px;
}
.chowanki-cookie-banner__row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #f0f0f0;
}
.chowanki-cookie-banner__row:last-of-type{
  border-bottom:none;
}
.chowanki-cookie-banner__row-text strong{
  display:block;
  font-size:12.5px;
  margin-bottom:2px;
}
.chowanki-cookie-banner__row-text p{
  margin:0;
  font-size:11.5px;
  color:#5a5a5a;
  line-height:1.4;
}
.chowanki-cookie-banner__always-on{
  font-size:10.5px;
  font-weight:700;
  color:hsl(174.41deg 89.94% 30%);
  white-space:nowrap;
  padding-top:2px;
}

/* Toggle switch (Statystyczne / Marketingowe rows) — slightly smaller to
   match the rest of the card. */
.chowanki-cookie-banner__switch{
  position:relative;
  display:inline-block;
  width:36px;
  height:20px;
  flex:0 0 auto;
}
.chowanki-cookie-banner__switch input{
  position:absolute;
  opacity:0;
  width:100%;
  height:100%;
  margin:0;
  cursor:pointer;
}
.chowanki-cookie-banner__switch span{
  position:absolute;
  inset:0;
  background:#ccc;
  border-radius:999px;
  transition:background-color .2s ease;
  pointer-events:none;
}
.chowanki-cookie-banner__switch span::before{
  content:'';
  position:absolute;
  height:14px;
  width:14px;
  left:3px;
  top:3px;
  background:#fff;
  border-radius:50%;
  transition:transform .2s ease;
}
.chowanki-cookie-banner__switch input:checked + span{
  background:hsl(174.41deg 89.94% 35.1%);
}
.chowanki-cookie-banner__switch input:checked + span::before{
  transform:translateX(16px);
}
.chowanki-cookie-banner__switch input:focus-visible + span{
  outline:2px solid rgb(244,123,52);
  outline-offset:2px;
}

.chowanki-cookie-banner__panel .chowanki-cookie-banner__actions{
  margin-top:10px;
}

@media (max-width:420px){
  .chowanki-cookie-banner{
    left:8px;
    bottom:8px;
    width:calc(100vw - 16px);
  }
}