/* Vafrakökuborði (samthykki.js) — notar tóka úr site.css */
.ck{position:fixed;z-index:95;left:max(20px,env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;overscroll-behavior:contain;background:var(--night,#0F2438);color:#C9D5DF;border-radius:var(--r-l,22px);padding:22px 22px 20px;box-shadow:0 2px 4px rgba(15,36,56,.12),0 28px 60px -20px rgba(15,36,56,.55);font:400 .93rem/1.55 var(--f-body);border:1px solid rgba(255,255,255,.08)}
.ck:not([hidden]){animation:ck-in .5s var(--ease-soft,cubic-bezier(.16,1,.3,1))}
@keyframes ck-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ck__k{font:500 .72rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--orange,#EE8A39);margin:0 0 10px;padding:0}
.ck__h{font-family:var(--f-display);font-size:1.32rem;line-height:1.15;color:#fff;margin:0 0 8px;font-weight:600}
.ck__h:focus{outline:none}
.ck__p{margin:0;color:#B9C7D3}
.ck__p a{color:#fff;font-weight:600;text-underline-offset:3px}
.ck__p a:hover{color:var(--orange,#EE8A39)}

.ck__set{margin-top:16px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}
.ck__set fieldset{border:0;margin:0;padding:0;min-width:0}
.ck__set legend{display:block;margin-bottom:4px}
.ck__opt{position:relative;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 0;cursor:pointer}
.ck__opt+.ck__opt{border-top:1px solid rgba(255,255,255,.08)}
.ck__txt{display:grid;gap:2px;min-width:0}
.ck__txt b{color:#fff;font-weight:700;font-size:.95rem}
.ck__txt small{color:#9FB2C2;font-size:.84rem;line-height:1.4}
.ck__opt input{position:absolute;opacity:0;width:46px;height:28px;right:0;margin:0;cursor:pointer}
.ck__sw{flex:none;position:relative;width:46px;height:28px;border-radius:999px;background:rgba(255,255,255,.18);transition:background-color .2s ease}
.ck__sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .22s var(--ease-out,ease)}
.ck__opt input:checked+.ck__sw{background:var(--orange,#EE8A39)}
.ck__opt input:checked+.ck__sw::after{transform:translateX(18px)}
.ck__opt input:disabled+.ck__sw{opacity:.55}
.ck__opt input:disabled{cursor:not-allowed}
.ck__opt input:focus-visible+.ck__sw{outline:3px solid var(--orange,#EE8A39);outline-offset:3px}

.ck__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ck__b{flex:1 1 auto;min-height:44px;padding:0 16px;border-radius:999px;font:700 .92rem/1 var(--f-body);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.ck__b--line{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}
.ck__b--line:hover{border-color:#fff}
.ck__b--orange{background:var(--orange,#EE8A39);color:var(--night,#0F2438);border:2px solid var(--orange,#EE8A39)}
.ck__b--orange:hover{background:#F39A50;border-color:#F39A50}
.ck__b:focus-visible{outline:3px solid var(--orange,#EE8A39);outline-offset:2px}

/* Tenglar í fæti (sett inn með JS) */
.ck-ftr{display:inline-flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
.ck-ftr a,.ck-ftr button{color:#D6E0E8;font:inherit;background:none;border:0;padding:6px 0;cursor:pointer;text-decoration:none}
.ck-ftr a:hover,.ck-ftr button:hover{color:var(--orange,#EE8A39)}

@media (max-width:560px){
  .ck{left:10px;right:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:18px 16px 14px;border-radius:18px;font-size:.9rem}
  .ck__h{font-size:1.18rem}
  .ck__k{margin-bottom:8px}
  .ck__btns{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}
  .ck__b{padding:0 10px}
  .ck__b--orange{order:-1;grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.ck:not([hidden]){animation:none}.ck__sw,.ck__sw::after{transition:none}}
@media print{.ck{display:none!important}}
