/* ==========================================
   CLEANHOUSE – CONSENT / LGPD CSS
   ========================================== */

/* ---- BANNER (BOTTOM BAR) ---- */
.consent-banner {
  position: fixed; bottom: 0; left: 0; right: 0;
  z-index: 99999;
  background: #1a1a1a;
  color: #fff;
  padding: 16px 24px;
  transform: translateY(100%);
  transition: transform .4s ease;
  box-shadow: 0 -4px 20px rgba(0,0,0,.3);
}
.consent-banner.show { transform: translateY(0); }

.consent-banner__content {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; max-width: 1400px; margin: 0 auto; flex-wrap: wrap;
}

.consent-banner__text {
  font-size: .9rem; line-height: 1.5; flex: 1; min-width: 200px;
}
.consent-banner__text a { color: #4CAF50; text-decoration: underline; }
.consent-banner__text a:hover { color: #66BB6A; }

.consent-banner__actions {
  display: flex; gap: 12px; align-items: center; flex-shrink: 0;
}

.consent-btn {
  padding: 10px 20px; border-radius: 6px; font-size: .9rem; font-weight: 600;
  cursor: pointer; border: none; transition: all .25s ease; white-space: nowrap;
}
.consent-btn--accept {
  background: #4CAF50; color: #fff;
}
.consent-btn--accept:hover { background: #66BB6A; }
.consent-btn--deny {
  background: transparent; color: #fff; border: 2px solid #fff;
}
.consent-btn--deny:hover { background: rgba(255,255,255,.1); }

/* ---- RESPONSIVE ---- */
@media (max-width: 767px) {
  .consent-banner__content { flex-direction: column; align-items: stretch; gap: 16px; }
  .consent-banner__actions { flex-direction: column; }
  .consent-btn { width: 100%; text-align: center; }
}