/* ---------- Aviso de cookies (LGPD) — src/cookieConsent.php + assets/js/cookie-consent.js ---------- */
.cookie-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1036; /* acima da barra do celular, abaixo dos modais */
  background: rgba(37, 43, 54, 0.98); color: #e2e8f0;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.cookie-banner[hidden] { display: none; }
/* Faixa com o gradiente da marca no topo */
.cookie-banner::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, #8C52FF, #6366F1, #22D3EE);
}
.cookie-inner {
  max-width: 1160px; margin: 0 auto; padding: 16px;
  display: flex; gap: 14px 24px; align-items: center; flex-wrap: wrap;
}
.cookie-text { flex: 1 1 420px; min-width: 0; }
.cookie-text h2 { font-size: 16px; font-weight: 700; margin: 0 0 4px; color: #fff; }
.cookie-text h2 .mdi { color: #2be4c6; }
.cookie-text p { margin: 0; font-size: 13px; line-height: 1.5; color: #a1b6c2; max-width: 90ch; }
.cookie-text a { color: #2be4c6; text-decoration: underline; }
.cookie-options { display: grid; gap: 8px; margin-top: 12px; font-size: 13px; }
.cookie-options[hidden] { display: none; }
.cookie-check { display: flex; gap: 8px; align-items: flex-start; margin: 0; color: #cfd8e3; cursor: pointer; }
.cookie-check input { flex: none; width: 17px; height: 17px; margin-top: 1px; accent-color: #2be4c6; }
.cookie-check b { color: #fff; }
.cookie-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.cookie-btn {
  height: 40px; padding: 0 16px; border-radius: 10px; font-size: 13px; font-weight: 700;
  cursor: pointer; white-space: nowrap; transition: filter 0.15s ease, background 0.15s ease;
}
.cookie-btn[hidden] { display: none; }
.cookie-btn-primary {
  border: none; color: #fff;
  background: linear-gradient(135deg, #8C52FF, #6366F1, #22D3EE);
  box-shadow: 0 6px 16px rgba(99, 102, 241, 0.3);
}
.cookie-btn-primary:hover { filter: brightness(1.08); }
.cookie-btn-secondary { border: 1px solid rgba(43, 228, 198, 0.4); background: transparent; color: #2be4c6; }
.cookie-btn-secondary:hover { background: rgba(43, 228, 198, 0.1); }

@media (max-width: 767.98px) {
  .cookie-inner { padding: 14px 14px 12px; }
  .cookie-text { flex-basis: 100%; }
  .cookie-buttons { width: 100%; }
  .cookie-btn { flex: 1 1 auto; }
  /* Fica logo acima da barra de navegação do rodapé (assets/css/app-shell.css) */
  html:not(.app-typing) body:has(.app-nav) .cookie-banner { bottom: var(--app-nav-space, 0px); padding-bottom: 0; }
}

@media print {
  .cookie-banner { display: none !important; }
}