/* Banner de consentimento.
 *
 * Barra inferior, não caixa modal: o visitante B2B chega no site com um part number na
 * cabeça e um modal que trava a tela antes dele ver o catálogo é atrito puro. A barra
 * informa, deixa escolher e não impede navegar.
 *
 * z-index 70 fica ENTRE o widget flutuante do WhatsApp (60) e o modal do portão (80): a
 * barra cobre o widget enquanto está na tela — por isso `.tem-cookies .wa-float` sobe —
 * mas o portão, quando abre, cobre a barra.
 */
.ck-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:var(--panel);border-top:1px solid var(--line);
  box-shadow:0 -8px 30px rgba(0,0,0,.14);
  padding:clamp(14px,2.2vw,18px) 0;}
.ck-bar[hidden]{display:none;}

.ck-in{max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,36px);
  display:flex;align-items:center;gap:clamp(14px,3vw,28px);}

.ck-txt{flex:1 1 auto;min-width:0;}
.ck-txt strong{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:var(--ink);}
.ck-txt p{margin:3px 0 0;font-size:13px;line-height:1.5;color:var(--ink-soft);}
.ck-txt a{color:var(--brand);text-decoration:underline;text-underline-offset:2px;}
.ck-txt a:hover{color:var(--brand-lite);}

.ck-acoes{flex:none;display:flex;gap:9px;}
/* Os dois botões têm o MESMO peso visual de propósito. Recusar disfarçado de link
   secundário é padrão escuro — e num site que acabou de declarar o que mede, seria
   contradição na mesma tela. */
.ck-btn{display:inline-flex;align-items:center;justify-content:center;
  font:700 13.5px/1 var(--sans);padding:11px 18px;border-radius:10px;cursor:pointer;
  border:1.5px solid var(--line);background:var(--panel-2);color:var(--ink);transition:.15s;}
.ck-btn:hover{border-color:var(--brand-lite);color:var(--brand);}
.ck-btn.ok{background:var(--amber);border-color:var(--amber);color:#3a2600;}
.ck-btn.ok:hover{filter:brightness(1.05);color:#3a2600;border-color:var(--amber);}
.ck-btn:focus-visible{outline:2px solid var(--brand-lite);outline-offset:2px;}

/* Enquanto a barra está na tela, o botão do WhatsApp sobe para não ficar debaixo dela. */
.tem-cookies .wa-float{bottom:calc(clamp(14px,3vw,26px) + var(--ck-altura,96px));}

@media(max-width:760px){
  .ck-in{flex-direction:column;align-items:stretch;gap:14px;}
  .ck-acoes{display:grid;grid-template-columns:1fr 1fr;}
}

/* Link do rodapé que reabre a barra: consentimento tem de ser revogável, senão a escolha
   vira definitiva no primeiro clique. */
.ck-rever{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;}
.ck-rever:hover{color:var(--brand-lite);}