/* ==========================================================================
   Halalkollen — /halalkollen/. Laddas bara på den sidan (inc/halalkollen.php).
   Tonerna läser vad förpackningen säger, inte en dom: röd = gris/blod/alkohol
   anges, gul = kolla närmare, grön = inga varningsord, grå = vet inte.
   ========================================================================== */

.mis-hk [hidden]{display:none!important}
.mis-hk__smal{max-width:780px}

/* ------------------------------------------------------------------ hjälte */
.mis-hk__hjalte{background:var(--mis-sand-2);border-bottom:1px solid var(--mis-line);padding:var(--mis-7) 0 var(--mis-6)}
.mis-hk__ingress{font-size:var(--mis-body-l);color:var(--mis-ink-2);max-width:60ch;margin:var(--mis-3) 0 0}
@media (max-width:640px){.mis-hk__hjalte{padding:var(--mis-5) 0 var(--mis-5)}}

/* ----------------------------------------------------------------- verktyg */
.mis-hk__verktyg{margin-top:var(--mis-5);background:var(--mis-surface);border:1px solid var(--mis-line);
  border-radius:var(--mis-r-panel);padding:var(--mis-5);display:flex;flex-direction:column;gap:var(--mis-4);box-shadow:var(--mis-shadow-1)}
@media (max-width:640px){.mis-hk__verktyg{padding:var(--mis-4)}}
.mis-hk__skanna{width:100%;min-height:56px;font-size:16px;border-radius:12px}
.mis-hk__skanna:disabled{opacity:.6;cursor:progress}
.mis-hk__ocr{width:100%;min-height:50px;font-size:15px;border-radius:12px;justify-content:center;gap:8px}
.mis-hk__kod{margin:0}
.mis-hk__kod label{display:block;font-size:var(--mis-meta);color:var(--mis-muted);margin-bottom:6px}
.mis-hk__rad{display:flex;gap:var(--mis-2)}
.mis-hk__rad input{flex:1;min-width:0;min-height:46px;padding:0 14px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);
  background:var(--mis-surface);color:var(--mis-ink);font:inherit;font-size:16px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.mis-hk__rad input[aria-invalid="true"]{border-color:var(--mis-error)}
.mis-hk__fel{margin:6px 0 0;font-size:var(--mis-meta);color:var(--mis-error)}

.mis-hk__klistra{border-top:1px solid var(--mis-line-soft);padding-top:var(--mis-3)}
.mis-hk__klistra summary{display:flex;align-items:center;gap:var(--mis-2);min-height:44px;cursor:pointer;font-weight:600;color:var(--mis-green);list-style:none}
.mis-hk__klistra summary::-webkit-details-marker{display:none}
.mis-hk__klistra summary::after{content:"+";margin-left:auto;font-size:20px;font-weight:500;line-height:1}
.mis-hk__klistra[open] summary::after{content:"–"}
.mis-hk__klistra form{display:flex;flex-direction:column;gap:var(--mis-3);margin-top:var(--mis-2)}
.mis-hk__klistra textarea{width:100%;min-height:130px;padding:12px 14px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);
  background:var(--mis-surface);color:var(--mis-ink);font:inherit;font-size:16px;line-height:1.5;resize:vertical}
.mis-hk__klistra .mis-btn{align-self:flex-start}
.mis-hk__tips{margin:0;font-size:var(--mis-meta);color:var(--mis-muted)}
.mis-hk__tips b{color:var(--mis-ink)}

/* ------------------------------------------------------------- svarskortet */
.mis-hk__svar:empty{display:none}
.mis-hk__svar{margin-top:var(--mis-5);scroll-margin-top:var(--mis-4)}
.mis-hk-kort{--ton:var(--mis-muted-2);--ton-tint:var(--mis-sand-3);--ton-text:var(--mis-ink-2);
  background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);overflow:hidden;box-shadow:var(--mis-shadow-1)}
.mis-hk-kort--rod{--ton:var(--mis-error);--ton-tint:var(--mis-error-tint);--ton-text:var(--mis-error-deep)}
.mis-hk-kort--gul{--ton:var(--mis-warn);--ton-tint:var(--mis-warn-tint);--ton-text:var(--mis-warn-deep)}
.mis-hk-kort--gron{--ton:var(--mis-green);--ton-tint:var(--mis-green-tint);--ton-text:var(--mis-green-deep)}
.mis-hk-kort--gra{--ton:var(--mis-muted-2);--ton-tint:#EFEBE4;--ton-text:var(--mis-ink-2)}

.mis-hk-kort__topp{background:var(--ton-tint);border-bottom:1px solid var(--mis-line-soft);padding:var(--mis-5) var(--mis-5) var(--mis-4);border-top:6px solid var(--ton)}
body .mis-hk-kort__dom{display:flex;align-items:center;gap:10px;font-size:26px;line-height:1.15;color:var(--ton-text);outline:0}
.mis-hk-kort__dom::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--ton)}
.mis-hk-kort__rad{margin:var(--mis-2) 0 0;color:var(--mis-ink-2);font-size:15px}
@media (max-width:640px){
  .mis-hk-kort__topp{padding:var(--mis-4)}
  body .mis-hk-kort__dom{font-size:22px}
}

