.tvcta-bar{
  position:fixed; inset:auto 0 0 0; z-index:9999;
  display:flex; align-items:center; gap:12px;
  padding:10px 14px;
  background:rgba(15,23,42,.92); /* semitransparent mørk */
  backdrop-filter:saturate(120%) blur(2px);
  color:#fff; font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 8px 28px rgba(2,6,23,.18);
  transform:translateY(110%); opacity:.01; transition:transform .35s ease,opacity .35s ease;
}
/* ekstra plads nederst til "reklame"-label under knappen */
.tvcta-bar{ padding-bottom:24px; }

.tvcta-bar.tvcta-show{ transform:translateY(0); opacity:1; }
.tvcta-logo{ width:40px; height:auto; flex:0 0 auto; border-radius:6px; background:#fff; padding:3px; }
.tvcta-copy{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.tvcta-title{ font-weight:700; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tvcta-sub{ font-weight:600; opacity:.9; font-size:13px; }

.tvcta-btn{
  margin-left:auto; flex:0 0 auto; text-decoration:none; font-weight:700;
  padding:9px 12px; border-radius:10px; background:#14a44d; color:#fff;
  box-shadow:0 4px 14px rgba(20,164,77,.35);
  position:relative; /* så vi kan placere "reklame" under knappen */
}
.tvcta-btn:focus{ outline:2px solid #fff3; outline-offset:2px; }

/* lille "reklame" under knappen */
.tvcta-btn::after{
  content:"reklame";
  position:absolute;
  left:50%; transform:translateX(-50%);
  bottom:-14px;
  font-size:10px; line-height:1;
  color:#fff; opacity:.75;
  pointer-events:none;
}

.tvcta-close{
  border:0; background:transparent; color:#fff; opacity:.75;
  font-size:20px; line-height:1; cursor:pointer; padding:6px;
  margin-left:8px; flex:0 0 auto; /* ligger ikke over knappen */
}
.tvcta-close:hover{ opacity:1; }

@media (min-width: 860px){
  .tvcta-bar{
    inset:auto auto 16px auto; left:50%; transform:translate(-50%,110%);
    width:min(980px, calc(100vw - 32px)); border-radius:14px;
  }
  .tvcta-bar.tvcta-show{ transform:translate(-50%,0); }
}

@media (prefers-reduced-motion: reduce){
  .tvcta-bar{ transition:none; }
}
