/* KD Cookie-notis v1.006 */
.kdcn{
  position: fixed;
  right: var(--kdcn-margin, 16px);
  bottom: var(--kdcn-margin, 16px);
  max-width: var(--kdcn-maxw, 360px);
  width: calc(100% - (var(--kdcn-margin,16px) * 2));
  background: var(--kdcn-bg, #111);
  color: var(--kdcn-text, #fff);
  border-radius: var(--kdcn-radius, 14px);
  box-shadow: var(--kdcn-shadow, 0 12px 28px rgba(0,0,0,.35));
  padding: 14px 14px 12px;
  z-index: 99999;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.35;
}
.kdcn__title{
  font-size: 15px;
  font-weight: var(--kdcn-title-weight, 700);
  margin: 0 0 6px 0;
}
.kdcn__body{
  font-size: 13px;
  font-weight: var(--kdcn-body-weight, 400);
  margin: 0 0 10px 0;
}
.kdcn__body p{ margin: 0 0 8px 0; }
.kdcn__body p:last-child{ margin-bottom:0; }

.kdcn__meta{
  opacity: .85;
  font-size: 11px;
  margin-top: 8px;
  word-break: break-word;
}

.kdcn__actions{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 12px;
}
.kdcn__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  user-select: none;
  white-space: nowrap;
}
.kdcn__btn--primary{
  background: var(--kdcn-btnp-bg, #fff);
  color: var(--kdcn-btnp-text, #111);
  border: 1px solid rgba(0,0,0,.06);
  font-weight: var(--kdcn-btnp-weight, 600);
}
.kdcn__btn--secondary{
  background: var(--kdcn-btns-bg, transparent);
  color: var(--kdcn-btns-text, #fff);
  border: 1px solid var(--kdcn-btns-border, #fff);
  font-weight: var(--kdcn-btns-weight, 600);
}
.kdcn__btn--secondary:hover{
  opacity: .92;
}
.kdcn__btn--primary:hover{
  opacity: .92;
}

/* Mobile: keep it tidy */
@media (max-width: 420px){
  .kdcn__actions{ justify-content: space-between; }
  .kdcn__btn{ flex: 1; }
}


.kdcn__links{
  margin-top: 10px;
}
.kdcn__links-title{
  font-size: 12px;
  opacity: .9;
  margin-bottom: 6px;
}
.kdcn__links-row{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}
.kdcn__link{
  color: var(--kdcn-text, #fff);
  text-decoration: underline;
  font-size: 12px;
  opacity: .95;
}
.kdcn__link:hover{ opacity:.85; }