.mis-hk-kort__vara{display:flex;align-items:center;gap:var(--mis-3);padding:var(--mis-3) var(--mis-5)}
.mis-hk-kort__bild{flex:none;width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--mis-line-soft);border-radius:8px}
.mis-hk-kort__varatext{min-width:0}
.mis-hk-kort__namn{margin:0;font-weight:600;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.mis-hk-kort__meta{margin:2px 0 0;font-size:var(--mis-meta);color:var(--mis-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media (max-width:640px){.mis-hk-kort__vara{padding:var(--mis-3) var(--mis-4)}}

.mis-hk-kort__chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--mis-line-soft);border-bottom:1px solid var(--mis-line-soft)}
.mis-hk-chip{display:flex;flex-direction:column;align-items:center;padding:10px 6px;text-align:center;border-right:1px solid var(--mis-line-soft)}
.mis-hk-chip:last-child{border-right:0}
.mis-hk-chip__namn{font-size:12px;color:var(--mis-muted)}
.mis-hk-chip__varde{font-size:15px;color:var(--mis-ink)}
.mis-hk-chip--rod .mis-hk-chip__varde{color:var(--mis-error)}
.mis-hk-chip--gul .mis-hk-chip__varde{color:var(--mis-warn-deep)}

.mis-hk-kort__fynd{padding:var(--mis-4) var(--mis-5);display:flex;flex-direction:column;gap:var(--mis-4)}
@media (max-width:640px){.mis-hk-kort__fynd{padding:var(--mis-4)}}
.mis-hk-grupp{border-left:3px solid var(--mis-warn);padding-left:var(--mis-3)}
.mis-hk-grupp--rod{border-left-color:var(--mis-error)}
body .mis-hk-grupp__rubrik{font-family:var(--mis-font-body);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mis-warn-deep);margin:0 0 6px}
.mis-hk-grupp--rod .mis-hk-grupp__rubrik{color:var(--mis-error-deep)}
.mis-hk-grupp__ord{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:15px}
.mis-hk-grupp__ord b{font-weight:700}
.mis-hk-grupp__om{margin:6px 0 0;font-size:var(--mis-meta);color:var(--mis-muted)}

.mis-hk-kort__info{margin:0;padding:10px var(--mis-5);background:var(--mis-sand-3);border-top:1px solid var(--mis-line-soft);font-size:14px;color:var(--mis-ink-2)}

