/* ============================================================
   Cookie consent banner — AI Growth Academy
   Adapted from kerstinreichert.com cookie consent component.
   Brand colours:
     #fff1ea  warm cream tint  (banner background)
     #17120f  ink              (body text)
     #fe6c34  orange           (link, Accept button)
     #c94e1a  dark orange      (hover states)
     #ffffff  white            (Decline button)
   ============================================================ */

.kr-cookie {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999;
  max-width: 380px;
  background: #fff1ea;
  border: none;
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(23, 18, 15, 0.12), 0 2px 8px rgba(23, 18, 15, 0.08);
  padding: 18px 20px;
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
}

.kr-cookie__text {
  font-size: 14px;
  color: #17120f;
  line-height: 1.5;
  margin: 0 0 14px;
}

.kr-cookie__link {
  color: #c94e1a;
  text-decoration: underline;
  font-weight: 600;
}

.kr-cookie__actions {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
}

.kr-cookie__btn {
  flex: 1;
  border: none;
  border-radius: 999px;
  padding: 9px 20px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.kr-cookie__btn--ghost { background: #fff; color: #fe6c34; }
.kr-cookie__btn--ghost:hover { background: #fff; color: #c94e1a; }

.kr-cookie__btn--accept { background: #fe6c34; color: #fff; }
.kr-cookie__btn--accept:hover { background: #c94e1a; }

@media (max-width: 767px) {
  .kr-cookie {
    left: 12px;
    right: 12px;
    bottom: 12px;
    max-width: none;
  }
}