.mis-hk-kort__text,.mis-hk-kort__fraga{border-top:1px solid var(--mis-line-soft)}
.mis-hk-kort__text summary,.mis-hk-kort__fraga summary,.mis-hk-rapport summary{display:flex;align-items:center;min-height:44px;padding:0 var(--mis-5);cursor:pointer;font-weight:600;font-size:14.5px;list-style:none}
.mis-hk-kort__text summary::-webkit-details-marker,.mis-hk-kort__fraga summary::-webkit-details-marker,.mis-hk-rapport summary::-webkit-details-marker{display:none}
.mis-hk-kort__text summary::after,.mis-hk-kort__fraga summary::after{content:"+";margin-left:auto;color:var(--mis-green);font-size:18px}
.mis-hk-kort__text[open] summary::after,.mis-hk-kort__fraga[open] summary::after{content:"–"}
.mis-hk-kort__text p{margin:0;padding:0 var(--mis-5) var(--mis-4);font-size:14.5px;line-height:1.75;color:var(--mis-ink-2);overflow-wrap:anywhere}
.mis-hk-markering{padding:1px 3px;border-radius:4px;color:var(--mis-ink);font-weight:600}
.mis-hk-markering--rod{background:#F6D5CD;color:var(--mis-error-deep)}
.mis-hk-markering--gul{background:#F7E4B5;color:var(--mis-warn-deep)}

.mis-hk-kort__fraga{padding-bottom:var(--mis-4)}
.mis-hk-kort__fragatext{margin:0 var(--mis-5) var(--mis-2);font-size:14px;color:var(--mis-ink-2)}
.mis-hk-kort__brev{display:block;width:calc(100% - 2 * var(--mis-5));margin:0 var(--mis-5) var(--mis-2);padding:10px 12px;border:1px solid var(--mis-input-border);
  border-radius:var(--mis-r-control);font:inherit;font-size:15px;line-height:1.5;color:var(--mis-ink);background:var(--mis-sand);resize:vertical}
.mis-hk-kort__fraga .mis-btn{margin-left:var(--mis-5)}

.mis-hk-kort__kalla{margin:0;padding:var(--mis-3) var(--mis-5) 0;border-top:1px solid var(--mis-line-soft);font-size:var(--mis-meta);color:var(--mis-muted)}
.mis-hk-kort__kalla a{text-decoration:underline}
.mis-hk-kort__forbehall{margin:4px 0 0;padding:0 var(--mis-5);font-size:var(--mis-meta);color:var(--mis-muted)}
.mis-hk-kort__fot{display:flex;flex-wrap:wrap;gap:var(--mis-2);padding:var(--mis-4) var(--mis-5)}
@media (max-width:640px){
  .mis-hk-kort__text summary,.mis-hk-kort__fraga summary,.mis-hk-rapport summary{padding:0 var(--mis-4)}
  .mis-hk-kort__text p,.mis-hk-kort__kalla,.mis-hk-kort__forbehall,.mis-hk-kort__fot,.mis-hk-kort__info{padding-left:var(--mis-4);padding-right:var(--mis-4)}
  .mis-hk-kort__fragatext{margin-left:var(--mis-4);margin-right:var(--mis-4)}
  .mis-hk-kort__brev{width:calc(100% - 2 * var(--mis-4));margin-left:var(--mis-4);margin-right:var(--mis-4)}
  .mis-hk-kort__fraga .mis-btn{margin-left:var(--mis-4)}
}

.mis-hk-kort--laddar{padding:var(--mis-5)}
.mis-hk-kort__laddtext{margin:0;display:flex;align-items:center;gap:10px;color:var(--mis-muted);font-variant-numeric:tabular-nums}
.mis-hk-kort__laddtext::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--mis-line);border-top-color:var(--mis-green);animation:mis-hk-snurr .8s linear infinite}
@keyframes mis-hk-snurr{to{transform:rotate(360deg)}}

.mis-hk-rapport{border-top:1px solid var(--mis-line-soft);background:var(--mis-sand-3)}
.mis-hk-rapport summary{color:var(--mis-muted);font-weight:500;font-size:13.5px}
.mis-hk-rapport__form{padding:0 var(--mis-5) var(--mis-4);display:flex;flex-direction:column;gap:var(--mis-2);position:relative}
.mis-hk-rapport fieldset{border:0;margin:0;padding:0}
.mis-hk-rapport legend{font-size:14px;font-weight:600;padding:0;margin-bottom:4px}
.mis-hk-rapport__val{display:flex;align-items:center;gap:8px;min-height:40px;font-size:14.5px;cursor:pointer}
.mis-hk-rapport__etikett{display:flex;flex-direction:column;gap:4px;font-size:14px}
.mis-hk-rapport textarea{width:100%;padding:10px 12px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);font:inherit;font-size:16px;background:var(--mis-surface)}
.mis-hk-rapport__falla{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mis-hk-rapport__not,.mis-hk-rapport__kvitto{margin:0;font-size:var(--mis-meta);color:var(--mis-muted)}
.mis-hk-rapport .mis-btn{align-self:flex-start}
@media (max-width:640px){.mis-hk-rapport__form{padding:0 var(--mis-4) var(--mis-4)}}

/* --------------------------------------------------------- senast kollade */
.mis-hk__senaste{margin-top:var(--mis-6)}
.mis-hk__senaste-topp{display:flex;align-items:baseline;justify-content:space-between;gap:var(--mis-3);margin-bottom:var(--mis-3)}
body .mis-hk__senaste h2{font-size:20px}
.mis-hk__lank{background:none;border:0;padding:8px 0;font:inherit;font-size:14px;color:var(--mis-green);cursor:pointer;text-decoration:underline}
.mis-hk__senaste ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--mis-2)}
.mis-hk-senast{width:100%;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;text-align:left;background:var(--mis-surface);
  border:1px solid var(--mis-line);border-radius:var(--mis-r-control);font:inherit;color:var(--mis-ink);cursor:pointer}
.mis-hk-senast:hover{border-color:var(--mis-green)}
.mis-hk-senast__punkt{flex:none;width:10px;height:10px;border-radius:50%;background:var(--mis-muted-2)}
.mis-hk-senast--rod .mis-hk-senast__punkt{background:var(--mis-error)}
.mis-hk-senast--gul .mis-hk-senast__punkt{background:var(--mis-warn)}
.mis-hk-senast--gron .mis-hk-senast__punkt{background:var(--mis-green)}
.mis-hk-senast__text{display:flex;flex-direction:column;min-width:0}
.mis-hk-senast__namn{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mis-hk-senast__dom{font-size:var(--mis-meta);color:var(--mis-muted)}
.mis-hk__fot{margin:var(--mis-2) 0 0;font-size:var(--mis-meta);color:var(--mis-muted-2)}

/* ----------------------------------------------------------------- kameran */
html.mis-hk-last,html.mis-hk-last body{overflow:hidden}
.mis-hk-kamera{position:fixed;inset:0;z-index:100000;background:#000;color:#fff}
.mis-hk-kamera__video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.mis-hk-kamera__ram{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(84vw,520px);aspect-ratio:2/1;
  border:2px solid rgba(255,255,255,.92);border-radius:14px;box-shadow:0 0 0 200vmax rgba(0,0,0,.5);overflow:hidden}
.mis-hk-kamera__linje{position:absolute;left:6%;right:6%;top:50%;height:2px;background:var(--mis-brass-light);box-shadow:0 0 10px var(--mis-brass-light);
  animation:mis-hk-svep 1.4s ease-in-out infinite alternate}
@keyframes mis-hk-svep{from{top:22%}to{top:78%}}
@media (prefers-reduced-motion:reduce){.mis-hk-kamera__linje{animation:none}}
.mis-hk-kamera--fel .mis-hk-kamera__linje{display:none}
.mis-hk-kamera--fel .mis-hk-kamera__ram{border-style:dashed;border-color:rgba(255,255,255,.4)}
.mis-hk-kamera__botten{position:absolute;left:0;right:0;bottom:0;padding:var(--mis-5) var(--mis-4) calc(var(--mis-5) + env(safe-area-inset-bottom));
  background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,0));display:flex;flex-direction:column;align-items:center;gap:var(--mis-3)}
.mis-hk-kamera__status{margin:0;max-width:34ch;text-align:center;font-size:15px;line-height:1.45;color:#fff}
.mis-hk-kamera__knappar{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mis-2)}
.mis-hk-kamera__knapp{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.14);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mis-hk-kamera__knapp[aria-pressed="true"]{background:var(--mis-brass-light);color:var(--mis-brass-dark);border-color:var(--mis-brass-light)}
.mis-hk-kamera__knapp--stang{background:#fff;color:var(--mis-ink);border-color:#fff}

/* -------------------------------------------------------------- förklaring */
.mis-hk__om{padding:var(--mis-7) 0 var(--mis-8)}
body .mis-hk__om h2{font-size:26px;margin:var(--mis-7) 0 var(--mis-3)}
body .mis-hk__om h2:first-child{margin-top:0}
.mis-hk__brod{font-size:16px;color:var(--mis-ink-2);max-width:65ch}
.mis-hk__farger{margin:var(--mis-4) 0 0;padding:0;list-style:none;display:grid;gap:var(--mis-2)}
.mis-hk-ton{position:relative;padding:14px 16px 14px 42px;background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-card)}
.mis-hk-ton::before{content:"";position:absolute;left:16px;top:19px;width:12px;height:12px;border-radius:50%;background:var(--mis-muted-2)}
.mis-hk-ton--rod::before{background:var(--mis-error)}
.mis-hk-ton--gul::before{background:var(--mis-warn)}
.mis-hk-ton--gron::before{background:var(--mis-green)}
.mis-hk-ton b{display:block;font-weight:600}
.mis-hk-ton span{display:block;font-size:14.5px;color:var(--mis-ink-2)}
.mis-hk__lista{margin:0 0 var(--mis-4);padding-left:22px;color:var(--mis-ink-2);font-size:16px;max-width:65ch}
.mis-hk__lista li{margin-bottom:6px}
.mis-hk__fragor details{border-bottom:1px solid var(--mis-line)}
.mis-hk__fragor summary{display:flex;align-items:center;min-height:52px;cursor:pointer;font-weight:600;font-size:16px;list-style:none}
.mis-hk__fragor summary::-webkit-details-marker{display:none}
.mis-hk__fragor summary::after{content:"+";margin-left:auto;padding-left:var(--mis-3);color:var(--mis-green);font-size:20px}
.mis-hk__fragor details[open] summary::after{content:"–"}
.mis-hk__fragor p{color:var(--mis-ink-2);max-width:65ch}