/* Byggd av mis_tema_samlad_css() — ändra källfilerna i temat, aldrig den här. */

/* ===== mis-tokens — /assets/css/tokens.css ===== */
/* ==========================================================================
   Muslims i Sverige — designtokens
   Enda källan till sanning för färg, typografi, avstånd och radier.
   Importeras först i temats style.css. Ändra aldrig ett värde direkt i en
   komponent — ändra token här.
   ========================================================================== */

:root {
  /* --- Färg: grön skala (varumärket) --------------------------------- */
  --mis-forest:        #0C2F24;  /* sidhuvud, sidfot, mörka band          */
  --mis-forest-line:   #1C4536;  /* linjer inuti mörka ytor               */
  --mis-forest-border: #2C5A48;  /* kantlinje på mörk yta                 */
  --mis-green:         #14614A;  /* PRIMÄR — knappar, länkar, ikoner      */
  --mis-green-deep:    #0C4A36;  /* text på ljusgrön yta (AA mot #E6F0EA) */
  --mis-green-mid:     #2A5744;  /* sekundär mörkgrön yta                 */
  --mis-green-tint:    #E6F0EA;  /* märken, aktiva rader, ikonrutor       */
  --mis-green-soft:    #ECF4EF;  /* "föreslaget värde"-yta                */
  --mis-green-dim:     #A9C4B5;  /* dämpad text på mörkgrön yta           */
  --mis-green-faint:   #7EA091;  /* finstilt på mörkgrön yta              */
  --mis-green-pale:    #C3D6CC;  /* brödtext på mörkgrön yta              */

  /* --- Färg: sand (sidans grund) ------------------------------------- */
  --mis-sand:          #FAF6EF;  /* sidbakgrund                           */
  --mis-sand-2:        #F3ECE0;  /* hjältesektion, inramade block         */
  --mis-sand-3:        #F5F1E8;  /* panelernas bakgrund                   */
  --mis-surface:       #FFFFFF;  /* kort, fält                            */
  --mis-line:          #E4DACA;  /* standardkantlinje                     */
  --mis-line-soft:     #F0E8DA;  /* inre avdelare i kort                  */
  --mis-line-faint:    #F5EEE2;  /* radavdelare i tabeller                */
  --mis-input-border:  #D8CDBA;  /* kantlinje på formulärfält             */

  /* --- Färg: mässing (det redaktionella) ------------------------------ */
  --mis-brass:         #8A5F22;  /* etiketter, guider — AA på ljus yta    */
  --mis-brass-light:   #E4C88A;  /* accent PÅ mörkgrön yta                */
  --mis-brass-tint:    #F7EEDF;  /* källmarkering, varningston            */
  --mis-brass-text:    #7A5319;  /* text på --mis-brass-tint              */
  --mis-brass-dark:    #6B4A1C;  /* text på --mis-brass-light             */

  /* --- Färg: text ----------------------------------------------------- */
  --mis-ink:           #14261E;  /* brödtext, rubriker                    */
  --mis-ink-2:         #46564D;  /* längre brödtext, ingresser            */
  --mis-muted:         #5A6A61;  /* meta, hjälptext — 5,0:1 mot sand      */
  --mis-muted-2:       #8B8377;  /* platshållare, tidsstämplar            */
  --mis-disabled:      #A79E90;  /* inaktiv text                          */

  /* --- Färg: status --------------------------------------------------- */
  --mis-error:         #9E3B28;  /* stängt, fel, destruktivt              */
  --mis-error-deep:    #7E2E1F;  /* text på --mis-error-tint              */
  --mis-error-tint:    #FBEFEC;
  --mis-error-border:  #E8C6BD;
  --mis-warn:          #B7791F;  /* "kolla närmare" — punkt och kantlinje  */
  --mis-warn-deep:     #6E4A0E;  /* text på --mis-warn-tint (7:1)         */
  --mis-warn-tint:     #FCF3DE;
  --mis-warn-border:   #EBD7A8;

  /* --- Typografi ------------------------------------------------------ */
  --mis-font-display: Fraunces, Georgia, "Times New Roman", serif;
  --mis-font-body:    "Instrument Sans", system-ui, -apple-system, sans-serif;
  --mis-font-arabic:  "Noto Naskh Arabic", var(--mis-font-body);

  --mis-h1:      3.5rem;   /* 56px · 1.04 · 600 · -0.02em                 */
  --mis-h1-m:    2rem;     /* 32px mobil                                  */
  --mis-h2:      2.25rem;  /* 36px · 1.12 · 600                           */
  --mis-h2-m:    1.5rem;   /* 24px mobil                                  */
  --mis-h3:      1.5rem;   /* 24px · 1.2 · 600                            */
  --mis-lead:    1.1875rem;/* 19px · 500 · kursiv för citat               */
  --mis-body-l:  1.125rem; /* 18px · 1.6                                  */
  --mis-body:    0.9375rem;/* 15px · 1.6                                  */
  --mis-meta:    0.8125rem;/* 13px · 1.5 · --mis-muted                    */
  --mis-label:   0.6875rem;/* 11px · 700 · 0.14em versaler · --mis-brass  */

  /* --- Avstånd (4px-bas) ---------------------------------------------- */
  --mis-1: 4px;   --mis-2: 8px;   --mis-3: 12px;  --mis-4: 16px;
  --mis-5: 24px;  --mis-6: 32px;  --mis-7: 48px;  --mis-8: 64px;  --mis-9: 96px;

  /* --- Radie ----------------------------------------------------------- */
  --mis-r-control: 10px;  /* knappar, fält                                */
  --mis-r-card:    14px;  /* kort                                         */
  --mis-r-panel:   16px;  /* stora block                                  */
  --mis-r-sheet:   22px;  /* bottenpanel på mobil (endast toppen)         */
  --mis-r-pill:    999px;

  /* --- Skugga ---------------------------------------------------------- */
  --mis-shadow-1: 0 1px 2px rgba(20, 38, 30, 0.06);
  --mis-shadow-2: 0 6px 20px rgba(20, 38, 30, 0.10);
  --mis-shadow-3: 0 10px 30px rgba(20, 38, 30, 0.22);   /* popup, sheet   */

  /* --- Layout ----------------------------------------------------------- */
  --mis-max:        1280px; /* innehållsbredd                              */
  --mis-gutter:     80px;   /* sidmarginal desktop                         */
  --mis-gutter-m:   16px;   /* sidmarginal mobil                           */
  --mis-grid-gap:   24px;
  --mis-touch:      44px;   /* minsta träffyta — aldrig mindre             */

  /* --- Rörelse ---------------------------------------------------------- */
  --mis-ease:     cubic-bezier(0.2, 0, 0.2, 1);
  --mis-fast:     140ms;
  --mis-normal:   220ms;
  --mis-slow:     360ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* --- Fokusring: en regel för hela sajten ------------------------------- */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--mis-brass);
  outline-offset: 2px;
  border-radius: var(--mis-r-control);
}

/* --- Brytpunkter (för referens; CSS använder min-width) ----------------
   390   mobil (designbredd)
   768   surfplatta stående  — 2-kolumnsrutnät, filter blir bottenpanel
   1024  surfplatta liggande — filterspalt visas
   1280  desktop             — innehållsbredd låser
   1440  designbredd desktop
   ---------------------------------------------------------------------- */


/* ===== mis-base — /assets/css/base.css ===== */
/* ==========================================================================
   base — reset, typsnitt, typografi, fokus.
   Typsnitten ligger på vår egen server. Integritetspolicyn säger det, och
   den ska vara sann: ingen begäran får gå till fonts.gstatic.com.
   ========================================================================== */

@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;
  src:url(https://muslimsisverige.se/wp-content/themes/muslimsisverige/assets/css/../fonts/fraunces-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;
  src:url(https://muslimsisverige.se/wp-content/themes/muslimsisverige/assets/css/../fonts/fraunces-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(https://muslimsisverige.se/wp-content/themes/muslimsisverige/assets/css/../fonts/instrument-sans-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(https://muslimsisverige.se/wp-content/themes/muslimsisverige/assets/css/../fonts/instrument-sans-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--mis-sand);
  color:var(--mis-ink);
  font-family:var(--mis-font-body);
  font-size:var(--mis-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img,svg,video{max-width:100%;height:auto;display:block}

/* `body` framför varje väljare är avsiktligt.
   Snippet 9 (gamla typografin, ligger i Code Snippets) sätter
   h1–h6 till var(--mis-rubrik) i en inline-tagg som skrivs EFTER temats
   stilmallar. Lika specificitet, senare i dokumentet — den vinner.
   Temat ska äga sin egen typografi, så vi lägger oss ett steg över.
   Hittat 2026-09-19 i förhandsgranskningen. */
body h1,body h2,body h3,body h4{font-family:var(--mis-font-display);font-weight:600;color:var(--mis-ink);
  letter-spacing:-.02em;line-height:1.1;margin:0}
body h1{font-size:var(--mis-h1)}
body h2{font-size:var(--mis-h2);line-height:1.12}
body h3{font-size:var(--mis-h3);line-height:1.2}
body{font-family:var(--mis-font-body)}
p{margin:0 0 var(--mis-4)}

a{color:var(--mis-green);text-decoration:none}
a:hover{color:var(--mis-forest)}

/* En synlig fokusring är inte valfri. Katalogen används av folk som
   tabbar sig fram, och Directorists egen CSS tar bort den på flera ställen. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--mis-green);
  outline-offset:2px;
  border-radius:4px;
}

.mis-visuellt-dold{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap
}

@media (max-width:860px){
  body h1{font-size:var(--mis-h1-m)}
  body h2{font-size:var(--mis-h2-m)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}


/* ===== mis-components — /assets/css/components.css ===== */
/* ==========================================================================
   components — knapp, märke, kort, panel, piller.
   Inga inline-stilar i mallarna. Designen är specifikation, inte kod.
   ========================================================================== */

/* --------------------------------------------------------------- knappar */
.mis-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--mis-2);
  min-height:46px;padding:0 var(--mis-5);border:1px solid transparent;border-radius:10px;
  font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;text-align:center;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.mis-btn--primar{background:var(--mis-green);color:#fff}
.mis-btn--primar:hover{background:var(--mis-forest);color:#fff}
.mis-btn--linje{background:var(--mis-surface);border-color:var(--mis-green);color:var(--mis-green)}
.mis-btn--linje:hover{background:var(--mis-green-tint);color:var(--mis-green-deep)}
.mis-btn--tyst{background:var(--mis-surface);border-color:var(--mis-input-border);color:var(--mis-ink)}
.mis-btn--tyst:hover{border-color:var(--mis-green);color:var(--mis-green)}
.mis-btn--liten{min-height:38px;padding:0 var(--mis-4);font-size:13.5px}

/* ---------------------------------------------------------------- märken */
.mis-markt{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12.5px;font-weight:600;color:var(--mis-green-deep);
}
.mis-markt svg{flex:none}
.mis-etikett{
  font-size:var(--mis-label);font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mis-brass);
}
.mis-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border-radius:999px;
  background:var(--mis-green-tint);color:var(--mis-green-deep);
  font-size:12.5px;font-weight:600;
}
.mis-pill--sand{background:var(--mis-sand-2);color:var(--mis-muted)}

/* ------------------------------------------------------------ listkortet */
/*
 * ⚠️ INGEN BILDSPALT. 16 av 262 listningar har en bild (mätt 2026-09-19).
 * Ett kort byggt runt ett foto blir 94 % gråa platshållare. Kortet är
 * därför typografiskt: namnet bär det, och uppgifterna under är de vi
 * faktiskt har. Har listningen en bild visas den — som bonus, aldrig som
 * förutsättning. Beslut av Tauhid 2026-09-19.
 */
.mis-kort{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;
  background:var(--mis-surface);border:1px solid var(--mis-line);
  border-radius:14px;overflow:hidden;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.mis-kort:hover{border-color:var(--mis-green);box-shadow:0 10px 24px -18px rgba(12,47,36,.5)}
.mis-kort__kropp{padding:20px 22px;display:flex;flex-direction:column;gap:7px;min-width:0}
.mis-kort__ovan{font-size:12.5px;color:var(--mis-muted)}
.mis-kort__typ{font-weight:600;color:var(--mis-green)}
.mis-kort__titel{
  font-family:var(--mis-font-display);font-size:21px;font-weight:600;
  line-height:1.16;margin:0;color:var(--mis-ink);
}
.mis-kort a.mis-kort__lank{color:inherit}
.mis-kort__rad{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mis-kort__skilj{color:#C7BEB0}
.mis-kort__tjanster{margin:2px 0 0;font-size:14px;line-height:1.5;color:var(--mis-muted)}
.mis-kort__adress{font-size:12.5px;color:var(--mis-muted-2)}
.mis-kort__sida{
  padding:20px;display:flex;flex-direction:column;gap:9px;justify-content:center;
  border-left:1px solid var(--mis-line-soft);min-width:186px;
}
/* Bilden finns bara när den finns. */
.mis-kort--bild{grid-template-columns:190px minmax(0,1fr) auto}
.mis-kort__bild{background:var(--mis-green-tint);min-height:150px;position:relative}
.mis-kort__bild img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

@media (max-width:860px){
  .mis-kort,.mis-kort--bild{grid-template-columns:minmax(0,1fr)}
  .mis-kort__sida{border-left:0;border-top:1px solid var(--mis-line-soft);
    flex-direction:row;flex-wrap:wrap;min-width:0;padding:14px 22px 18px}
  .mis-kort__sida .mis-btn{flex:1 1 auto}
  .mis-kort__bild{min-height:128px}
}

/* --------------------------------------------------------------- paneler */
.mis-panel{
  background:var(--mis-surface);border:1px solid var(--mis-line);
  border-radius:14px;padding:var(--mis-5);
}
.mis-panel--sand{background:var(--mis-sand-3);border-color:var(--mis-line-soft)}

/* ------------------------------------------------------------ kategorier */
.mis-kat{
  display:flex;flex-direction:column;gap:6px;
  padding:20px;border:1px solid var(--mis-line);border-radius:14px;
  background:var(--mis-surface);color:inherit;
  transition:border-color .16s ease,transform .16s ease;
}
.mis-kat:hover{border-color:var(--mis-green);transform:translateY(-2px);color:inherit}
.mis-kat__ikon{width:34px;height:34px;color:var(--mis-green);margin-bottom:var(--mis-2)}
.mis-kat__namn{font-family:var(--mis-font-display);font-size:19px;font-weight:600;line-height:1.2}
.mis-kat__antal{font-size:13px;color:var(--mis-muted)}

/* --------------------------------------------------------------- ortlänk */
.mis-ort{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:11px 14px;border:1px solid var(--mis-line);border-radius:10px;
  background:var(--mis-surface);color:inherit;font-size:14.5px;
}
.mis-ort:hover{border-color:var(--mis-green);color:var(--mis-green)}
.mis-ort__antal{font-size:12.5px;color:var(--mis-muted-2);font-variant-numeric:tabular-nums}

/* ------------------------------------------------------------ tomt läge */
.mis-tomt{
  padding:var(--mis-6);border:1px dashed var(--mis-input-border);border-radius:14px;
  background:var(--mis-sand-3);text-align:center;color:var(--mis-muted);
}


/* ===== mis-layout — /assets/css/layout.css ===== */
/* ==========================================================================
   layout — rutnät, sidhuvud, sidfot, sektioner.
   ========================================================================== */

.mis-wrap{max-width:1344px;margin:0 auto;padding:0 var(--mis-5)}
@media (max-width:640px){.mis-wrap{padding:0 var(--mis-4)}}

.mis-sektion{padding:var(--mis-8) 0}
.mis-sektion--tat{padding:var(--mis-7) 0}
.mis-sektion__huvud{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:var(--mis-5);margin-bottom:var(--mis-5);flex-wrap:wrap;
}
.mis-sektion__text{margin:8px 0 0;color:var(--mis-ink-2);font-size:var(--mis-body-l);max-width:62ch}

.mis-rutnat{display:grid;gap:var(--mis-4)}
.mis-rutnat--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mis-rutnat--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mis-rutnat--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mis-rutnat--orter{grid-template-columns:repeat(auto-fill,minmax(184px,1fr))}
.mis-stack{display:grid;gap:var(--mis-3)}
@media (max-width:1024px){
  .mis-rutnat--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mis-rutnat--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .mis-rutnat--4,.mis-rutnat--3,.mis-rutnat--2{grid-template-columns:minmax(0,1fr)}
}

/* ---------------------------------------------------------------- hjälte */
.mis-hjalte{background:var(--mis-sand-2);border-bottom:1px solid var(--mis-line);padding:var(--mis-8) 0 var(--mis-7)}
.mis-hjalte__titel{max-width:19ch}
.mis-hjalte__text{margin:var(--mis-4) 0 0;font-size:var(--mis-body-l);color:var(--mis-ink-2);max-width:58ch}
.mis-hjalte__sok{margin-top:var(--mis-6)}

/* -------------------------------------------------------------- sidmall */
.mis-sida{padding:var(--mis-7) 0}
.mis-sida__innehall{max-width:72ch}
.mis-sida__innehall h2{margin:var(--mis-7) 0 var(--mis-3)}
.mis-sida__innehall h3{margin:var(--mis-6) 0 var(--mis-2)}
.mis-sida__innehall ul,.mis-sida__innehall ol{padding-left:22px}
.mis-sida__innehall li{margin:8px 0}

/* --------------------------------------------------------------- sidfot */
.mis-fot{background:var(--mis-forest);color:var(--mis-green-pale);padding:var(--mis-8) 0 var(--mis-6);margin-top:var(--mis-9)}
.mis-fot a{color:var(--mis-green-pale)}
.mis-fot a:hover{color:#fff}
.mis-fot__rutnat{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--mis-6)}
.mis-fot__rubrik{font-family:var(--mis-font-display);font-size:15px;font-weight:600;color:#fff;margin:0 0 var(--mis-3)}
.mis-fot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.mis-fot__text{font-size:14px;line-height:1.6;color:var(--mis-green-dim);max-width:42ch}
.mis-fot__botten{
  margin-top:var(--mis-7);padding-top:var(--mis-4);border-top:1px solid var(--mis-forest-line);
  display:flex;gap:var(--mis-4);justify-content:space-between;flex-wrap:wrap;
  font-size:13px;color:var(--mis-green-faint);
}
@media (max-width:860px){.mis-fot__rutnat{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mis-5)}}
@media (max-width:480px){.mis-fot__rutnat{grid-template-columns:minmax(0,1fr)}}

/* ------------------------------------------------------ listningssidan ---
   Samma proportioner som snippet #22 gav Directorists egna wrappers, men på
   temats egen markup. Snippeten stylade .directorist-single-listing-* och
   kunde inte återanvändas rakt av: mallen renderar .mis-listning__grid.
   Sidopanelen är 300–340 px och klistrad under sidhuvudet; under 1024 px
   lägger den sig sist i stället, för en 300 px-spalt bredvid brödtext blir
   för trång att läsa. */
.mis-listning{padding:var(--mis-6) 0 var(--mis-8)}
.mis-listning__titel{margin:0 0 var(--mis-3)}
.mis-listning__bild{margin:0 0 var(--mis-4);border-radius:var(--mis-r-card,12px);overflow:hidden;background:var(--mis-sand-2);border:1px solid var(--mis-line)}
.mis-listning__bild img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}

.mis-brodsmulor{font-size:13px;color:var(--mis-muted);margin-bottom:var(--mis-4)}
.mis-brodsmulor a{color:inherit}
.mis-brodsmulor a:hover{color:var(--mis-green)}

.mis-listning__grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(300px,340px);
	gap:0 38px;
	align-items:start;
	margin-top:var(--mis-6)}
.mis-listning__innehall{min-width:0;display:grid;gap:var(--mis-5)}
.mis-listning__grid .mis-sidopanel{position:sticky;top:88px}

.mis-om__text > *:first-child{margin-top:0}
.mis-om__text > *:last-child{margin-bottom:0}

@media (max-width:1024px){
	.mis-listning__grid{grid-template-columns:minmax(0,1fr)}
	.mis-listning__grid .mis-sidopanel{position:static;margin-top:var(--mis-5)}
}

/* --- två fel som bara syns på riktig sida, hittade 2026-09-19 i webbläsaren ---

   1. `.mis-knapp` betyder TVÅ olika saker. Snippet #22 använder namnet till
      listningens handlingsknapp (inline-flex, ikon + text i rad), snippet #14
      till en CTA-knapp på Om oss (inline-block). Så länge #14 är oabsorberad
      skriver den sin variant som <style> i wp_head, alltså EFTER temats
      filer, och vinner på källordning. Följden på mobil: ikonen centrerades
      och etiketten föll utanför knappen.

      Löst med specificitet, inte !important — handlingsraden är den enda
      platsen där listningens variant gäller, och `.mis-handlingar .mis-knapp`
      (0,2,0) vinner över `.mis-knapp` (0,1,0) oavsett ordning.

   2. Panelerna var 365 px breda i ett 343 px brett spår. Ett rutnätsobjekts
      automatiska minsta storlek är dess min-content-bredd, inte noll, så ett
      långt obrytbart innehåll trycker ut spåret. `min-width:0` på behållaren
      räcker inte — det måste sitta på objekten. Gav 6 px vågrät scroll. */
.mis-handlingar .mis-knapp{
	display:inline-flex;align-items:center;gap:7px;
	height:40px;padding:0 15px;width:auto}
.mis-handlingar .mis-knapp span{display:inline}

.mis-listning__innehall > *,
.mis-listning__grid > *{min-width:0}
.mis-om__text{overflow-wrap:anywhere}


/* ------------------------------------------------- nyttorad + hjältesektion ---
   Tillagt 2026-09-20 efter jämförelse mot designen. Fyra saker skilde:
   bakgrundsmönstret, nyttoraden, hjältens tvåspaltighet och böntiderna. */

/* Mönstret är designens <pattern id="heroStar">: åttauddig stjärna plus
   roterad kvadrat, 64 px, samma gröna streck på 13 % opacitet. Inbakad som
   data-URI — en bakgrundsbild till, men noll extra anrop. */
.mis-hjalte{
	background-color:var(--mis-sand,#FAF6EF);
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2314614A%22%20stroke-width%3D%221%22%20opacity%3D%220.13%22%3E%3Cpath%20d%3D%22M32%206%20L42%2022%20L58%2032%20L42%2042%20L32%2058%20L22%2042%20L6%2032%20L22%2022%20Z%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2232%22%20height%3D%2232%22%20transform%3D%22rotate%2845%2032%2032%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-repeat:repeat;
	background-position:center top}

.mis-hjalte__rutnat{
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(320px,380px);
	gap:var(--mis-7);
	align-items:start}
.mis-hjalte__vanster{min-width:0}

@media (max-width:1024px){
	.mis-hjalte__rutnat{grid-template-columns:minmax(0,1fr)}
}

/* ------------------------------------------------------------ böntider ---
   Mörk panel, som designen. Nästa bön lyfts fram; resten är en lista man
   kan skumma. Tiderna är beräknade — källraden längst ner tas aldrig bort. */
.mis-bontider{
	background:var(--mis-forest);color:#DCE8E1;
	border-radius:var(--mis-r-panel,16px);padding:var(--mis-5);
	display:grid;gap:var(--mis-4);min-width:0}
.mis-bontider__topp{display:flex;align-items:baseline;justify-content:space-between;gap:var(--mis-3)}
.mis-bontider__etikett{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.14em;
	text-transform:uppercase;color:#A9C4B5}
.mis-bontider__ort{margin:0;font-size:12.5px;color:#A9C4B5}

.mis-bontider__nasta{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
	border-radius:12px;padding:var(--mis-4)}
.mis-bontider__nasta-namn{margin:0 0 2px;font-size:12.5px;color:#A9C4B5}
.mis-bontider__nasta-tid{margin:0;display:flex;align-items:baseline;gap:var(--mis-3);flex-wrap:wrap}
.mis-bontider__nasta-tid time{font-family:var(--mis-font-display);font-size:34px;
	line-height:1.05;color:var(--mis-surface);font-variant-numeric:tabular-nums}
.mis-bontider__kvar{font-size:12.5px;color:#A9C4B5}

.mis-bontider__lista{margin:0;display:grid;gap:1px}
.mis-bontider__rad{display:flex;align-items:baseline;justify-content:space-between;
	gap:var(--mis-3);padding:7px 10px;border-radius:8px}
.mis-bontider__rad dt{margin:0;font-size:14px}
.mis-bontider__rad dd{margin:0;font-size:14px;font-variant-numeric:tabular-nums}
.mis-bontider__rad.ar-nasta{background:rgba(228,200,138,.16);color:#F0DCA8}
.mis-bontider__rad.ar-nasta dd{font-weight:600}

.mis-bontider__knapp{display:flex;align-items:center;justify-content:center;gap:8px;
	background:var(--mis-brass-light);color:var(--mis-forest);
	padding:11px var(--mis-4);border-radius:10px;text-decoration:none;
	font-weight:600;font-size:14.5px}
.mis-bontider__knapp:hover{background:#F0DCA8;color:var(--mis-forest)}

.mis-bontider__kalla{margin:0;font-size:11.5px;line-height:1.5;color:#8FA99B}

/* Söket ligger under hjältens rutnät, i full bredd — se front-page.php för
   varför det inte sitter i vänsterspalten som designen visar. */
.mis-hjalte__sok{margin-top:var(--mis-6)}
/* Directorists rubrik "Sök här" behålls. Den var redundant när söket låg
   i hjälten — nu när det är en egen sektion är den sektionens rubrik. */


/* ---------------------------------------------------------- katalogsidan ---
   Rutnät med filterspalt, som designen. Tillagt 2026-09-20 — mallen hade
   dittills bara rubrik, räknare och en enspaltig hög, och hela huvudmenyn
   gick dit. */
.mis-katalog{padding:var(--mis-6) 0 var(--mis-8)}
.mis-katalog__titel{margin:0 0 var(--mis-3)}
.mis-katalog__ingress{margin:0 0 var(--mis-6);max-width:70ch;color:var(--mis-muted)}

.mis-katalog__rutnat{
	display:grid;grid-template-columns:minmax(220px,264px) minmax(0,1fr);
	gap:var(--mis-6);align-items:start}
.mis-katalog__rutnat > *{min-width:0}
/* Utan filterspalt (restauranger, butiker): träffarna tar hela bredden. Förut hamnade de i filterspaltens 264 px. */
.mis-katalog__rutnat--utan-filter{grid-template-columns:minmax(0,1fr)}

/* --- filterspalten --- */
.mis-filter{position:sticky;top:88px;background:var(--mis-surface);
	border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:var(--mis-5)}
.mis-filter__topp{display:flex;align-items:baseline;justify-content:space-between;gap:var(--mis-3)}
.mis-filter__topp h2{margin:0;font-size:12px;font-weight:700;letter-spacing:.13em;
	text-transform:uppercase;color:var(--mis-green-deep)}
.mis-filter__rensa{font-size:13px;color:var(--mis-muted)}
.mis-filter__notis{margin:var(--mis-3) 0 var(--mis-4);font-size:12px;line-height:1.5;color:var(--mis-muted)}
.mis-filter__lista{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mis-filter__val{display:flex;align-items:center;justify-content:space-between;gap:var(--mis-3);
	padding:7px 9px;border-radius:8px;text-decoration:none;color:var(--mis-ink);font-size:14px}
.mis-filter__val:hover{background:var(--mis-green-tint)}
.mis-filter__val.ar-vald{background:var(--mis-green);color:#fff}
.mis-filter__antal{font-size:12.5px;color:var(--mis-muted);font-variant-numeric:tabular-nums}
.mis-filter__val.ar-vald .mis-filter__antal{color:rgba(255,255,255,.82)}

/* --- verktygsfältet --- */
.mis-verktygsfalt{display:flex;align-items:center;gap:var(--mis-4);flex-wrap:wrap;
	padding-bottom:var(--mis-4);margin-bottom:var(--mis-4);border-bottom:1px solid var(--mis-line)}
.mis-verktygsfalt__antal{margin:0;font-weight:600;color:var(--mis-ink)}
.mis-aktiva{list-style:none;margin:0;padding:0;display:flex;gap:var(--mis-2);flex-wrap:wrap}
.mis-aktiva a{display:inline-flex;align-items:center;gap:6px;background:var(--mis-green-tint);
	color:var(--mis-green-deep);border-radius:999px;padding:4px 11px;font-size:13px;text-decoration:none}
.mis-aktiva a:hover{background:var(--mis-green);color:#fff}

/* --- kortrutnätet --- */
.mis-katalog__kort{display:grid;gap:var(--mis-4);
	grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}
/* Kortet är byggt för listvy: bild | kropp | knappar i EN rad. I rutnätet
   ska samma kort staplas i stället. `flex-direction` bet inte — .mis-kort är
   ett grid, inte en flexbox, och kolumnregeln måste skrivas om. Utan det blev
   det ett trekolumnersgrid på 323 px och texten låg över knapparna. */
.mis-katalog__kort .mis-kort,
.mis-katalog__kort .mis-kort--bild{
	grid-template-columns:minmax(0,1fr);
	grid-template-rows:auto 1fr auto;
	height:100%}
.mis-katalog__kort .mis-kort__bild{width:100%;height:132px;min-height:0}
.mis-katalog__kort .mis-kort__kropp{padding:16px 18px}
/* Knappspalten blir en rad under kortet — kanten ska då ligga uppåt. */
.mis-katalog__kort .mis-kort__sida{
	border-left:0;border-top:1px solid var(--mis-line);
	flex-direction:row;align-items:center;gap:8px;padding:12px 18px}
.mis-katalog__kort .mis-kort__sida > *{flex:1 1 auto}

/* Ingen bild? Då katalogens eget mönster — inte en grå ruta som ser ut som
   ett foto som inte laddade. 16 av 261 har foto; resten får den här. */
.mis-kort__bild--monster{
	background-color:var(--mis-green-tint);
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2314614A%22%20stroke-width%3D%221.4%22%20opacity%3D%220.18%22%3E%3Cpath%20d%3D%22M32%206%20L42%2022%20L58%2032%20L42%2042%20L32%2058%20L22%2042%20L6%2032%20L22%2022%20Z%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2232%22%20height%3D%2232%22%20transform%3D%22rotate%2845%2032%2032%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-repeat:repeat;background-position:center}

.mis-paginering{margin-top:var(--mis-6)}
.mis-paginering .nav-links{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mis-paginering .page-numbers{display:inline-flex;align-items:center;justify-content:center;
	min-width:38px;height:38px;padding:0 10px;border:1px solid var(--mis-line);
	border-radius:9px;text-decoration:none;color:var(--mis-ink);font-size:14px}
.mis-paginering .page-numbers:hover{border-color:var(--mis-green);color:var(--mis-green)}
.mis-paginering .page-numbers.current{background:var(--mis-green);border-color:var(--mis-green);color:#fff}

.mis-tomt__rubrik{margin:0 0 6px;font-weight:600;color:var(--mis-ink)}

@media (max-width:900px){
	.mis-katalog__rutnat{grid-template-columns:minmax(0,1fr)}
	.mis-filter{position:static}
}

/* ------------------------------------------------ tjänster ur registret ---
   Kolumnerna är registrets undergrupper. Kryssen är fält med värdet ja —
   aldrig fält vi bara saknar svar på. */
.mis-tjanster__rutnat{display:grid;gap:var(--mis-5);
	grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:var(--mis-4)}
.mis-tjanster__kolumn h3,.mis-tjanster__chips h3{
	margin:0 0 var(--mis-3);font-size:11.5px;font-weight:700;letter-spacing:.13em;
	text-transform:uppercase;color:var(--mis-muted)}
.mis-tjanster__kolumn ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mis-tjanster__kolumn li{position:relative;padding-left:22px;font-size:14.5px}
.mis-tjanster__kolumn li::before{content:"";position:absolute;left:2px;top:6px;
	width:11px;height:6px;border-left:2px solid var(--mis-green);
	border-bottom:2px solid var(--mis-green);transform:rotate(-45deg)}
.mis-tjanster__chips{margin-top:var(--mis-5)}
.mis-tjanster__chips ul{list-style:none;margin:0;padding:0;display:flex;gap:7px;flex-wrap:wrap}
.mis-tjanster__chips li{background:var(--mis-green-tint);color:var(--mis-green-deep);
	border-radius:999px;padding:4px 12px;font-size:13px}
.mis-tjanster__nej{margin:var(--mis-4) 0 0;font-size:13.5px;color:var(--mis-muted)}
.mis-tjanster__kalla{margin:var(--mis-4) 0 0;font-size:12.5px;color:var(--mis-muted);
	padding-top:var(--mis-3);border-top:1px solid var(--mis-line)}
.mis-tjanster__tomt{margin:0 0 var(--mis-4);color:var(--mis-muted)}

/* ------------------------------------------------ publikt anmälningsformulär */
.mis-form{max-width:620px;display:grid;gap:var(--mis-4)}
.mis-form__rad{display:grid;gap:5px}
.mis-form__rad label{font-weight:600;font-size:14.5px}
.mis-form__rad input,.mis-form__rad select,.mis-form__rad textarea{
	width:100%;padding:10px 12px;border:1px solid var(--mis-line);border-radius:9px;
	background:var(--mis-surface);color:var(--mis-ink);font:inherit;font-size:15px}
.mis-form__rad input:focus,.mis-form__rad select:focus,.mis-form__rad textarea:focus{
	outline:2px solid var(--mis-green);outline-offset:1px;border-color:var(--mis-green)}
.mis-form__hjalp{margin:2px 0 0;font-size:12.5px;color:var(--mis-muted)}
.mis-form__villkor{margin:0;font-size:13px;color:var(--mis-muted)}
.mis-form button{justify-self:start}

/* Felrutan ska synas utan att skrika. Röd ram, inte röd yta. */
.mis-form__fel{border:1px solid #9B3E36;border-left-width:4px;border-radius:9px;
	padding:var(--mis-4);background:#FDF5F4}
.mis-form__fel p{margin:0 0 6px}
.mis-form__fel ul{margin:0;padding-left:18px}
.mis-form__fel li{font-size:14.5px}

.mis-form__klart{border:1px solid var(--mis-green);border-radius:var(--mis-r-panel);
	padding:var(--mis-6);background:var(--mis-green-tint)}
.mis-form__klart h2{margin:0 0 8px;color:var(--mis-green-deep)}
.mis-form__klart p{margin:0}


/* ------------------------------------------- mönstren på mörka ytor ---
   Tillagt 2026-09-20 efter Tauhids genomgång. Designen har 24 mönster; jag
   hade byggt ett. De här två är de som syns mest:

   ftStar   62 px, guld #E4C88A på 15 %, stjärna + roterad kvadrat — foten
   prayStar 50 px, guld på 22 %, BARA stjärnan utan kvadrat — böntidspanelen

   Att de skiljer sig är inte slarv i designen: foten är en stor yta som tål
   mer mönster, panelen är liten och skulle bli stökig med två former. Därför
   kopieras de var för sig i stället för att återanvända hjältens.
*/
.mis-fot{
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E4C88A%22%20stroke-width%3D%221%22%20opacity%3D%220.15%22%3E%3Cpath%20d%3D%22M31%205%20L40%2021%20L57%2031%20L40%2041%20L31%2057%20L22%2041%20L5%2031%20L22%2021%20Z%22%2F%3E%3Crect%20x%3D%2215.5%22%20y%3D%2215.5%22%20width%3D%2231%22%20height%3D%2231%22%20transform%3D%22rotate%2845%2031%2031%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-repeat:repeat;background-position:center top}

.mis-bontider{
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E4C88A%22%20stroke-width%3D%221%22%20opacity%3D%220.22%22%3E%3Cpath%20d%3D%22M25%204%20L33%2017%20L46%2025%20L33%2033%20L25%2046%20L17%2033%20L4%2025%20L17%2017%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-repeat:repeat;background-position:center top}
/* Panelens egna block ska ligga ÖVER mönstret, inte tvättas bort av det. */
.mis-bontider__nasta,.mis-bontider__rad.ar-nasta,.mis-bontider__knapp{position:relative}

/* ----------------------------------------------------- förtroendesektionen */
.mis-fortroende__etikett{margin:0 0 6px;font-size:11.5px;font-weight:700;
	letter-spacing:.14em;text-transform:uppercase;color:var(--mis-green)}
.mis-fortroende__ingress{max-width:62ch;color:var(--mis-muted);margin:0 0 var(--mis-6)}
.mis-fortroende__steg{display:grid;gap:var(--mis-5);
	grid-template-columns:repeat(auto-fit,minmax(248px,1fr))}
.mis-fortroende__steg article{background:var(--mis-surface);border:1px solid var(--mis-line);
	border-radius:var(--mis-r-panel);padding:var(--mis-5);display:grid;gap:8px;align-content:start}
.mis-fortroende__steg h3{margin:0;font-size:15.5px;color:var(--mis-green-deep)}
.mis-fortroende__steg p{margin:0;font-size:14.5px;line-height:1.55}
/* Siffran är inte dekoration: den säger hur långt katalogen faktiskt kommit.
   Därför står den kvar även när den är låg. */
.mis-fortroende__siffra{font-weight:600;color:var(--mis-ink)}
.mis-fortroende__steg a{font-size:14.5px;color:var(--mis-green);text-decoration:none}
.mis-fortroende__steg a:hover{text-decoration:underline}

/* --------------------------------------------------------------- sökraden ---
   Designens tvåfältsrad. Ett vitt kort med två fält och en rund knapp, inte
   tre staplade inputs — raden ska läsas som en enda fråga: vad, och var. */
.mis-sokrad{display:flex;align-items:stretch;gap:0;background:var(--mis-surface);
	border:1px solid var(--mis-line);border-radius:14px;overflow:hidden;
	box-shadow:0 4px 20px -12px rgba(11,61,38,.22);margin-top:var(--mis-6);max-width:760px}
.mis-sokrad__falt{flex:1 1 0;min-width:0;display:grid;gap:1px;padding:10px 16px}
.mis-sokrad__falt + .mis-sokrad__falt{border-left:1px solid var(--mis-line)}
.mis-sokrad__falt label{font-size:11px;font-weight:700;letter-spacing:.1em;
	text-transform:uppercase;color:var(--mis-muted)}
.mis-sokrad__falt input{border:0;padding:0;background:transparent;font:inherit;
	font-size:15px;color:var(--mis-ink);width:100%;min-width:0}
.mis-sokrad__falt input:focus{outline:none}
.mis-sokrad__falt:focus-within{background:var(--mis-green-tint)}
.mis-sokrad__falt input::placeholder{color:var(--mis-muted-2,#93A099)}

.mis-sokrad__knapp{display:inline-flex;align-items:center;gap:8px;flex:none;
	border:0;padding:0 24px;background:var(--mis-green);color:#fff;
	font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.mis-sokrad__knapp:hover{background:var(--mis-green-deep)}

.mis-sokrad__forslag{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
	margin:var(--mis-4) 0 0;font-size:13.5px;color:var(--mis-muted)}
.mis-sokrad__forslag a{background:var(--mis-surface);border:1px solid var(--mis-line);
	border-radius:999px;padding:5px 13px;text-decoration:none;color:var(--mis-ink)}
.mis-sokrad__forslag a:hover{border-color:var(--mis-green);color:var(--mis-green)}

@media (max-width:640px){
	/* På telefon blir tre kolumner i rad för trångt — fälten staplas och
	   knappen tar full bredd, men kortet hålls ihop. */
	.mis-sokrad{flex-direction:column}
	.mis-sokrad__falt + .mis-sokrad__falt{border-left:0;border-top:1px solid var(--mis-line)}
	.mis-sokrad__knapp{padding:13px;justify-content:center}
}

/* ==========================================================================
   Ägarsidorna — /sign-in/ och /dashboard/
   Byggda 2026-09-20 när mätningen på kopian visade att båda skriver ut sin
   Directorist-kortkod som synlig text utan pluginet. Se inc/agarsidor.php.
   ========================================================================== */
.mis-agarsida__smal{max-width:520px}
.mis-agarsida .mis-ingress{color:var(--mis-ink-2);margin:0 0 var(--mis-6)}

.mis-agarsida__topp{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:var(--mis-4);flex-wrap:wrap;margin-bottom:var(--mis-6)}
.mis-agarsida__topp h1{margin:0}
.mis-agarsida__hej{margin:4px 0 0;font-size:14px;color:var(--mis-muted)}

/* Kärnans inloggningsformulär bär sina egna klasser — vi möter dem här i
   stället för att bygga om markupen, eftersom wp_login_form() äger den. */
#mis-inlogg{display:grid;gap:var(--mis-4);max-width:520px}
#mis-inlogg p{margin:0;display:grid;gap:5px}
#mis-inlogg label{font-weight:600;font-size:14.5px}
#mis-inlogg input[type=text],#mis-inlogg input[type=password]{
  padding:11px 12px;border:1px solid var(--mis-input-border);border-radius:10px;
  background:var(--mis-surface);font:inherit;color:var(--mis-ink);width:100%}
#mis-inlogg input:focus{outline:2px solid var(--mis-green);outline-offset:1px}
#mis-inlogg .login-remember{display:flex;align-items:center;gap:8px}
#mis-inlogg .login-remember label{font-weight:400;font-size:14px;color:var(--mis-ink-2)}
#mis-inlogg .login-remember input{width:auto;margin:0}
#mis-inlogg .login-submit{justify-items:start}
#mis-inlogg input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:0 var(--mis-5);border:1px solid transparent;border-radius:999px;
  background:var(--mis-green);color:#fff;font:inherit;font-weight:700;cursor:pointer}
#mis-inlogg input[type=submit]:hover{background:var(--mis-forest)}

.mis-agarsida__glomt{margin:var(--mis-4) 0 0;display:grid;gap:3px}
.mis-agarsida__glomt-hjalp{font-size:12.5px;color:var(--mis-muted)}

.mis-agarsida__fot{
  margin-top:var(--mis-8);padding-top:var(--mis-6);
  border-top:1px solid var(--mis-line)}
.mis-agarsida__fot h2{margin:0 0 6px;font-size:18px}
.mis-agarsida__fot p{margin:0 0 var(--mis-4);color:var(--mis-ink-2)}
.mis-agarsida__fot p:last-child{margin-bottom:0;display:flex;gap:10px;flex-wrap:wrap}

.mis-agarsida__tom{
  padding:var(--mis-6);border:1px dashed var(--mis-input-border);
  border-radius:var(--mis-r-panel);background:var(--mis-sand-3)}
.mis-agarsida__tom h2{margin:0 0 6px;font-size:19px}
.mis-agarsida__tom p{margin:0 0 var(--mis-4);color:var(--mis-ink-2)}
.mis-agarsida__tom p:last-child{margin-bottom:0;display:flex;gap:10px;flex-wrap:wrap}

.mis-agarlista{list-style:none;margin:0;padding:0;display:grid;gap:var(--mis-4)}
.mis-agarlista__rad{
  background:var(--mis-surface);border:1px solid var(--mis-line);
  border-radius:var(--mis-r-panel);padding:var(--mis-5)}
.mis-agarlista__huvud{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:var(--mis-4);flex-wrap:wrap}
.mis-agarlista__namn{margin:0;font-size:19px}
.mis-agarlista__meta{
  margin:6px 0 0;font-size:13px;color:var(--mis-muted);
  display:flex;gap:14px;flex-wrap:wrap}
.mis-agarlista__knappar{margin:var(--mis-4) 0 0;display:flex;gap:10px;flex-wrap:wrap}

.mis-status{
  font-size:12px;font-weight:700;letter-spacing:.04em;padding:3px 10px;
  border-radius:999px;white-space:nowrap}
.mis-status--publish{background:var(--mis-green-tint);color:var(--mis-green-deep)}
.mis-status--pending{background:var(--mis-brass-tint);color:var(--mis-brass-text)}
.mis-status--draft,.mis-status--private,.mis-status--future{
  background:var(--mis-sand-2);color:var(--mis-muted)}

.mis-notis{margin:var(--mis-4) 0 0;padding:10px 12px;border-radius:10px;font-size:14px}
.mis-notis--vanta{background:var(--mis-brass-tint);color:var(--mis-brass-text)}
.mis-notis--klar{background:var(--mis-green-tint);color:var(--mis-green-deep)}

/* ==========================================================================
   STARTSIDAN mot designen (Main.html) — 2026-09-26, granskning HOME-06/05/08/10
   Rytmen: mörka och ljusa kapitel i stället för samma vita kort hela vägen.
   ========================================================================== */
.mis-overrad{margin:0 0 var(--mis-2);font-size:var(--mis-label);font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--mis-brass)}
.mis-pillank{font-size:14.5px;font-weight:600;color:var(--mis-green);text-decoration:none;white-space:nowrap}
.mis-pillank:hover{text-decoration:underline}

/* --- kakelraden ------------------------------------------------------ */
.mis-kakel{padding-bottom:var(--mis-2)}
.mis-kakel .mis-sektion__huvud{align-items:flex-end}
.mis-kakel h2,.mis-redaktion ~ h2{font-family:var(--mis-font-display);font-size:34px;letter-spacing:-.015em;margin:0}
.mis-kakel__styr{display:flex;align-items:center;gap:var(--mis-3)}
.mis-rund{width:42px;height:42px;border-radius:50%;border:1px solid var(--mis-input-border);background:var(--mis-surface);
  color:var(--mis-ink);font:inherit;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  transition:background var(--mis-fast) var(--mis-ease),transform var(--mis-fast) var(--mis-ease)}
.mis-rund:hover{transform:translateY(-1px)}
.mis-rund--fylld{background:var(--mis-green);border-color:var(--mis-green);color:#fff}
.mis-kakel__rad{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;
  padding:4px max(var(--mis-gutter-m),calc((100vw - var(--mis-max))/2 + var(--mis-gutter))) 10px;scroll-padding-inline:max(var(--mis-gutter-m),calc((100vw - var(--mis-max))/2 + var(--mis-gutter)))}
.mis-kakel__rad::-webkit-scrollbar{display:none}
.mis-kakel__ett{flex:0 0 292px;height:180px;scroll-snap-align:start;border-radius:var(--mis-r-card);padding:18px;
  display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;position:relative;overflow:hidden;
  background-color:var(--kakel);color:#fff;
  /* designens stjärnmönster, mässing på mörkt — samma som hjälten och foten */
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E4C88A%22%20stroke-width%3D%221%22%20opacity%3D%220.15%22%3E%3Cpath%20d%3D%22M31%205%20L40%2021%20L57%2031%20L40%2041%20L31%2057%20L22%2041%20L5%2031%20L22%2021%20Z%22%2F%3E%3Crect%20x%3D%2215.5%22%20y%3D%2215.5%22%20width%3D%2231%22%20height%3D%2231%22%20transform%3D%22rotate%2845%2031%2031%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  transition:transform var(--mis-normal) var(--mis-ease),box-shadow var(--mis-normal) var(--mis-ease)}
.mis-kakel__ett:hover{transform:translateY(-3px);box-shadow:var(--mis-shadow-2)}
.mis-kakel__ett:focus-visible{outline:2px solid var(--mis-brass);outline-offset:3px}
.mis-kakel__namn{font-family:var(--mis-font-display);font-size:21px;font-weight:600;line-height:1.2}
.mis-kakel__antal{margin-top:3px;font-size:12.5px;color:var(--mis-green-pale)}

/* --- från redaktionen: en ledare och en lista ------------------------ */
.mis-redaktion{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}
.mis-redaktion__ledare{display:flex;flex-direction:column;gap:var(--mis-2);text-decoration:none;color:var(--mis-ink)}
.mis-redaktion__bild{display:block;height:240px;border-radius:var(--mis-r-card);overflow:hidden;margin-bottom:6px;background-color:#DCE8E0;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2314614A%22%20stroke-width%3D%221%22%20opacity%3D%220.13%22%3E%3Cpath%20d%3D%22M32%206%20L42%2022%20L58%2032%20L42%2042%20L32%2058%20L22%2042%20L6%2032%20L22%2022%20Z%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2232%22%20height%3D%2232%22%20transform%3D%22rotate%2845%2032%2032%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mis-redaktion__bild img,.mis-redaktion__tumme img{width:100%;height:100%;object-fit:cover;display:block}
.mis-redaktion__meta{font-size:12px;font-weight:600;color:var(--mis-brass)}
.mis-redaktion__titel{font-family:var(--mis-font-display);font-size:28px;font-weight:600;line-height:1.16}
.mis-redaktion__ingress{font-size:15px;line-height:1.6;color:var(--mis-muted);max-width:62ch}
.mis-redaktion__ledare:hover .mis-redaktion__titel,.mis-redaktion__rad:hover .mis-redaktion__radtitel{color:var(--mis-green)}
.mis-redaktion__lista{display:flex;flex-direction:column;gap:18px}
.mis-redaktion__rad{display:flex;gap:var(--mis-4);align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--mis-line);
  text-decoration:none;color:var(--mis-ink)}
.mis-redaktion__rad:last-child{border-bottom:0}
.mis-redaktion__tumme{flex:0 0 116px;height:78px;border-radius:10px;overflow:hidden;background:var(--mis-sand-2)}
.mis-redaktion__rad .mis-redaktion__meta{display:block;font-size:11.5px;margin-bottom:5px}
.mis-redaktion__radtitel{display:block;font-family:var(--mis-font-display);font-size:17.5px;font-weight:600;line-height:1.25}

/* --- förtroende: en panel, introspalt + tre steg --------------------- */
.mis-fortroende__panel{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:18px;padding:40px 44px;
  display:grid;grid-template-columns:330px minmax(0,1fr);gap:52px;align-items:start}
.mis-fortroende__intro h2{margin:0;font-family:var(--mis-font-display);font-size:30px;line-height:1.16}
.mis-fortroende__intro .mis-fortroende__ingress{margin:var(--mis-3) 0 0;font-size:15px;line-height:1.6}
.mis-fortroende__panel .mis-fortroende__steg{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mis-fortroende__panel .mis-fortroende__steg article{background:none;border:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mis-fortroende__panel .mis-fortroende__steg h3{font-size:16.5px;color:var(--mis-ink)}
.mis-fortroende__ikon{width:42px;height:42px;border-radius:11px;background:var(--mis-green-tint);color:var(--mis-green);
  display:inline-flex;align-items:center;justify-content:center}
.mis-fortroende__ikon svg{width:20px;height:20px}

/* --- för verksamheter ------------------------------------------------ */
.mis-cta{background:var(--mis-sand-2);border:1px solid var(--mis-line);border-radius:18px;padding:44px;
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:center}
.mis-cta h2{margin:0;font-family:var(--mis-font-display);font-size:34px;line-height:1.14;max-width:620px;letter-spacing:-.01em}
.mis-cta__steg{list-style:none;margin:var(--mis-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mis-cta__steg li{display:flex;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.5;color:var(--mis-muted)}
.mis-cta__steg strong{font-size:15px;color:var(--mis-ink)}
.mis-cta__nr{font-family:var(--mis-font-display);font-size:26px;font-weight:600;color:var(--mis-green)}
.mis-cta__knappar{display:flex;flex-direction:column;gap:var(--mis-3)}
.mis-cta__knappar .mis-btn{min-height:52px;justify-content:center}
.mis-cta__knappar p{margin:0;text-align:center;font-size:13px;color:var(--mis-muted)}

/* --- mobil: rader i stället för staplar (HOME-08) -------------------- */
@media (max-width:900px){
  .mis-redaktion,.mis-fortroende__panel,.mis-cta{grid-template-columns:1fr;gap:var(--mis-6)}
  .mis-fortroende__panel,.mis-cta{padding:var(--mis-5)}
  .mis-fortroende__panel .mis-fortroende__steg,.mis-cta__steg{grid-template-columns:1fr}
}
@media (max-width:640px){
  .mis-kakel__styr .mis-rund{display:none}
  .mis-kakel__ett{flex-basis:210px;height:140px}
  .mis-kakel__namn{font-size:18px}
  .mis-kakel h2,.mis-cta h2{font-size:var(--mis-h2-m)}
  .mis-redaktion__bild{height:180px}
  .mis-redaktion__titel{font-size:22px}
}

/* --- fokus som syns på mörka band (HOME-10) -------------------------- */
.mis-nyttorad,.mis-huvud,.mis-katnav,.mis-bontider,.mis-fot{--mis-fokusfarg:var(--mis-brass-light)}
.mis-nyttorad :focus-visible,.mis-huvud :focus-visible,.mis-katnav :focus-visible,.mis-bontider :focus-visible,.mis-fot :focus-visible{
  outline:2px solid var(--mis-fokusfarg);outline-offset:2px}
.mis-visuellt-dold:focus,.mis-visuellt-dold:focus-visible{position:fixed!important;top:8px;left:8px;width:auto!important;height:auto!important;
  clip:auto!important;clip-path:none!important;padding:10px 14px;background:#fff;color:var(--mis-ink);z-index:100000;border-radius:var(--mis-r-control)}

/* --- städerna (HOME-07): designens sexkolumnsrutnät, rad på mobil ---- */
.mis-sektion__huvud h2{font-family:var(--mis-font-display);font-size:34px;letter-spacing:-.015em;margin:0}
.mis-stader{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.mis-stad{padding:18px 16px;background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:12px;
  display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--mis-ink);
  transition:border-color var(--mis-fast) var(--mis-ease),transform var(--mis-fast) var(--mis-ease)}
.mis-stad:hover{border-color:var(--mis-green);transform:translateY(-2px)}
.mis-stad__namn{font-family:var(--mis-font-display);font-size:18px;font-weight:600}
.mis-stad__antal{font-size:12.5px;color:var(--mis-muted)}
@media (max-width:1100px){.mis-stader{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){
  .mis-sektion__huvud h2{font-size:var(--mis-h2-m)}
  .mis-stader{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;
    margin:0 calc(-1 * var(--mis-gutter-m));padding:2px var(--mis-gutter-m) 8px}
  .mis-stader::-webkit-scrollbar{display:none}
  .mis-stad{flex:0 0 150px;scroll-snap-align:start}
}

/* --- hjältens räknarpiller (HOME-13) ---------------------------------- */
.mis-hjalte__piller{display:inline-flex;align-items:center;gap:8px;margin:0 0 var(--mis-4);padding:6px 14px;
  background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-pill);
  font-size:13px;font-weight:600;color:var(--mis-ink-2)}
.mis-hjalte__prick{width:8px;height:8px;border-radius:50%;background:var(--mis-green);box-shadow:0 0 0 3px var(--mis-green-tint)}

/* --- mobil: böntiderna som en rad, som MobileHome.html (HOME-08) ------ */
@media (max-width:640px){
  .mis-bontider__lista{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-4px;padding:2px 4px}
  .mis-bontider__lista::-webkit-scrollbar{display:none}
  .mis-bontider__rad{flex:0 0 auto;min-width:74px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;scroll-snap-align:start;border-radius:10px}
  .mis-bontider__rad dt{font-size:12px}
  .mis-bontider__rad dd{font-size:16px;font-weight:600}
  .mis-sektion{padding:var(--mis-7) 0}
}

/* --- listningssidorna: sortering, filtergrupper, FAQ (2026-09-26) ----- */
.mis-sortera{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:14px}
.mis-sortera label{color:var(--mis-muted)}
.mis-sortera select{min-height:40px;padding:0 10px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);background:var(--mis-surface);font:inherit}
.mis-verktygsfalt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mis-3)}
.mis-filter__grupp{margin:var(--mis-4) 0 6px;font-size:var(--mis-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mis-brass)}
.mis-faq{margin-top:var(--mis-8);max-width:820px}
.mis-faq h2{font-family:var(--mis-font-display);font-size:28px;margin:0 0 var(--mis-4)}
.mis-faq__rad{border-top:1px solid var(--mis-line);padding:14px 0}
.mis-faq__rad:last-child{border-bottom:1px solid var(--mis-line)}
.mis-faq__rad summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px;min-height:var(--mis-touch);align-items:center}
.mis-faq__rad summary::after{content:"+";font-size:22px;color:var(--mis-green)}
.mis-faq__rad[open] summary::after{content:"–"}
.mis-faq__rad p{margin:6px 0 0;color:var(--mis-ink-2);line-height:1.6}
@media (max-width:640px){.mis-sortera{margin-left:0;width:100%}}

/* --- listningssidan: karta vid klick, mer i närheten ------------------ */
.mis-karta__adress{margin:0 0 var(--mis-3);color:var(--mis-ink-2)}
.mis-karta__yta{position:relative;height:260px;border-radius:var(--mis-r-card);overflow:hidden;background-color:#DCE8E0;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2314614A%22%20stroke-width%3D%221%22%20opacity%3D%220.13%22%3E%3Cpath%20d%3D%22M32%206%20L42%2022%20L58%2032%20L42%2042%20L32%2058%20L22%2042%20L6%2032%20L22%2022%20Z%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2232%22%20height%3D%2232%22%20transform%3D%22rotate%2845%2032%2032%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mis-karta__visa{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  text-decoration:none;color:var(--mis-ink);font-weight:700}
.mis-karta__visa small{font-weight:400;font-size:12.5px;color:var(--mis-muted)}
.mis-karta__nal{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--mis-green);box-shadow:0 0 0 5px var(--mis-green-tint)}
.mis-karta__visa:hover .mis-karta__nal{transform:rotate(-45deg) translateY(-3px)}
.mis-karta__yta iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mis-karta__lankar{display:flex;gap:var(--mis-5);flex-wrap:wrap;margin:var(--mis-3) 0 0;font-weight:600}
.mis-karta__lankar a{color:var(--mis-green);text-decoration:none}
.mis-narliggande__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mis-narliggande__lista a{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--mis-line);border-radius:12px;
  text-decoration:none;color:var(--mis-ink);transition:border-color var(--mis-fast) var(--mis-ease)}
.mis-narliggande__lista a:hover{border-color:var(--mis-green)}
.mis-narliggande__namn{font-family:var(--mis-font-display);font-weight:600;font-size:16.5px}
.mis-narliggande__meta{font-size:13px;color:var(--mis-muted)}
@media (max-width:640px){.mis-narliggande__lista{grid-template-columns:1fr}.mis-karta__yta{height:220px}}

/* --- "Stämmer uppgifterna?" (BUILD-SPEC §8/§10) ----------------------- */
.mis-stammer{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--mis-3)}
.mis-stammer h2,.mis-stammer__status{flex:1 0 100%;margin:0}
.mis-stammer__status{color:var(--mis-ink-2);font-size:14.5px}
.mis-stammer__ja{margin:0}
.mis-stammer__fel{flex:1 0 100%}
.mis-stammer__fel>summary{display:inline-flex;list-style:none;cursor:pointer}
.mis-stammer__fel>summary::-webkit-details-marker{display:none}
.mis-stammer__fel[open]>summary{margin-bottom:var(--mis-4)}
.mis-stammer__form{max-width:560px}
.mis-agarsida__forslag{margin-top:var(--mis-7)}
.mis-agarsida__forslag h2{font-size:19px;margin:0 0 var(--mis-3)}
.mis-forslag__nu{color:var(--mis-muted-2);text-decoration:line-through}

/* ==========================================================================
   KONTO — Login.html: delad skärm, varumärkessida + formulärsida (2026-09-26)
   ========================================================================== */
.mis-konto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 140px)}
.mis-konto__varumarke{background-color:var(--mis-forest);color:var(--mis-green-pale);padding:var(--mis-8) var(--mis-7);display:flex;align-items:center;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E4C88A%22%20stroke-width%3D%221%22%20opacity%3D%220.15%22%3E%3Cpath%20d%3D%22M31%205%20L40%2021%20L57%2031%20L40%2041%20L31%2057%20L22%2041%20L5%2031%20L22%2021%20Z%22%2F%3E%3Crect%20x%3D%2215.5%22%20y%3D%2215.5%22%20width%3D%2231%22%20height%3D%2231%22%20transform%3D%22rotate%2845%2031%2031%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mis-konto__varumarke-inre{max-width:440px;margin-left:auto}
.mis-konto__logo{font-family:var(--mis-font-display);font-size:22px;font-weight:600;color:var(--mis-brass-light);margin:0 0 var(--mis-6)}
.mis-konto__varumarke h2{font-family:var(--mis-font-display);font-size:38px;line-height:1.12;color:#fff;margin:0 0 var(--mis-6);letter-spacing:-.01em}
.mis-konto__lista{list-style:none;margin:0 0 var(--mis-6);padding:0;display:grid;gap:14px}
.mis-konto__lista li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.5;color:var(--mis-green-pale)}
.mis-konto__lista li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;
  background:var(--mis-green-mid) no-repeat center/11px url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E4C88A%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E")}
.mis-konto__lofte{font-size:13px;color:var(--mis-green-faint);margin:0;padding-top:var(--mis-4);border-top:1px solid var(--mis-forest-line)}
.mis-konto__form{padding:var(--mis-8) var(--mis-7);max-width:520px;width:100%;box-sizing:border-box}
.mis-konto__form h1{font-family:var(--mis-font-display);font-size:36px;margin:0 0 6px}
.mis-konto__byt{margin:0 0 var(--mis-5);color:var(--mis-muted);font-size:14.5px}
.mis-konto__byt a,.mis-konto__rad a{color:var(--mis-green);font-weight:600;text-decoration:none}
.mis-konto__falt{max-width:none}
.mis-konto__falt input[type=text],.mis-konto__falt input[type=email],.mis-konto__falt input[type=password]{min-height:46px;font-size:16px}
.mis-konto__rad{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}
.mis-konto__kryss{display:inline-flex;align-items:center;gap:8px;color:var(--mis-ink-2)}
.mis-konto__knapp{width:100%;min-height:50px;justify-content:center;justify-self:stretch!important}
.mis-konto__fraga{font-weight:700;margin:0 0 var(--mis-3)}
.mis-konto__val{display:grid;gap:var(--mis-3);margin-bottom:var(--mis-5)}
.mis-konto__valkort{border:1px solid var(--mis-line);border-radius:var(--mis-r-card);padding:var(--mis-4);background:var(--mis-surface)}
.mis-konto__valkort[open]{border-color:var(--mis-green);box-shadow:0 0 0 3px var(--mis-green-tint)}
.mis-konto__valkort summary{cursor:pointer;list-style:none;display:grid;gap:3px}
.mis-konto__valkort summary::-webkit-details-marker{display:none}
.mis-konto__valkort span{font-size:13.5px;color:var(--mis-muted)}
.mis-konto__valkort form{margin-top:var(--mis-4)}
.mis-konto__valkort--verksamhet{display:grid;gap:4px}
.mis-konto__valkort--verksamhet p{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.mis-konto__text{color:var(--mis-ink-2);margin:0 0 var(--mis-4)}
.mis-konto__klart p{margin:0 0 6px}
.mis-konto__villkor{margin-top:var(--mis-6);font-size:12.5px;color:var(--mis-muted)}
.mis-konto__villkor a{color:var(--mis-green)}
@media (max-width:860px){
  .mis-konto{grid-template-columns:1fr;min-height:0}
  .mis-konto__varumarke{padding:var(--mis-6) var(--mis-4);order:2}
  .mis-konto__varumarke-inre{margin:0}
  .mis-konto__varumarke h2{font-size:26px}
  .mis-konto__form{padding:var(--mis-6) var(--mis-4);max-width:none}
  .mis-konto__form h1{font-size:28px}
}

/* ==========================================================================
   MIN SIDA — Visitor.html + Owner.html (2026-09-26)
   ========================================================================== */
.mis-panelsida__topp{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--mis-4);flex-wrap:wrap;margin-bottom:var(--mis-6)}
.mis-panelsida__topp h1{margin:0;font-family:var(--mis-font-display);font-size:36px}
.mis-panelsida__sektion{margin:0 0 var(--mis-7)}
.mis-panelsida__sektion>h2{font-family:var(--mis-font-display);font-size:24px;margin:0 0 var(--mis-3)}
.mis-panelsida__text,.mis-panelsida__tom{color:var(--mis-ink-2);margin:0 0 var(--mis-3)}
.mis-panelsida__tva{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--mis-6)}
.mis-panelsida__agare{background:var(--mis-sand-2);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:var(--mis-5)}
.mis-panelsida__konto{font-size:13.5px;color:var(--mis-muted)}
.mis-panelsida__konto a{color:var(--mis-green)}
.mis-verks{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:var(--mis-5);margin-bottom:var(--mis-4)}
.mis-verks__huvud{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mis-4);flex-wrap:wrap}
.mis-verks__huvud h3{margin:0 0 4px;font-family:var(--mis-font-display);font-size:21px}
.mis-verks__rutnat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--mis-5);margin-top:var(--mis-4)}
.mis-verks__etikett{margin:0 0 6px;font-size:var(--mis-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mis-brass)}
.mis-verks__tal{margin:0;font-family:var(--mis-font-display);font-size:34px;font-weight:600;color:var(--mis-green)}
.mis-verks__stapel{height:8px;border-radius:999px;background:var(--mis-green-tint);overflow:hidden;margin:6px 0 var(--mis-3)}
.mis-verks__stapel span{display:block;height:100%;background:var(--mis-green);border-radius:inherit}
.mis-verks__saknas{list-style:none;margin:0;padding:0}
.mis-verks__saknas li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--mis-line-soft);font-size:14.5px}
.mis-verks__saknas a{color:var(--mis-green);font-weight:600;text-decoration:none;white-space:nowrap}
.mis-verks__statistik dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mis-verks__statistik dl div{background:var(--mis-sand-3);border-radius:10px;padding:10px 12px}
.mis-verks__statistik dt{font-size:12.5px;color:var(--mis-muted)}
.mis-verks__statistik dd{margin:2px 0 0;font-family:var(--mis-font-display);font-size:24px;font-weight:600}
.mis-sparade,.mis-bidrag{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mis-sparade a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--mis-line);border-radius:12px;text-decoration:none;color:var(--mis-ink);background:var(--mis-surface)}
.mis-sparade a:hover{border-color:var(--mis-green)}
.mis-sparade__namn{font-family:var(--mis-font-display);font-weight:600;font-size:16.5px}
.mis-bidrag li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 0;border-top:1px solid var(--mis-line-soft)}
.mis-bidrag li>span:first-child{flex:1 1 60%}
.mis-spara-form{display:inline}
.mis-spara{font:inherit;cursor:pointer}
.mis-spara.ar-sparad{color:var(--mis-green);border-color:var(--mis-green)}
.mis-bontider__byt{color:var(--mis-brass-light);text-decoration:underline}
@media (max-width:860px){.mis-panelsida__tva,.mis-verks__rutnat{grid-template-columns:1fr}.mis-panelsida__topp h1{font-size:28px}}

/* ================================================= ARTIKLAR (2026-09-26)
   Ett register, inte ett rutnät. Ledaren satt stort, resten som rader med
   hårlinjer. Läsbredden (660px, ~62 tecken) kommer från .mis-artikel i
   fran-snippets/snippet-15.css; här ligger ramen runt den. */
.mis-wrap--las{max-width:calc(660px + 2*var(--mis-5));margin-left:auto;margin-right:auto} /* läskolumnen: 660 px text + marginaler, centrerad. Förut padding i % av sidbredden — kvävde kolumnen på breda skärmar. */
.mis-artikelsida{padding:var(--mis-7) 0 var(--mis-6)}
.mis-artikelhuvud__titel{font-family:var(--mis-font-display);font-size:clamp(32px,5.2vw,52px);line-height:1.06;letter-spacing:-.025em;
  margin:var(--mis-3) 0 var(--mis-4);max-width:20ch;text-wrap:balance}
.mis-artikelmeta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin:0 0 var(--mis-6);font-size:13.5px;color:var(--mis-muted)}
.mis-artikelmeta__kat{font-weight:700;color:var(--mis-brass);text-decoration:none;letter-spacing:.02em}
a.mis-artikelmeta__kat:hover{color:var(--mis-green);text-decoration:underline}
.mis-artikelmeta__upd{color:var(--mis-green-deep);font-weight:600}
.mis-artikelhuvud{border-bottom:1px solid var(--mis-line);margin-bottom:var(--mis-6)}
.mis-artikelhuvud .mis-artikelmeta{margin-bottom:var(--mis-5)}
.mis-artikelbild{margin:0 auto var(--mis-6);max-width:960px}
.mis-artikelbild img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:var(--mis-r-panel)}
.mis-artikel{margin:0}
.mis-artikel h3{font-family:var(--mis-font-display);font-size:19px;margin:30px 0 var(--mis-2)}
.mis-artikel a:not([class]){color:var(--mis-green);text-underline-offset:3px}
.mis-artikel ol{margin:0 0 20px;padding-left:22px}
.mis-artikel table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
.mis-artikel th,.mis-artikel td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--mis-line)}
.mis-artikel th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mis-muted)}
.mis-artikelfot{font-size:14px;color:var(--mis-muted);border-top:1px solid var(--mis-line);padding-top:18px;margin:34px 0 0}
.mis-artikelfot a{color:var(--mis-green)}

.mis-lasvidare{padding:var(--mis-6) 0 var(--mis-8);background:var(--mis-sand-3);border-top:1px solid var(--mis-line)}

/* registret */
.mis-artikelindex{list-style:none;margin:0;padding:0;border-top:1px solid var(--mis-ink)}
.mis-artikelindex li{border-bottom:1px solid var(--mis-line)}
.mis-artikelrad{display:grid;grid-template-columns:1fr auto;gap:var(--mis-2) var(--mis-5);align-items:baseline;
  padding:20px 0;color:var(--mis-ink);text-decoration:none;transition:padding .5s cubic-bezier(.16,1,.3,1),background .3s ease}
.mis-artikelindex--num .mis-artikelrad{grid-template-columns:56px 1fr 200px}
.mis-artikelrad__nr{font-family:var(--mis-font-display);font-size:28px;line-height:1;color:var(--mis-green);font-variant-numeric:tabular-nums}
.mis-artikelrad__kropp{display:flex;flex-direction:column;gap:6px}
.mis-artikelrad__titel{font-family:var(--mis-font-display);font-size:21px;font-weight:600;line-height:1.22;letter-spacing:-.012em}
.mis-artikelrad__ingress{font-size:15px;line-height:1.55;color:var(--mis-muted);max-width:62ch}
.mis-artikelrad__sido{font-size:12.5px;line-height:1.6;color:var(--mis-muted);text-align:right;white-space:nowrap}
.mis-artikelrad:hover{background:var(--mis-surface);padding-left:var(--mis-3);padding-right:var(--mis-3)}
.mis-artikelrad:hover .mis-artikelrad__titel{color:var(--mis-green)}
.mis-artikelrad:focus-visible{outline:2px solid var(--mis-green);outline-offset:2px}

/* /artiklar/ */
.mis-artiklar{padding:var(--mis-7) 0 var(--mis-8)}
.mis-artiklar__huvud{margin-bottom:var(--mis-6)}
.mis-artiklar__titel{font-family:var(--mis-font-display);font-size:clamp(40px,7vw,76px);line-height:.98;letter-spacing:-.03em;margin:0 0 var(--mis-4)}
.mis-artiklar__ingress{font-size:18px;line-height:1.55;color:var(--mis-muted);max-width:52ch;margin:0 0 var(--mis-5)}
.mis-artikelkat{display:flex;flex-wrap:wrap;gap:8px}
.mis-artikelkat a{display:inline-flex;gap:6px;align-items:baseline;padding:7px 14px;border:1px solid var(--mis-line);border-radius:var(--mis-r-pill);
  background:var(--mis-surface);color:var(--mis-ink);text-decoration:none;font-size:14px;font-weight:600}
.mis-artikelkat a span{font-size:12px;color:var(--mis-muted);font-weight:500}
.mis-artikelkat a:hover{border-color:var(--mis-green);color:var(--mis-green)}
.mis-artikelkat a[aria-current]{background:var(--mis-forest);border-color:var(--mis-forest);color:#fff}
.mis-artikelkat a[aria-current] span{color:var(--mis-green-dim)}

.mis-artikelledare{display:grid;grid-template-columns:1fr;gap:var(--mis-5);margin:0 0 var(--mis-7);padding:var(--mis-6) 0 0;
  border-top:1px solid var(--mis-ink);color:var(--mis-ink);text-decoration:none}
.mis-artikelledare--bild{grid-template-columns:7fr 5fr;align-items:end}
.mis-artikelledare__bild{display:block;border-radius:var(--mis-r-panel);overflow:hidden;aspect-ratio:16/10;background:var(--mis-sand-2)}
.mis-artikelledare__bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.mis-artikelledare:hover .mis-artikelledare__bild img{transform:scale(1.03)}
.mis-artikelledare__text{display:flex;flex-direction:column;gap:var(--mis-3);max-width:880px}
.mis-artikelledare .mis-artikelmeta{margin:0}
.mis-artikelledare__titel{font-family:var(--mis-font-display);font-size:clamp(30px,4.6vw,54px);font-weight:600;line-height:1.04;letter-spacing:-.025em;text-wrap:balance}
.mis-artikelledare__ingress{font-size:17px;line-height:1.6;color:var(--mis-muted);max-width:58ch}
.mis-artikelledare__las{font-weight:700;color:var(--mis-green);font-size:15px}
.mis-artikelledare__las::after{content:" →";display:inline-block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.mis-artikelledare:hover .mis-artikelledare__titel{color:var(--mis-green)}
.mis-artikelledare:hover .mis-artikelledare__las::after{transform:translateX(4px)}

.mis-artiklar .nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--mis-6)}
.mis-artiklar .page-numbers{padding:8px 14px;border:1px solid var(--mis-line);border-radius:var(--mis-r-control);color:var(--mis-ink);text-decoration:none;font-weight:600}
.mis-artiklar .page-numbers.current{background:var(--mis-forest);color:#fff;border-color:var(--mis-forest)}

@media (max-width:760px){
  .mis-artikelledare--bild{grid-template-columns:1fr}
  .mis-artikelindex--num .mis-artikelrad{grid-template-columns:40px 1fr}
  .mis-artikelindex--num .mis-artikelrad__sido{grid-column:2;text-align:left}
  .mis-artikelrad{grid-template-columns:1fr}
  .mis-artikelrad__sido{text-align:left;white-space:normal}
  .mis-artikelrad__nr{font-size:22px}
  .mis-artikelrad__titel{font-size:18.5px}
  .mis-artikelrad:hover{padding-left:0;padding-right:0;background:none}
  .mis-artiklar,.mis-artikelsida{padding-top:var(--mis-6)}
}

/* ================================================= DONATION (2026-09-26)
   Samma läsram som artiklarna. Översikten slutar i ett mörkt kapitel med
   den enda siffran som betyder något här: hur många moskéer som själva
   bekräftat sina nummer. (.mis-donation är upptaget av listningsblocket.) */
.mis-gesida{padding:var(--mis-7) 0 0}
.mis-gesida__titel{font-family:var(--mis-font-display);font-size:clamp(34px,5.6vw,58px);line-height:1.02;letter-spacing:-.028em;margin:var(--mis-2) 0 var(--mis-5);text-wrap:balance}
.mis-gesida__huvud{border-bottom:1px solid var(--mis-line);padding-bottom:var(--mis-5);margin-bottom:var(--mis-6)}
.mis-gesida__text{padding-bottom:var(--mis-7)}
.mis-gesida__text .mis-dlista{margin-left:0;margin-right:0}
/* Översiktens "Tre vägar" är en vanlig lista i texten — ritas som register. */
.mis-gesida__text ul.wp-block-list:has(a){list-style:none;padding:0;border-top:1px solid var(--mis-ink)}
.mis-gesida__text ul.wp-block-list:has(a) > li{margin:0;padding:18px 0;border-bottom:1px solid var(--mis-line);color:var(--mis-muted);font-size:16px}
.mis-gesida__text ul.wp-block-list:has(a) > li > a:first-child{display:block;font-family:var(--mis-font-display);font-size:22px;color:var(--mis-ink);text-decoration:none;margin-bottom:4px}
.mis-gesida__text ul.wp-block-list:has(a) > li > a:first-child strong{font-weight:600}
.mis-gesida__text ul.wp-block-list:has(a) > li > a:first-child::after{content:" →";color:var(--mis-green);display:inline-block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.mis-gesida__text ul.wp-block-list:has(a) > li > a:first-child:hover{color:var(--mis-green)}
.mis-gesida__text ul.wp-block-list:has(a) > li > a:first-child:hover::after{transform:translateX(5px)}

.mis-gesida__band{background:var(--mis-forest);color:var(--mis-green-pale);padding:var(--mis-8) 0}
.mis-gesida__bandinner{display:grid;grid-template-columns:5fr 6fr;gap:var(--mis-7);align-items:end}
.mis-gesida__siffra{margin:0;font-family:var(--mis-font-display);font-size:22px;line-height:1.25;color:#fff;max-width:14ch}
.mis-gesida__siffra span{display:block;font-size:clamp(96px,14vw,184px);line-height:.86;letter-spacing:-.05em;color:#fff;margin-bottom:var(--mis-3);font-variant-numeric:tabular-nums}
.mis-gesida__bandtext p{font-size:17px;line-height:1.65;margin:0 0 var(--mis-5);max-width:52ch}
.mis-gesida__knappar{display:flex;flex-wrap:wrap;gap:var(--mis-4);align-items:center}
.mis-gesida__lank{color:#fff;font-weight:600;text-underline-offset:4px}
.mis-gesida__lank:hover{color:var(--mis-green-pale)}
@media (max-width:760px){
  .mis-gesida{padding-top:var(--mis-6)}
  .mis-gesida__bandinner{grid-template-columns:1fr;gap:var(--mis-5)}
  .mis-gesida__band{padding:var(--mis-7) 0}
}
/* Sidor som slutar i ett eget färgat kapitel ska möta sidfoten kant i kant. */
body:has(.mis-gesida__band) .mis-fot,body:has(.mis-lasvidare) .mis-fot{margin-top:0}
.mis-gesida__band{border-bottom:1px solid var(--mis-forest-line)}

/* ================================================= EVENEMANG (2026-09-26)
   Samma register som artiklarna, med ett datumblock i stället för nummer —
   dagen stor, månad och veckodag små, som en rivkalender. */
.mis-evmanad{margin:0 0 var(--mis-7)}
.mis-evmanad[hidden],.mis-evsida [hidden]{display:none}
.mis-evmanad__rubrik{font-family:var(--mis-font-display);font-size:28px;letter-spacing:-.015em;margin:0 0 var(--mis-3)}
.mis-evrad{display:grid;grid-template-columns:72px 1fr auto;gap:var(--mis-2) var(--mis-5);align-items:start;padding:20px 0;color:var(--mis-ink);text-decoration:none;
  transition:padding .5s cubic-bezier(.16,1,.3,1),background .3s ease}
.mis-evrad--kompakt{grid-template-columns:60px 1fr;padding:14px 0}
.mis-evrad:hover{background:var(--mis-surface);padding-left:var(--mis-3);padding-right:var(--mis-3)}
.mis-evrad:hover .mis-artikelrad__titel{color:var(--mis-green)}
.mis-evdatum{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--mis-line);border-top:4px solid var(--mis-green);
  border-radius:10px;background:var(--mis-surface);padding:6px 0 7px;line-height:1}
.mis-evdatum__dag{font-family:var(--mis-font-display);font-size:30px;font-weight:600;letter-spacing:-.03em}
.mis-evdatum__man{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mis-brass);margin-top:4px}
.mis-evdatum__vd{font-size:11px;color:var(--mis-muted);margin-top:2px}
.mis-evrad--kompakt .mis-evdatum__dag{font-size:24px}
.mis-evrad__kropp{display:flex;flex-direction:column;gap:4px}
.mis-evrad__typ{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mis-brass)}
.mis-evrad__meta{font-size:14.5px;color:var(--mis-muted)}
.mis-evrad__kostnad{font-size:13px;font-weight:600;color:var(--mis-green-deep);background:var(--mis-green-tint);border-radius:var(--mis-r-pill);padding:4px 11px;white-space:nowrap}
.mis-evtips{display:grid;grid-template-columns:1fr auto;gap:var(--mis-5);align-items:center;margin-top:var(--mis-7);padding:var(--mis-6);
  background:var(--mis-sand-2);border-radius:var(--mis-r-panel)}
.mis-evtips h2{font-family:var(--mis-font-display);font-size:26px;margin:0 0 var(--mis-2)}
.mis-evtips p{margin:0;color:var(--mis-muted);max-width:56ch}
.mis-evtips__knappar{display:flex;flex-direction:column;gap:var(--mis-3);align-items:flex-start}

.mis-evpasserat{display:inline-block;background:#FBEAEA;color:#8A2C2C;font-weight:600;font-size:14px;padding:6px 12px;border-radius:var(--mis-r-control);margin:var(--mis-3) 0 0}
.mis-evpasserat[hidden]{display:none}
.mis-evfakta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--mis-4) var(--mis-5);margin:0 0 var(--mis-5);padding:var(--mis-5) 0;border-top:1px solid var(--mis-line)}
.mis-evfakta div{min-width:0}
.mis-evfakta dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mis-brass);margin-bottom:4px}
.mis-evfakta dd{margin:0;font-size:16px;line-height:1.45;font-weight:600}
.mis-evfakta dd a{color:var(--mis-green)}
.mis-evfakta__sma{font-weight:400;color:var(--mis-muted);font-size:14.5px}
.mis-evknappar{display:flex;flex-wrap:wrap;gap:var(--mis-3);align-items:center;margin:0 0 var(--mis-5)}
.mis-evpanel h2{margin-bottom:var(--mis-3)}

.mis-evform fieldset{border:0;border-top:1px solid var(--mis-line);margin:0;padding:var(--mis-5) 0}
.mis-evform legend{font-family:var(--mis-font-display);font-size:20px;font-weight:600;padding:0 0 var(--mis-2)}
.mis-evform label{display:block;font-weight:600;font-size:14.5px;margin:var(--mis-3) 0 6px}
.mis-evform input[type=text],.mis-evform input[type=url],.mis-evform input[type=datetime-local],.mis-evform select,.mis-evform textarea{
  width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);background:var(--mis-surface);font:inherit;color:var(--mis-ink)}
.mis-evform textarea{min-height:140px;resize:vertical}
.mis-evform input:focus,.mis-evform select:focus,.mis-evform textarea:focus{outline:2px solid var(--mis-green);outline-offset:1px;border-color:var(--mis-green)}
.mis-evform__par{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--mis-4)}
.mis-evform__hjalp{font-size:13.5px;color:var(--mis-muted);margin:6px 0 0}
.mis-evform__falla{position:absolute;left:-9999px}
.mis-evform__fel{background:#FBEAEA;border-left:3px solid #B23A3A;border-radius:0 var(--mis-r-control) var(--mis-r-control) 0;padding:var(--mis-3) var(--mis-4);margin:0 0 var(--mis-4)}
.mis-evform__fel ul{margin:6px 0 0;padding-left:20px}
.mis-evform__tack{background:var(--mis-green-tint);border-radius:var(--mis-r-panel);padding:var(--mis-6)}
.mis-evform__tack h2{font-family:var(--mis-font-display);margin:0 0 var(--mis-2)}
@media (max-width:760px){
  .mis-evrad{grid-template-columns:60px 1fr}
  .mis-evrad__kostnad{grid-column:2;justify-self:start}
  .mis-evrad:hover{padding-left:0;padding-right:0;background:none}
  .mis-evtips{grid-template-columns:1fr;padding:var(--mis-5)}
  .mis-evform__par{grid-template-columns:1fr}
}

/* ================================================= FORUM (2026-09-27)
   Register för kategorier och ämnen, reglerna bredvid. Inläggen är text,
   inte kort: en hårlinje mellan varje, redaktionens svar markerade. */
.mis-forum__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--mis-7);align-items:start}
.mis-forum__block{margin-bottom:var(--mis-7)}
.mis-forumrad__meta{font-size:13.5px;color:var(--mis-muted)}
.mis-forumregler{background:var(--mis-sand-3);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:var(--mis-5);position:sticky;top:var(--mis-5)}
.mis-forumregler h2{font-family:var(--mis-font-display);font-size:20px;margin:0 0 var(--mis-3)}
.mis-forumregler ol{margin:0;padding-left:20px;font-size:14.5px;line-height:1.55}
.mis-forumregler li{margin:0 0 8px}
.mis-forumregler__fot{font-size:13px;color:var(--mis-muted);margin:var(--mis-4) 0 0;padding-top:var(--mis-3);border-top:1px solid var(--mis-line)}
.mis-forumregler__fot a{color:var(--mis-green)}
.mis-evform .mis-forumregler{position:static;margin-top:var(--mis-6)}
.mis-foruminlagg{padding:var(--mis-5) 0;border-bottom:1px solid var(--mis-line);position:relative}
.mis-foruminlagg--forst{border-top:1px solid var(--mis-ink);padding-top:var(--mis-4)}
.mis-foruminlagg--forst .mis-foruminlagg__text{font-size:18px}
.mis-foruminlagg--red{border-left:3px solid var(--mis-green);padding-left:var(--mis-4);background:var(--mis-green-soft)}
.mis-foruminlagg--vantar{opacity:.8;border-left:3px dashed var(--mis-brass);padding-left:var(--mis-4)}
.mis-foruminlagg__meta{font-size:14px;color:var(--mis-muted);margin:0 0 var(--mis-2)}
.mis-foruminlagg__meta strong{color:var(--mis-ink)}
.mis-foruminlagg__text{font-size:16.5px;line-height:1.65}
.mis-foruminlagg__text p{margin:0 0 12px}
.mis-forumsvar{margin-top:var(--mis-6)}
.mis-forumsvar h2,.mis-forumsvara h2{font-family:var(--mis-font-display);font-size:22px;margin:0 0 var(--mis-2)}
.mis-forumsvara{margin-top:var(--mis-7);padding-bottom:var(--mis-6)}
.mis-forumanmal{margin-top:var(--mis-2);font-size:13px}
.mis-forumanmal summary{cursor:pointer;color:var(--mis-muted);display:inline-block}
.mis-forumanmal summary:hover{color:#8A2C2C}
.mis-forumanmal form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.mis-forumanmal label{font-weight:600}
.mis-forumanmal select{min-height:38px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);padding:0 8px;font:inherit}
.mis-forumnot{background:var(--mis-green-tint);color:var(--mis-green-deep);border-radius:var(--mis-r-control);padding:10px 14px;font-weight:600}
.mis-evform .mis-forumform__regler{display:flex;gap:8px;align-items:flex-start;font-weight:500;margin:var(--mis-4) 0}
.mis-forumform__regler input{margin-top:4px}
.mis-forumform__regler a{color:var(--mis-green)}
.mis-forumform textarea{width:100%}
@media (max-width:960px){
  .mis-forum__grid{grid-template-columns:1fr;gap:var(--mis-5)}
  .mis-forumregler{position:static}
}

/* ================================================= BIDRAGSGIVARE (2026-09-27) */
.mis-bgtack{font-size:14px;color:var(--mis-muted);margin:0 0 var(--mis-4);padding:10px 14px;border-left:3px solid var(--mis-brass);background:var(--mis-sand-3);border-radius:0 var(--mis-r-control) var(--mis-r-control) 0}
.mis-bgtack a{color:var(--mis-green);font-weight:600}
.mis-bgsida__fakta{font-size:14.5px;color:var(--mis-muted);margin:0}
.mis-bgsida__fakta a{color:var(--mis-green)}
.mis-bgsida div.mis-artikelrad:hover{background:none;padding-left:0;padding-right:0}

/* ================================================= OMDÖMEN (2026-09-27)
   Stjärnorna ritas med två lager tecken: tomma i botten, fyllda ovanpå,
   beskurna till snittets bredd. Inga ikonfonter, inga bilder. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* !important: WordPress egen konvention för skärmläsartext */
.mis-stjarnor{position:relative;display:inline-block;font-size:18px;line-height:1;letter-spacing:2px;color:var(--mis-line);vertical-align:-2px}
.mis-stjarnor::before{content:"★★★★★"}
.mis-stjarnor__fyll{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:var(--mis-brass)}
.mis-stjarnor__fyll::before{content:"★★★★★"}
.mis-stjarnor--liten{font-size:14px;letter-spacing:1px}
.mis-kort__betyg{margin:2px 0 4px;font-size:13px;color:var(--mis-muted);display:flex;align-items:center;gap:5px}
.mis-kort__betyg b{color:var(--mis-ink)}
.mis-omdomen__sammanfattning{display:grid;grid-template-columns:auto 1fr;gap:var(--mis-5);align-items:center;padding:0 0 var(--mis-4);border-bottom:1px solid var(--mis-line);margin-bottom:var(--mis-3)}
.mis-omdomen__snitt{margin:0;display:flex;flex-direction:column;gap:4px}
.mis-omdomen__snitt b{font-family:var(--mis-font-display);font-size:44px;line-height:1;font-weight:600}
.mis-omdomen__snitt > span:last-child{font-size:13px;color:var(--mis-muted)}
.mis-omdomen__staplar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--mis-muted)}
.mis-omdomen__staplar li{display:grid;grid-template-columns:34px 1fr 24px;gap:8px;align-items:center}
.mis-omdomen__stapel{height:7px;border-radius:99px;background:var(--mis-line-soft);overflow:hidden}
.mis-omdomen__stapel i{display:block;height:100%;background:var(--mis-brass);border-radius:99px}
.mis-omdomen__tom{color:var(--mis-muted);margin:0 0 var(--mis-3)}
.mis-omdomen__lista{list-style:none;margin:0 0 var(--mis-4);padding:0}
.mis-omdome{padding:var(--mis-4) 0;border-bottom:1px solid var(--mis-line-soft)}
.mis-omdome--vantar{border-left:3px dashed var(--mis-brass);padding-left:var(--mis-3)}
.mis-omdome__meta{margin:0 0 4px;font-size:13.5px;color:var(--mis-muted)}
.mis-omdome__meta strong{color:var(--mis-ink)}
.mis-omdome__text{font-size:15.5px;line-height:1.6;margin-top:6px}
.mis-omdome__text p{margin:0 0 8px}
.mis-omdome__svar{margin:var(--mis-3) 0 0 var(--mis-4);padding:var(--mis-3) var(--mis-4);background:var(--mis-green-soft);border-left:3px solid var(--mis-green);border-radius:0 var(--mis-r-control) var(--mis-r-control) 0}
.mis-omdome__svara{margin-top:var(--mis-2);font-size:14px}
.mis-omdome__svara summary{cursor:pointer;color:var(--mis-green);font-weight:600;display:inline-block}
.mis-omdome__svara form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.mis-omdome__svara textarea{width:100%;min-height:80px;padding:10px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);font:inherit}
.mis-omdomen__skriv > summary{list-style:none;display:inline-flex;cursor:pointer}
.mis-omdomen__skriv > summary::-webkit-details-marker{display:none}
.mis-omdomen__skriv[open] > summary{margin-bottom:var(--mis-4)}
.mis-omdomen__regler{font-size:13.5px;color:var(--mis-muted);margin:10px 0 0;padding-left:18px}
.mis-omdomen__regler li{margin:3px 0}
/* Stjärnvalet: radioknappar i omvänd ordning så att :hover ~ fyller åt vänster. */
.mis-stjarnval{border:0;margin:0 0 var(--mis-2);padding:0;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.mis-stjarnval legend{font-weight:600;font-size:14.5px;margin-bottom:6px;float:left;width:100%}
.mis-stjarnval input{position:absolute;opacity:0;width:1px;height:1px}
.mis-stjarnval label{cursor:pointer;font-size:34px;line-height:1;color:var(--mis-line);margin:0;padding:2px;transition:color .15s ease,transform .2s cubic-bezier(.16,1,.3,1)}
.mis-stjarnval label::before{content:"★"}
.mis-stjarnval input:checked ~ label,.mis-stjarnval label:hover,.mis-stjarnval label:hover ~ label{color:var(--mis-brass)}
.mis-stjarnval label:hover{transform:scale(1.12)}
.mis-stjarnval input:focus-visible + label{outline:2px solid var(--mis-green);outline-offset:2px;border-radius:4px}
.mis-omdomen__logga{margin:var(--mis-3) 0 0}
@media (max-width:640px){.mis-omdomen__sammanfattning{grid-template-columns:1fr}}


/* ================================================= SIDHUVUD (2026-09-27)
   Mot designens Header.html: servicerad 40 · huvudrad 76 · kategorirad 54.
   Vid scroll blir huvudraden 64 px och klibbig, med sökfältet i mitten (B).
   Mobil: 56 px — meny, logotyp, konto (MobileHome.html). */
.mis-nyttorad{background:var(--mis-forest);color:#A9C4B5;font-size:12.5px}
.mis-nyttorad__rad{display:flex;align-items:center;justify-content:space-between;gap:var(--mis-4);min-height:40px}
.mis-nyttorad__text{margin:0}
.mis-nyttorad__lankar{display:flex;gap:16px}
.mis-nyttorad__lankar a{color:#C3D6CC;text-decoration:none;white-space:nowrap}
.mis-nyttorad__lankar a:hover{color:#fff;text-decoration:underline}

.mis-huvud{position:sticky;top:0;z-index:60;background:var(--mis-sand);border-bottom:1px solid var(--mis-line);transition:box-shadow .3s ease}
.mis-huvud__rad{display:flex;align-items:center;justify-content:space-between;gap:var(--mis-5);height:76px;transition:height .35s cubic-bezier(.16,1,.3,1)}
.mis-huvud__vanster{display:flex;align-items:center;gap:var(--mis-5);flex:none}
.mis-logo{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none}
.mis-logo__namn{font-family:var(--mis-font-display);font-size:21px;font-weight:600;color:var(--mis-ink);white-space:nowrap}
.mis-ikon{flex:none}
.mis-ortval{position:relative}
.mis-ortval summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--mis-line);border-radius:var(--mis-r-pill);background:var(--mis-surface);font-size:14px;font-weight:500;color:var(--mis-ink);cursor:pointer}
.mis-ortval summary::-webkit-details-marker,.mis-kontomeny summary::-webkit-details-marker,.mis-katnav__fler summary::-webkit-details-marker{display:none}
.mis-ortval summary:hover{border-color:var(--mis-green)}
.mis-ortval__panel,.mis-kontomeny__panel,.mis-katnav__panel{position:absolute;top:calc(100% + 8px);z-index:70;background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-card);box-shadow:0 18px 40px -18px rgba(20,38,30,.35);padding:var(--mis-3)}
.mis-ortval__panel{left:0;width:300px}
.mis-ortval__rubrik{margin:4px 8px 8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mis-brass)}
.mis-ortval__panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.mis-ortval__panel a{display:flex;justify-content:space-between;padding:8px;border-radius:8px;font-size:14px;color:var(--mis-ink);text-decoration:none}
.mis-ortval__panel a span{color:var(--mis-muted);font-size:12.5px}
.mis-ortval__panel a:hover{background:var(--mis-green-tint)}

.mis-huvud__sok{flex:1 1 auto;max-width:420px;display:none;align-items:center;gap:10px;height:44px;padding:0 16px;border:1px solid var(--mis-line);border-radius:var(--mis-r-pill);background:var(--mis-surface);color:var(--mis-muted)}
.mis-huvud__sok input{flex:1;border:0;background:transparent;font:inherit;font-size:14.5px;color:var(--mis-ink);min-width:0}
.mis-huvud__sok input:focus{outline:none}
.mis-huvud__sok:focus-within{border-color:var(--mis-green);box-shadow:0 0 0 3px var(--mis-green-tint)}

.mis-huvud__hoger{display:flex;align-items:center;gap:8px;flex:none}
.mis-huvud__lank{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border-radius:var(--mis-r-pill);font-size:14px;font-weight:500;color:var(--mis-ink);text-decoration:none}
.mis-huvud__lank:hover{background:var(--mis-sand-2);color:var(--mis-green)}
.mis-huvud__logga,.mis-huvud__lagg{min-height:44px;padding:0 18px;font-size:14.5px}
.mis-huvud__lagg{display:inline-flex;align-items:center;gap:7px}
.mis-huvud__mobilkonto,.mis-meny-knapp{display:none}

.mis-kontomeny{position:relative}
.mis-kontomeny summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 10px 0 5px;border:1px solid var(--mis-line);border-radius:var(--mis-r-pill);background:var(--mis-surface);cursor:pointer;color:var(--mis-muted)}
.mis-kontomeny__initialer{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--mis-green);color:#fff;font-size:13px;font-weight:700}
.mis-kontomeny__panel{right:0;width:240px;display:flex;flex-direction:column;padding:var(--mis-2)}
.mis-kontomeny__namn{margin:0 0 6px;padding:10px 10px 12px;border-bottom:1px solid var(--mis-line-soft);font-weight:700;display:flex;flex-direction:column}
.mis-kontomeny__namn span{font-size:12.5px;font-weight:500;color:var(--mis-muted)}
.mis-kontomeny__panel a{padding:10px;border-radius:8px;font-size:14.5px;color:var(--mis-ink);text-decoration:none}
.mis-kontomeny__panel a:hover{background:var(--mis-green-tint)}
.mis-kontomeny__panel .mis-kontomeny__ut{color:#9E3B28;border-top:1px solid var(--mis-line-soft);margin-top:6px;border-radius:0 0 8px 8px}

/* B: komprimerat vid scroll — klassen sätts av main.js efter 260 px. */
.mis-huvud--kompakt{box-shadow:0 6px 24px -16px rgba(20,38,30,.4)}
.mis-huvud--kompakt .mis-huvud__rad{height:64px}
.mis-huvud--kompakt .mis-logo__namn{font-size:18px}
.mis-huvud--kompakt .mis-ortval,.mis-huvud--kompakt .mis-huvud__lank:first-child{display:none}
.mis-huvud--kompakt .mis-huvud__sok{display:flex}
.mis-huvud--kompakt .mis-huvud__lagg span{display:none}

/* Kategoriraden — vit, understruken aktiv flik. */
.mis-katnav{background:var(--mis-surface);border-bottom:1px solid var(--mis-line)}
.mis-katnav__rad{display:flex;align-items:center;gap:4px;height:54px}
.mis-katnav__rad > a{display:flex;align-items:center;gap:7px;height:54px;padding:0 12px;font-size:14px;font-weight:500;color:var(--mis-ink);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:border-color .2s ease,color .2s ease}
.mis-katnav__rad > a .mis-ikon{color:var(--mis-muted)}
.mis-katnav__rad > a:hover{color:var(--mis-green);border-bottom-color:var(--mis-line)}
.mis-katnav__rad > a[aria-current]{font-weight:600;border-bottom-color:var(--mis-green)}
.mis-katnav__rad > a[aria-current] .mis-ikon{color:var(--mis-green)}
.mis-katnav__skiljare{width:1px;height:22px;background:var(--mis-line);margin:0 10px;flex:none}
.mis-katnav__fler{position:relative;margin-left:auto}
.mis-katnav__fler summary{list-style:none;display:flex;align-items:center;gap:6px;height:54px;padding:0 12px;font-size:14px;font-weight:500;color:var(--mis-muted);cursor:pointer}
.mis-katnav__panel{right:0;width:230px;display:flex;flex-direction:column}
.mis-katnav__panel a{padding:10px;border-radius:8px;font-size:14.5px;color:var(--mis-ink);text-decoration:none}
.mis-katnav__panel a:hover{background:var(--mis-green-tint)}

/* Menypanelen finns bara på mobil. */
.mis-meny{display:none}

@media (max-width:1100px){
  .mis-huvud__lank span{display:none}
  .mis-huvud__lank{padding:0 10px}
}
@media (max-width:900px){
  .mis-nyttorad,.mis-katnav{display:none}
  .mis-huvud__rad{height:56px;gap:var(--mis-3)}
  .mis-huvud--kompakt .mis-huvud__rad{height:56px}
  .mis-meny-knapp{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:transparent;color:var(--mis-ink);cursor:pointer;padding:0}
  .mis-huvud__vanster{flex:1;justify-content:center}
  .mis-ortval,.mis-huvud__sok,.mis-huvud--kompakt .mis-huvud__sok{display:none}
  .mis-logo__namn,.mis-huvud--kompakt .mis-logo__namn{font-size:18px}
  .mis-huvud__lank,.mis-huvud__logga,.mis-huvud__lagg,.mis-kontomeny{display:none}
  .mis-huvud__mobilkonto{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--mis-line);background:var(--mis-surface);color:var(--mis-ink)}
  .mis-huvud__mobilkonto .mis-kontomeny__initialer{width:38px;height:38px}
  .mis-huvud[data-oppen="1"] .mis-meny{display:block;position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 56px);overflow:auto;background:var(--mis-sand);border-bottom:1px solid var(--mis-line);padding:var(--mis-3) var(--mis-4) var(--mis-5);box-shadow:0 20px 40px -24px rgba(20,38,30,.45)}
  .mis-meny ul{list-style:none;margin:0 0 var(--mis-3);padding:0;border-bottom:1px solid var(--mis-line)}
  .mis-meny li a{display:flex;align-items:center;gap:10px;padding:13px 4px;font-size:16px;color:var(--mis-ink);text-decoration:none;border-bottom:1px solid var(--mis-line-soft)}
  .mis-meny li:last-child a{border-bottom:0}
  .mis-meny .mis-ikon{color:var(--mis-green)}
  .mis-meny__knappar{display:flex;flex-direction:column;gap:10px;margin:var(--mis-3) 0 0}
}

/* ================================================= KONTAKT (2026-09-27, Contact.html) */
.mis-kontaktsida{padding:var(--mis-6) 0 var(--mis-8)}
.mis-kontaktsida__huvud h1{font-family:var(--mis-font-display);font-size:clamp(34px,4vw,46px);margin:0 0 var(--mis-3);letter-spacing:-.022em}
.mis-kontaktsida__ingress{font-size:17px;line-height:1.6;color:var(--mis-muted);max-width:760px;margin:0 0 var(--mis-6)}
.mis-kontaktsida__tack{background:var(--mis-green-tint);color:var(--mis-green-deep);border-radius:var(--mis-r-card);padding:14px 18px;margin-bottom:var(--mis-5)}
.mis-arenden{border:0;padding:0;margin:0 0 var(--mis-5);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mis-arende{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-card);cursor:pointer;transition:border-color .2s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.mis-arende:hover{border-color:var(--mis-green);transform:translateY(-2px)}
.mis-arende input{position:absolute;opacity:0;pointer-events:none}
.mis-arende:has(input:checked){border:2px solid var(--mis-green);background:#F3F8F5;padding:19px}
.mis-arende:has(input:focus-visible){outline:2px solid var(--mis-green);outline-offset:2px}
.mis-arende__ikon{width:36px;height:36px;border-radius:9px;background:var(--mis-green-tint);color:var(--mis-green);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.mis-arende--verksamhet .mis-arende__ikon,.mis-arende--tips .mis-arende__ikon{background:#F3ECE0;color:var(--mis-brass)}
.mis-arende--anmal .mis-arende__ikon{background:#FBEAEA;color:#9E3B28}
.mis-arende__namn{font-weight:700;font-size:15.5px}
.mis-arende__text{font-size:13.5px;line-height:1.5;color:var(--mis-muted)}
.mis-arende__svar{font-size:12.5px;font-weight:600;color:var(--mis-green-deep);margin-top:4px}
.mis-arende--anmal .mis-arende__svar{color:#9E3B28}
.mis-arende--tips .mis-arende__svar{color:var(--mis-muted)}
.mis-kontaktsida__grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
.mis-kontaktsida__kort{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:28px 30px}
.mis-kontaktsida__kort h2{font-family:var(--mis-font-display);font-size:26px;margin:0 0 var(--mis-4)}
.mis-kfalt{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--mis-4)}
.mis-kfalt[hidden],.mis-kfalt__kryss[hidden]{display:none}
.mis-kfalt label{font-size:13.5px;font-weight:600}
.mis-kfalt input,.mis-kfalt select,.mis-kfalt textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);background:var(--mis-surface);font:inherit;font-size:15px;color:var(--mis-ink)}
.mis-kfalt textarea{min-height:130px;resize:vertical}
.mis-kfalt input:focus,.mis-kfalt select:focus,.mis-kfalt textarea:focus{outline:2px solid var(--mis-green);outline-offset:1px;border-color:var(--mis-green)}
.mis-kfalt__sok{display:flex;align-items:center;gap:10px;padding-left:14px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);color:var(--mis-muted)}
.mis-kfalt__sok input{border:0;padding-left:0}
.mis-kfalt__sok:focus-within{outline:2px solid var(--mis-green);outline-offset:1px}
.mis-kfalt__sok input:focus{outline:none}
.mis-kfalt__par{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mis-kfalt__par > .mis-kfalt[hidden] + .mis-kfalt{grid-column:1 / -1}
.mis-kfalt__kryss{display:flex;gap:10px;align-items:center;font-size:14px;margin:0 0 var(--mis-4)}
.mis-kontaktsida__skicka{display:flex;align-items:center;gap:16px;padding-top:var(--mis-4);border-top:1px solid var(--mis-line-soft)}
.mis-kontaktsida__skicka p{margin:0;font-size:13px;color:var(--mis-muted)}
.mis-kontaktsida__sida{display:flex;flex-direction:column;gap:16px}
.mis-kontaktsida__direkt{padding:22px 24px}
.mis-kontaktsida__rad{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;font-size:15px}
.mis-kontaktsida__rad svg{color:var(--mis-green);margin-top:2px;flex:none}
.mis-kontaktsida__rad a{font-weight:600}
.mis-kontaktsida__dampad{color:var(--mis-muted)}
.mis-kontaktsida__snabb{background:var(--mis-sand-2);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:22px 24px;display:flex;flex-direction:column;gap:9px}
.mis-kontaktsida__snabb a{font-weight:600;font-size:14.5px}
.mis-kontaktsida__tips{margin:6px 0 0;font-size:13px;color:var(--mis-muted);line-height:1.5}
.mis-kontaktsida__integritet{margin-top:var(--mis-7);background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:34px 36px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:36px}
.mis-kontaktsida__integritet h2{font-family:var(--mis-font-display);font-size:28px;line-height:1.15;margin:0 0 var(--mis-3)}
.mis-kontaktsida__integritet p{color:var(--mis-muted);font-size:14.5px;line-height:1.6}
.mis-kontaktsida__integritet a{font-weight:600;font-size:14.5px}
.mis-kontaktsida__integritet ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.mis-kontaktsida__integritet li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:16px 18px;border:1px solid var(--mis-line);border-radius:var(--mis-r-card)}
.mis-kontaktsida__integritet li strong{font-size:15px}
.mis-kontaktsida__integritet li span{grid-column:1;font-size:13.5px;color:var(--mis-muted)}
.mis-kontaktsida__integritet li em{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--mis-r-pill);background:var(--mis-green-tint);color:var(--mis-green-deep)}
.mis-kontaktsida__integritet li em.mis-av{background:var(--mis-sand-2);color:var(--mis-muted)}
@media (max-width:1000px){
  .mis-arenden{grid-template-columns:1fr 1fr}
  .mis-kontaktsida__grid,.mis-kontaktsida__integritet{grid-template-columns:1fr}
}
@media (max-width:560px){
  .mis-arenden{grid-template-columns:1fr}
  .mis-kfalt__par{grid-template-columns:1fr}
  .mis-kontaktsida__kort{padding:22px 20px}
  .mis-kontaktsida__integritet{padding:24px 20px}
}

/* ================================================= LISTNINGSSIDAN (2026-09-27, Detail.html)
   Huvudspalt + 360 px sidopanel. Kort: vita, 16 px radie, Fraunces-rubriker
   (snippet 22:s små versalrubriker gäller inte här). */
.mis-listning{padding:var(--mis-5) 0 var(--mis-8)}
.mis-listning .mis-listning__grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px;margin-top:var(--mis-3)}
.mis-listning .mis-listning__innehall{display:flex;flex-direction:column;gap:20px}
.mis-listning__hjalte{margin:0 0 var(--mis-4);border-radius:var(--mis-r-panel);overflow:hidden;background:var(--mis-sand-2)}
.mis-listning__hjalte img{display:block;width:100%;max-height:380px;object-fit:cover}
.mis-listning__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.mis-chip{display:inline-flex;padding:5px 11px;border-radius:var(--mis-r-pill);border:1px solid var(--mis-line);background:var(--mis-surface);font-size:12.5px;font-weight:600;color:var(--mis-ink);text-decoration:none}
.mis-chip--forst{background:var(--mis-green-tint);border-color:var(--mis-green-tint);color:var(--mis-green-deep)}
.mis-chip:hover{border-color:var(--mis-green)}
.mis-listning .mis-listning__titel{font-family:var(--mis-font-display);font-size:clamp(34px,4.4vw,50px);line-height:1.05;letter-spacing:-.024em;margin:-4px 0 0}
.mis-listning__andranamn{margin:6px 0 0;font-size:14px;color:var(--mis-muted)}
.mis-listning__status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-4px 0 0;font-size:14px;color:var(--mis-muted)}
.mis-verifierad{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--mis-r-pill);background:var(--mis-green-tint);color:var(--mis-green-deep);font-weight:700;font-size:12.5px}
.mis-listning__oppet .mis-oppet{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.mis-oppet--ja{color:var(--mis-green)}
.mis-oppet--nej{color:#9E3B28}
.mis-oppet__detalj{font-weight:500;color:var(--mis-muted)}
.mis-prick{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.mis-listning__adress::before{content:"·";margin-right:12px;color:var(--mis-line)}
.mis-listning__knappar{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.mis-listning__knappar .mis-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px}
.mis-listning__knappar form{margin:0}
.mis-btn--ikon{width:46px;padding:0;justify-content:center}
.mis-btn--ikon.ar-kopierad{border-color:var(--mis-green);color:var(--mis-green)}

.mis-kallruta{display:flex;gap:14px;align-items:flex-start;background:var(--mis-surface);border:1px solid var(--mis-line);border-left:3px solid var(--mis-green);border-radius:var(--mis-r-card);padding:16px 20px}
.mis-kallruta > svg{color:var(--mis-green);flex:none;margin-top:2px}
.mis-kallruta p{margin:0 0 4px;font-size:14px;line-height:1.55;color:var(--mis-muted)}
.mis-kallruta strong{color:var(--mis-ink)}
.mis-kallruta .mis-kallruta__rubrik{font-weight:700;color:var(--mis-ink);font-size:14.5px}
.mis-kallruta a{font-size:13.5px;font-weight:600}

/* Bönetidsbandet — mörkt, sex celler i rad. Delar JS med startsidans kort. */
.mis-bonband{background-color:var(--mis-forest);border-radius:var(--mis-r-panel);padding:18px 18px 18px;color:#fff;position:relative;overflow:hidden}
.mis-bonband__topp{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.mis-bonband__etikett{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#E4C88A}
.mis-bonband__kalla{margin:3px 0 0;font-size:12.5px;color:#A9C4B5}
.mis-bonband__jumua{margin:0;padding:6px 12px;border:1px solid rgba(228,200,138,.5);border-radius:var(--mis-r-pill);font-size:12.5px;font-weight:600;color:#E4C88A;white-space:nowrap}
.mis-bonband .mis-bontider__nasta{display:none}
.mis-bonband .mis-bontider__lista{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0}
.mis-bonband .mis-bontider__rad{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.mis-bonband .mis-bontider__rad dt{font-size:12px;color:#A9C4B5;margin:0}
.mis-bonband .mis-bontider__rad dd{margin:0;font-family:var(--mis-font-display);font-size:21px;font-weight:600;color:#fff}
.mis-bonband .mis-bontider__rad.ar-nasta{background:#E4C88A;border-color:#E4C88A}
.mis-bonband .mis-bontider__rad.ar-nasta dt{color:#6B4A1C}
.mis-bonband .mis-bontider__rad.ar-nasta dd{color:#0C2F24}

.mis-kort-sektion,.mis-listning .mis-panel{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:24px 28px;margin:0;max-width:none}
.mis-kort-sektion > h2,.mis-listning .mis-panel > h2{font-family:var(--mis-font-display);font-size:24px;font-weight:600;letter-spacing:-.012em;text-transform:none;color:var(--mis-ink);margin:0 0 14px}
.mis-listning .mis-om{width:auto;max-width:none;margin:0}
.mis-om__text{font-size:15.5px;line-height:1.7;color:#46564D}
.mis-om__text > p:first-child{font-size:16.5px;font-weight:600;color:var(--mis-ink)}
.mis-om--lang .mis-om__text{max-height:230px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.mis-om--lang.ar-oppen .mis-om__text{max-height:none;-webkit-mask-image:none;mask-image:none}
.mis-om [data-mis-lasmer]{margin-top:12px}

.mis-halal__niva{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;font-size:15px;line-height:1.55}
.mis-halal__niva svg{color:var(--mis-brass);flex:none;margin-top:3px}
.mis-halal__niva--ja svg{color:var(--mis-green)}
.mis-halal__kalla{margin:0;padding:12px 14px;background:var(--mis-sand-3);border-radius:var(--mis-r-control);font-size:13.5px;line-height:1.55;color:var(--mis-muted)}

.mis-listning .mis-tjanster__rutnat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mis-listning .mis-tjanster__kolumn h3,.mis-listning .mis-tjanster__chips h3{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mis-brass);margin:0 0 8px}
.mis-listning .mis-tjanster__kolumn ul{list-style:none;margin:0;padding:0}
.mis-listning .mis-tjanster__kolumn li{position:relative;padding:4px 0 4px 22px;font-size:14.5px}
.mis-listning .mis-tjanster__kolumn li::before{content:"";position:absolute;left:2px;top:9px;width:10px;height:6px;border-left:2px solid var(--mis-green);border-bottom:2px solid var(--mis-green);transform:rotate(-45deg)}
.mis-listning .mis-tjanster__chips{margin-top:16px;padding-top:14px;border-top:1px solid var(--mis-line-soft)}

.mis-tiderkarta{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mis-tiderkarta--en{grid-template-columns:1fr}
.mis-oppettider__tabell{width:100%;border-collapse:collapse;font-size:14.5px}
.mis-oppettider__tabell th{text-align:left;font-weight:500;color:var(--mis-muted);padding:8px 8px}
.mis-oppettider__tabell td{text-align:right;padding:8px 8px;font-variant-numeric:tabular-nums}
.mis-oppettider__idag{display:none}
.mis-oppettider__tabell tr.ar-idag{background:var(--mis-green-tint)}
.mis-oppettider__tabell tr.ar-idag th,.mis-oppettider__tabell tr.ar-idag td{font-weight:700;color:var(--mis-green-deep)}
.mis-oppettider__tabell tr.ar-idag .mis-oppettider__idag{display:inline}
.mis-stangt{color:#9E3B28}
.mis-oppettider__not{margin:10px 0 0;font-size:12.5px;color:var(--mis-muted)}
.mis-kartkort{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);overflow:hidden;display:flex;flex-direction:column}
.mis-kartkort .mis-karta__yta{height:220px;border-radius:0;flex:none}
.mis-kartkort .mis-karta__yta iframe{width:100%;height:100%;border:0;display:block}
.mis-kartkort__text{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}
.mis-kartkort__adress{margin:0;font-family:inherit;font-size:15px;font-weight:700}
.mis-kartkort__knappar{display:flex;gap:10px;margin:0}
.mis-kartkort__knappar .mis-btn--primar{flex:1}

.mis-listning .mis-stammer{background:var(--mis-sand-2)}

/* Sidopanelen */
.mis-listning__sida{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px}
.mis-sidokort{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:20px 22px}
.mis-sidokort h2{font-family:inherit;font-size:16px;font-weight:700;margin:0 0 12px;text-transform:none;letter-spacing:0}
.mis-sidokort__kontakt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mis-sidokort__kontakt li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;word-break:break-word}
.mis-sidokort__kontakt svg{color:var(--mis-green);flex:none;margin-top:2px}
.mis-sidokort__kontakt a{font-weight:600}
.mis-sidokort__soc{display:flex;gap:8px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--mis-line-soft)}
.mis-sidokort__soc a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mis-line);border-radius:9px;color:var(--mis-green)}
.mis-sidokort__soc a:hover{border-color:var(--mis-green)}
.mis-komplett__topp{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mis-komplett__topp h2{margin:0}
.mis-komplett__topp span{font-weight:700;color:var(--mis-green)}
.mis-komplett__matare{height:8px;border-radius:99px;background:var(--mis-line-soft);overflow:hidden;margin:12px 0 14px}
.mis-komplett__matare i{display:block;height:100%;background:var(--mis-green);border-radius:99px}
.mis-komplett__saknas-rubrik{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mis-brass)}
.mis-komplett__saknas{list-style:none;margin:0 0 14px;padding:0}
.mis-komplett__saknas li{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:13.5px;color:var(--mis-muted)}
.mis-komplett__saknas svg{color:#B8AE9F}
.mis-btn--bred{display:flex;width:100%;justify-content:center}
.mis-komplett__klar{margin:0;font-size:14px;color:var(--mis-green-deep)}
.mis-agarruta{background-color:var(--mis-forest);border-radius:var(--mis-r-panel);padding:22px;color:#C3D6CC;position:relative;overflow:hidden}
.mis-agarruta__etikett{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E4C88A}
.mis-agarruta h2{font-family:var(--mis-font-display);font-size:24px;color:#fff;margin:0 0 8px}
.mis-agarruta p{font-size:14px;line-height:1.55;margin:0 0 14px}
.mis-agarruta__form > summary{list-style:none}
.mis-agarruta__form > summary::-webkit-details-marker{display:none}
.mis-agarruta__knapp{display:flex;justify-content:center;width:100%;background:#E4C88A;color:#0C2F24;border:0;font-weight:700;cursor:pointer}
.mis-agarruta__knapp:hover{background:#EDD6A3;color:#0C2F24}
.mis-agarruta__form[open] > summary{display:none}
.mis-agarruta .mis-anspraak{max-width:none;margin:0;padding:16px;border:0;border-radius:var(--mis-r-card);background:var(--mis-surface);color:var(--mis-ink)}
.mis-agarruta .mis-anspraak h2{display:none}
.mis-agarruta .mis-anspraak p{color:var(--mis-muted);font-size:13.5px}
.mis-agarruta .mis-anspraak input[type=text],.mis-agarruta .mis-anspraak input[type=email]{max-width:none;min-height:42px}
.mis-agarruta .mis-anspraak__knapp{width:100%;background:var(--mis-green)}

/* Andra … i närheten — kort med bildyta (punkt 4). */
.mis-narakort{margin-top:var(--mis-7)}
.mis-narakort h2{font-family:var(--mis-font-display);font-size:30px;letter-spacing:-.015em;margin:0 0 16px}
.mis-narakort__rad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mis-narakort__kort{display:flex;flex-direction:column;background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-card);overflow:hidden;text-decoration:none;color:var(--mis-ink);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .2s ease}
.mis-narakort__kort:hover{transform:translateY(-3px);box-shadow:0 16px 32px -20px rgba(20,38,30,.45);border-color:var(--mis-green)}
.mis-narakort__bild{height:140px;display:block;background-color:var(--mis-green-tint)}
.mis-narakort__bild img{width:100%;height:100%;object-fit:cover;display:block}
.mis-narakort__text{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}
.mis-narakort__meta{font-size:12px;color:var(--mis-muted)}
.mis-narakort__namn{font-family:var(--mis-font-display);font-size:17px;font-weight:600;line-height:1.25}
.mis-narakort__ort{font-size:12.5px;color:var(--mis-muted)}
.mis-narakort__kort:hover .mis-narakort__namn{color:var(--mis-green)}

@media (max-width:1100px){
  .mis-listning .mis-listning__grid{grid-template-columns:minmax(0,1fr) 320px}
  .mis-narakort__rad{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .mis-listning .mis-listning__grid{grid-template-columns:minmax(0,1fr)}
  .mis-listning__sida{position:static}
  .mis-tiderkarta{grid-template-columns:1fr}
  .mis-listning .mis-tjanster__rutnat{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .mis-bonband .mis-bontider__lista{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mis-kort-sektion,.mis-listning .mis-panel{padding:20px 18px}
  .mis-listning .mis-tjanster__rutnat{grid-template-columns:1fr}
  .mis-listning__knappar .mis-btn{flex:1 1 auto;justify-content:center}
  .mis-narakort__rad{grid-template-columns:1fr 1fr;gap:12px}
  .mis-narakort__bild{height:100px}
}

/* Samma khatam-mönster som sidfoten på listningens mörka ytor. */
.mis-bonband,.mis-agarruta{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E4C88A%22%20stroke-width%3D%221%22%20opacity%3D%220.15%22%3E%3Cpath%20d%3D%22M31%205%20L40%2021%20L57%2031%20L40%2041%20L31%2057%20L22%2041%20L5%2031%20L22%2021%20Z%22%2F%3E%3Crect%20x%3D%2215.5%22%20y%3D%2215.5%22%20width%3D%2231%22%20height%3D%2231%22%20transform%3D%22rotate%2845%2031%2031%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:repeat}
.mis-listning__knappar .mis-spara{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);background:var(--mis-surface);color:var(--mis-ink);font-size:14.5px;font-weight:600;text-decoration:none}
.mis-listning__knappar .mis-spara:hover{border-color:var(--mis-green);color:var(--mis-green)}
.mis-listning__knappar .mis-spara svg{width:16px;height:16px}
.mis-listning .mis-stammer{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.mis-listning .mis-stammer > h2,.mis-listning .mis-stammer > .mis-stammer__status{flex:1 1 100%;margin-bottom:4px}
.mis-listning .mis-stammer > form,.mis-listning .mis-stammer > details{margin:0}
.mis-listning .mis-stammer > details[open]{flex:1 1 100%}
.mis-listning .mis-stammer .mis-btn--liten{min-height:42px;padding:0 16px}
.mis-listning .mis-stammer > .mis-stammer__fel{flex:0 0 auto}
.mis-listning .mis-stammer > .mis-stammer__fel[open]{flex:1 0 100%}
.mis-listning section.mis-halal{display:block;font-size:inherit;line-height:inherit}
@media (max-width:640px){
  .mis-listning__knappar .mis-btn--ikon{flex:0 0 46px}
  .mis-listning__adress{flex-basis:100%}
  .mis-listning__adress::before{display:none}
}

/* ================================================= LISTNINGSKORT (2026-09-27, Listing.html)
   Hela kortet är länken (::after på titellänken). Hovringen från artiklarna:
   titeln blir grön, kortet lyfter lite och ramen blir grön. */
.mis-katalog__kort{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.mis-lkort{position:relative;display:flex;flex-direction:column;background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-card);overflow:hidden;
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .2s ease}
.mis-lkort:hover,.mis-lkort:focus-within{transform:translateY(-3px);box-shadow:0 18px 34px -22px rgba(20,38,30,.5);border-color:var(--mis-green)}
.mis-lkort__bild{height:128px;background-color:var(--mis-green-tint);flex:none}
.mis-lkort__bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.mis-lkort:hover .mis-lkort__bild img{transform:scale(1.04)}
.mis-lkort:nth-child(3n+2) .mis-lkort__bild.mis-kort__bild--monster{background-color:#EDE2CE}
.mis-lkort__kropp{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.mis-lkort__meta{margin:0;font-size:12.5px;color:var(--mis-muted)}
.mis-lkort__titel{margin:0;font-family:var(--mis-font-display);font-size:19px;font-weight:600;line-height:1.22;letter-spacing:-.01em}
.mis-lkort__lank{color:var(--mis-ink);text-decoration:none}
.mis-lkort__lank::after{content:"";position:absolute;inset:0;z-index:1}
.mis-lkort:hover .mis-lkort__lank{color:var(--mis-green)}
.mis-lkort__lank:focus-visible{outline:none}
.mis-lkort:has(.mis-lkort__lank:focus-visible){outline:2px solid var(--mis-green);outline-offset:2px}
.mis-lkort__markar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:12.5px;font-weight:600}
.mis-lkort__bekr{display:inline-flex;align-items:center;gap:4px;color:var(--mis-green-deep)}
.mis-lkort__ej{padding:2px 8px;border-radius:6px;background:#EDE7DC;color:#6E675E;font-weight:600}
.mis-lkort__oppet.mis-oppet--ja{color:var(--mis-green)}
.mis-lkort__oppet.mis-oppet--nej{color:#9E3B28}
.mis-lkort__betyg{display:inline-flex;align-items:center;gap:4px;color:var(--mis-muted)}
.mis-lkort__betyg b{color:var(--mis-ink)}
.mis-lkort__detalj{margin:2px 0 0;font-size:13.5px;line-height:1.45;color:var(--mis-muted)}
.mis-lasmer{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:var(--mis-6)}
.mis-lasmer__info{margin:0;font-size:13.5px;color:var(--mis-muted)}
@media (max-width:640px){
  .mis-katalog__kort{grid-template-columns:1fr}
  .mis-lkort{flex-direction:row}
  .mis-lkort__bild{width:108px;height:auto;min-height:118px}
  .mis-lkort:hover{transform:none}
}
.mis-lkort__bild img{margin:0;padding:0;border:0;border-radius:0;max-width:none}

/* ================================================= ARTIKELKORT (2026-09-27, Articles.html)
   Samma kortfamilj och hovring som katalogen. */
.mis-artiklar__titel{font-size:clamp(34px,4.4vw,46px)}
.mis-artiklar__utvalda{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:var(--mis-7)}
.mis-artiklar__sidan{display:flex;flex-direction:column;gap:20px}
.mis-artiklar__senast{font-family:var(--mis-font-display);font-size:30px;letter-spacing:-.015em;margin:0 0 20px}
.mis-artiklar__rutnat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mis-akort{position:relative;display:flex;flex-direction:column;background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-card);overflow:hidden;
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .2s ease}
.mis-akort:hover,.mis-akort:focus-within{transform:translateY(-3px);box-shadow:0 18px 34px -22px rgba(20,38,30,.5);border-color:var(--mis-green)}
.mis-akort:hover .mis-akort__lank{color:var(--mis-green)}
.mis-akort__bild{position:relative;height:180px;background-color:var(--mis-green-tint);flex:none}
.mis-akort:nth-child(3n+2) .mis-akort__bild.mis-kort__bild--monster{background-color:#EDE2CE}
.mis-akort:nth-child(3n) .mis-akort__bild.mis-kort__bild--monster{background-color:#E7E0D2}
.mis-akort__bild img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.mis-akort__kropp{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.mis-akort__meta{margin:0;font-size:12.5px;font-weight:600;color:var(--mis-brass)}
.mis-akort__titel{margin:0;font-family:var(--mis-font-display);font-size:21px;font-weight:600;line-height:1.2}
.mis-akort__ingress{margin:0;font-size:14.5px;line-height:1.55;color:var(--mis-muted)}
.mis-akort--stor .mis-akort__bild{height:330px}
.mis-akort--stor .mis-akort__titel{font-size:clamp(26px,2.6vw,34px);line-height:1.14}
.mis-akort--stor .mis-akort__ingress{font-size:16px}
.mis-akort__utvald{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:var(--mis-r-pill);background:var(--mis-brass);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mis-akort--sido{flex:1}
.mis-akort--sido .mis-akort__bild{height:150px}
@media (max-width:960px){
  .mis-artiklar__utvalda{grid-template-columns:1fr}
  .mis-artiklar__sidan{flex-direction:row}
  .mis-artiklar__rutnat{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .mis-artiklar__sidan{flex-direction:column}
  .mis-artiklar__rutnat{grid-template-columns:1fr}
  .mis-akort--stor .mis-akort__bild{height:200px}
}

/* ================================================= LÄGG TILL VERKSAMHET (2026-09-27, AddListing.html) */
.mis-anmal{margin-top:var(--mis-3)}
.mis-anmal__steg{list-style:none;margin:0 0 var(--mis-6);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mis-anmal__steg li{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:3px solid var(--mis-line);font-size:14px;color:var(--mis-muted)}
.mis-anmal__steg li span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--mis-line);font-size:12px;font-weight:700;flex:none}
.mis-anmal__steg li.ar-aktiv{border-top-color:var(--mis-green);color:var(--mis-ink);font-weight:700}
.mis-anmal__steg li.ar-aktiv span{border-color:var(--mis-ink)}
.mis-anmal__steg li.ar-klar{border-top-color:var(--mis-green);color:var(--mis-green-deep)}
.mis-anmal__steg li.ar-klar span{background:var(--mis-green);border-color:var(--mis-green);color:#fff}
.mis-anmal__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.mis-anmal__rubrik{font-family:var(--mis-font-display);font-size:clamp(30px,3.4vw,40px);letter-spacing:-.02em;margin:0 0 10px}
.mis-anmal__ingress{font-size:16px;line-height:1.6;color:var(--mis-muted);max-width:62ch;margin:0 0 var(--mis-5)}
.mis-anmal__rutor{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:22px}
.mis-anmal__grupp{margin:14px 0 10px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mis-brass)}
.mis-anmal__rutor .mis-anmal__grupp:first-child{margin-top:0}
.mis-anmal__rutrad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mis-anmal__ruta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:92px;padding:14px 10px;border:1px solid var(--mis-line);border-radius:var(--mis-r-card);background:var(--mis-surface);color:var(--mis-ink);text-align:center;font-size:14px;font-weight:600;text-decoration:none;
  transition:border-color .2s ease,transform .35s cubic-bezier(.16,1,.3,1),background .2s ease}
.mis-anmal__ruta svg{color:var(--mis-green)}
.mis-anmal__ruta:hover{border-color:var(--mis-green);background:#F3F8F5;transform:translateY(-2px);color:var(--mis-ink)}
.mis-anmal__ruta--bred{grid-column:span 2;border-style:dashed}
.mis-anmal__sida{display:flex;flex-direction:column;gap:16px}
.mis-anmal__ruta-info{background:var(--mis-sand-2);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:20px 22px;font-size:14px;line-height:1.55;color:var(--mis-muted)}
.mis-anmal__info-rubrik{font-weight:700;color:var(--mis-ink);margin:0 0 6px}
.mis-anmal__ruta-info p:last-child{margin:0}
.mis-anmal__kort{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:20px 22px;font-size:14px;line-height:1.55;color:var(--mis-muted)}
.mis-anmal__kort p{margin:0 0 12px}
.mis-anmal__efter{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.mis-anmal__form{max-width:760px}
.mis-anmal__vald{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 var(--mis-4);padding:12px 16px;background:#F3F8F5;border:1px solid var(--mis-green-tint);border-radius:var(--mis-r-card);font-size:14.5px}
.mis-anmal__vald svg{color:var(--mis-green)}
.mis-anmal__vald a{margin-left:auto;font-weight:600;font-size:13.5px}
.mis-anmal__del{border:0;margin:0 0 var(--mis-4);padding:24px 28px;background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel)}
.mis-anmal__del[hidden]{display:none}
.mis-anmal__del legend{float:left;width:100%;font-family:var(--mis-font-display);font-size:26px;font-weight:600;margin:0 0 14px;padding:0}
.mis-anmal__del legend + *{clear:both}
.mis-anmal .mis-form__rad{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.mis-anmal .mis-form__rad label{font-size:14px;font-weight:600}
.mis-anmal .mis-form__rad input[type=text],.mis-anmal .mis-form__rad input[type=tel],.mis-anmal .mis-form__rad input[type=email],.mis-anmal .mis-form__rad input[type=number],.mis-anmal .mis-form__rad select,.mis-anmal .mis-form__rad textarea{
  width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--mis-input-border);border-radius:var(--mis-r-control);background:var(--mis-surface);font:inherit;font-size:15px;color:var(--mis-ink)}
.mis-anmal .mis-form__rad textarea{min-height:110px;resize:vertical}
.mis-anmal .mis-form__rad input:focus,.mis-anmal .mis-form__rad select:focus,.mis-anmal .mis-form__rad textarea:focus{outline:2px solid var(--mis-green);outline-offset:1px;border-color:var(--mis-green)}
.mis-anmal .mis-form__rad table input{min-height:40px;width:100%}
.mis-anmal .mis-form__rad table{width:100%;border-collapse:collapse}
.mis-anmal .mis-form__rad table th{font-size:12.5px;font-weight:600;color:var(--mis-muted);text-align:left;padding:4px 6px}
.mis-anmal .mis-form__rad table td{padding:3px 6px}
.mis-anmal .mis-form__hjalp{font-size:12.5px;color:var(--mis-muted);margin:0}
.mis-anmal__par{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.mis-anmal__minst{margin:0 0 12px}
.mis-anmal__del > .mis-anmal__grupp{margin:22px 0 12px;padding-top:16px;border-top:1px solid var(--mis-line-soft)}
.mis-anmal__stegfel{margin:0 0 14px;padding:10px 14px;background:#FBEAEA;color:#8A2C2C;border-radius:var(--mis-r-control);font-weight:600;font-size:14px}
.mis-anmal__nav{display:flex;justify-content:space-between;gap:12px}
.mis-anmal__nav [data-mis-fram]{margin-left:auto}
.mis-anmal__sammanfattning{display:grid;grid-template-columns:200px 1fr;gap:8px 16px;margin:0 0 18px;font-size:14.5px}
.mis-anmal__sammanfattning dt{color:var(--mis-muted)}
.mis-anmal__sammanfattning dd{margin:0;font-weight:600;word-break:break-word}
@media (max-width:960px){
  .mis-anmal__grid{grid-template-columns:1fr}
  .mis-anmal__rutrad{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .mis-anmal__steg{grid-template-columns:repeat(4,minmax(0,1fr));font-size:0}
  .mis-anmal__steg li{font-size:0;gap:0;justify-content:center}
  .mis-anmal__steg li span{font-size:12px}
  .mis-anmal__par{grid-template-columns:1fr}
  .mis-anmal__del{padding:20px 18px}
  .mis-anmal__sammanfattning{grid-template-columns:1fr}
}
.mis-sida__innehall:has(.mis-anmal){max-width:none}
.mis-anmal__nav [hidden],.mis-anmal [hidden]{display:none}

/* ================================================================ BILDER
 * mis-bilder.php märker varje <img>: .mis-bild--foto fyller ytan och beskärs
 * kring sin tyngdpunkt (object-position sätts per bild), .mis-bild--logo
 * visas hel på sin egen kantfärg (--mis-bildbg). Samma bild passar då kortets
 * breda yta, mobilens smala sidobild och listningens toppbild. */
img.mis-bild--logo{object-fit:contain!important;background:var(--mis-bildbg,#fff);padding:14px;box-sizing:border-box}
.mis-lkort:hover .mis-lkort__bild img.mis-bild--logo,
.mis-akort:hover .mis-akort__bild img.mis-bild--logo{transform:none}
.mis-listning__hjalte img.mis-bild--logo{height:220px;max-height:none;padding:28px}
.mis-artikelbild img.mis-bild--logo{max-height:320px;width:100%;padding:28px}
@media (max-width:640px){
  /* Ett stående mobilfoto tog 380 px och sköt namnet under vecket. */
  .mis-listning__hjalte img{max-height:min(240px,62vw)}
  img.mis-bild--logo{padding:10px}
  .mis-listning__hjalte img.mis-bild--logo{height:160px;padding:20px}
}

/* ============================================================ NÄRA DIG */
.mis-nara-sida{padding-top:var(--mis-7);padding-bottom:var(--mis-8)}
.mis-nara-sida__huvud{margin-bottom:var(--mis-6)}
.mis-nara-sida__huvud h1{font-family:var(--mis-font-display);font-size:clamp(32px,4vw,48px);line-height:1.08;margin:0 0 var(--mis-3)}
.mis-nara-sida__rad,.mis-nara-sida__text{color:var(--mis-ink-2);max-width:62ch;margin:0 0 var(--mis-4)}
.mis-nara-sida__igen{background:none;border:0;padding:0;margin-left:6px;color:var(--mis-green);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.mis-nara-sida__fraga{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);padding:var(--mis-6);max-width:640px}
.mis-nara-sida__fel{color:var(--mis-error-deep);background:var(--mis-error-tint);border:1px solid var(--mis-error-border);border-radius:10px;padding:10px 14px}
.mis-nara-sida__alt{color:var(--mis-muted);font-size:14px;margin-top:var(--mis-5)}
.mis-nara-sida__alt a{color:var(--mis-green);font-weight:600}
.mis-nara-sida__kort{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.mis-lkort__km{color:var(--mis-green-deep);font-weight:700;margin-left:4px}

/* ======================================================= GOOGLE-INLOGGNING */
.mis-google{display:flex;align-items:center;justify-content:center;gap:11px;min-height:50px;border:1px solid var(--mis-input-border);border-radius:10px;background:var(--mis-surface);font-size:15px;font-weight:600;color:var(--mis-ink);text-decoration:none;margin:var(--mis-4) 0 0}
.mis-google:hover{border-color:var(--mis-green);background:var(--mis-green-soft)}
.mis-google__eller{display:flex;align-items:center;gap:14px;margin:var(--mis-4) 0;font-size:13px;color:var(--mis-muted-2)}
.mis-google__eller::before,.mis-google__eller::after{content:"";flex:1;height:1px;background:var(--mis-line)}

/* ============================================ KATEGORI × ORT, LÄNKBLOCK */
.mis-kombolankar{margin:0 0 var(--mis-6)}
.mis-kombolankar__rubrik{font-size:var(--mis-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mis-brass);margin:0 0 var(--mis-2)}
.mis-kombolankar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mis-kombolankar a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--mis-line);border-radius:var(--mis-r-pill);background:var(--mis-surface);color:var(--mis-ink);font-size:14px;font-weight:500;text-decoration:none}
.mis-kombolankar a:hover{border-color:var(--mis-green);background:var(--mis-green-soft)}
.mis-kombolankar--start{margin:var(--mis-6) 0 0}
.mis-kombolankar a span{font-size:12px;font-weight:700;color:var(--mis-muted)}

/* Initialer där bild saknas — på kortet och på listningen (inc/listning.php). */
.mis-lkort__bild{position:relative}
.mis-initialer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--mis-font-display);font-size:38px;font-weight:600;letter-spacing:.01em;color:var(--mis-green-deep)}
.mis-initialer--sida{position:static;width:72px;height:72px;margin:0 0 var(--mis-3);border-radius:var(--mis-r-card);
  background:var(--mis-green-tint);font-size:28px}
@media (max-width:640px){.mis-lkort .mis-initialer{font-size:28px}}
.mis-listning__kredit{padding:6px 12px;font-size:12px;color:var(--mis-muted)}


/* ===== mis-directorist — /assets/css/directorist.css ===== */
/* ==========================================================================
   directorist — Directorists egna byggdelar, klädda i temats språk.
   Vi avregistrerar INTE deras stilmall (se functions.php), så det här lager
   ligger ovanpå. Håll det litet: allt som kan ägas av temat ska ägas av temat.
   ========================================================================== */

/* --------------------------------------------------------- verktygsraden */
.directorist-listings-header{
  display:flex;align-items:center;justify-content:space-between;gap:var(--mis-4);
  flex-wrap:wrap;
  padding:0 0 var(--mis-4);margin:0 0 var(--mis-5);
  border-bottom:1px solid var(--mis-line);
}
.directorist-header-found-title{
  font-family:var(--mis-font-body);font-size:14.5px;font-weight:600;
  color:var(--mis-muted);margin:0;
}
.directorist-listings-header__right{display:flex;align-items:center;gap:var(--mis-3);flex-wrap:wrap}

/* Vy-växlaren: lista / rutnät / karta */
.directorist-viewas{display:flex;align-items:center;gap:4px}
.directorist-viewas__item a,.directorist-viewas__item{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border:1px solid var(--mis-input-border);border-radius:9px;
  background:var(--mis-surface);color:var(--mis-muted);
}
.directorist-viewas__item.active a,.directorist-viewas__item--active{
  border-color:var(--mis-green);color:var(--mis-green);background:var(--mis-green-tint);
}

.directorist-sortby-dropdown .directorist-btn,
.directorist-btn-sm{
  min-height:38px;padding:0 14px;border-radius:9px;
  border:1px solid var(--mis-input-border);background:var(--mis-surface);
  font-family:var(--mis-font-body);font-size:13.5px;font-weight:600;color:var(--mis-ink);
}
.directorist-sortby-dropdown .directorist-btn:hover,
.directorist-btn-sm:hover{border-color:var(--mis-green);color:var(--mis-green)}

/* ------------------------------------------------------------ sidnumrering */
.directorist-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 10px;margin:0 3px;
  border:1px solid var(--mis-line);border-radius:9px;
  background:var(--mis-surface);color:var(--mis-ink);
  font-size:14px;font-weight:600;
}
.directorist-pagination .page-numbers:hover{border-color:var(--mis-green);color:var(--mis-green)}
.directorist-pagination .page-numbers.current{
  background:var(--mis-green);border-color:var(--mis-green);color:#fff;
}

/* ------------------------------------------------------------- sökformulär */
/* Formuläret på arkivsidor. Startsidans variant ligger i hjältesektionen och
   ärver därifrån — rör inte den här. */
.directorist-archive-contents .directorist-search-form-wrap{
  background:var(--mis-surface);border:1px solid var(--mis-line);
  border-radius:14px;padding:var(--mis-4);margin-bottom:var(--mis-5);
}

/* Katalogflikarna */
.directorist-listing-type-selection{
  display:flex;gap:var(--mis-2);flex-wrap:wrap;
  list-style:none;margin:0 0 var(--mis-4);padding:0;
}
.directorist-listing-type-selection__link{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 14px;border:1px solid var(--mis-line);border-radius:999px;
  background:var(--mis-surface);color:var(--mis-muted);
  font-size:13.5px;font-weight:600;
}
.directorist-listing-type-selection__link--current{
  background:var(--mis-green-tint);border-color:var(--mis-green);color:var(--mis-green-deep);
}

/* Directorists standardkort ska aldrig synas — vi ersätter dem i
   directorist/archive/loop-*.php. Skulle en vy vi inte känner till dyka upp
   vill vi hellre se ett omarkerat kort än ett sönderstylat. */
.directorist-listing-single--bg{background:transparent}


/* ===== mis-arv — /assets/css/arv.css ===== */
/* ==========================================================================
   arv — brygga från det gamla variabelnamnen till temats tokens.
   ========================================================================== */
/*
 * VARFÖR DEN HÄR FILEN FINNS (2026-09-19):
 *
 * Sajtens CSS ligger till stor del i Code Snippets och använder ett äldre
 * variabelsystem: --gron-500, --sten, --linje, --kort, --mis-rubrik …
 * De DEFINIERAS av snippet 9 (typografi) och snippet 11 (färgsystem).
 *
 * Båda är absorberade — de står tillbaka när det egna temat renderar. Följden
 * är att varje `var(--gron-700)` i resterande snippets blir ODEFINIERAD under
 * temat, och regeln faller tillbaka på inherit. **109 användningar** i bara de
 * fyra snippets som rör listningssidan.
 *
 * Det upptäcktes när en omskriven CSS-fil granskades och `--mis-rubrik`
 * flaggades som okänt tokennamn. Den var inte påhittad — den var ett arv.
 *
 * Bryggan gör två saker:
 *   1. Ingenting går sönder medan snippets absorberas en i taget.
 *   2. De gamla namnen pekar på temats färger, så sajten ser likadan ut
 *      oavsett vilken snippet som hunnit skrivas om.
 *
 * Värdena är de gamla snippetsens egna, mappade till närmaste token. Där
 * ingen token matchar exakt behålls originalvärdet — vi justerar inte
 * färgerna i smyg.
 *
 * ⚠️ DEN HÄR FILEN SKA KRYMPA. Varje absorberad snippet tar bort behovet av
 * en rad. Är den tom är absorptionen färdig. Ta inte bort den innan dess.
 */

:root {
	/* Grönskalan. Det gamla systemet var något ljusare; tokens är närmast. */
	--gron-900: var(--mis-forest);       /* #0B3D26 → #0C2F24 */
	--gron-700: var(--mis-green-deep);   /* #0F5132 → #0C4A36 */
	--gron-500: var(--mis-green);        /* #157347 → #14614A */
	--gron-400: #2E9467;                 /* ingen token matchar — behålls */
	--gron-50:  var(--mis-green-tint);   /* #EDF5F0 → #E6F0EA */

	/* Ytor och linjer */
	--kort:  var(--mis-surface);         /* #FFFFFF */
	--linje: var(--mis-line);            /* #E3E8E5 → #E4DACA */

	/* Text */
	--black: var(--mis-ink);             /* #132A21 → #14261E */
	--sten:  var(--mis-muted);           /* #5C6B64 → #5A6A61 */

	/* Typsnitt. Temat använder Fraunces och Instrument Sans — de gamla
	   namnen pekar dit så att ärvd CSS får rätt typsnitt automatiskt. */
	--mis-rubrik: var(--mis-font-display);
	--mis-brod:   var(--mis-font-body);
}


/* ===== mis-snippet-12 — /assets/css/fran-snippets/snippet-12.css ===== */
.mis-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;line-height:1}
.mis-logo__mark{color:var(--mis-green-deep); /* saknar token */ display:block}
.mis-logo__mark svg{width:26px;height:26px;display:block}
.mis-logo__ord{font-family:var(--mis-font-display);font-weight:700;font-size:18px;
  letter-spacing:-.028em;color:var(--mis-forest); /* saknar token */ white-space:nowrap}
.mis-logo__ord em{font-style:normal;font-weight:500;color:var(--mis-green); /* saknar token */ margin:0 2.5px}
.theme-header-logo-brand img,.custom-logo{display:none!important /* !important behålls för att tvinga bort standardlogotyp från WP/plugins */}
@media(max-width:520px){.mis-logo__ord{font-size:16px}.mis-logo__mark svg{width:23px;height:23px}}


/* ===== mis-snippet-13 — /assets/css/fran-snippets/snippet-13.css ===== */
/* kortet */
.directorist-search-form__box{
  max-width:1120px;margin:0 auto;background:var(--mis-surface);
  border:1px solid var(--mis-line);border-radius:var(--mis-r-panel);
  box-shadow:0 4px 20px -10px rgba(11,61,38,.18),0 1px 2px rgba(11,61,38,.04) /* saknar token */}

/* falten: bara ramar bort, tunn avdelare mellan */
.directorist-search-form__box .directorist-search-field{
  border:0;background:transparent;position:relative}
.directorist-search-form__box .directorist-search-field + .directorist-search-field::after{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--mis-line)}

/* deras etikett, bara typografi */
.directorist-search-field__label{
  font-family:var(--mis-font-display);
  font-size:12.5px;font-weight:600;color:var(--mis-green-deep)}

/* falten ska se ut som en del av kortet, inte som egna rutor */
.directorist-search-form__box .directorist-form-element,
.directorist-search-form__box .directorist-select,
.directorist-search-form__box select{
  border:0;background:transparent;box-shadow:none;
  color:var(--mis-ink)}
.directorist-search-form__box .directorist-form-element:focus{outline:none;box-shadow:none}
.directorist-search-form__box ::placeholder{color:#96A49D /* saknar token */;opacity:1}
.directorist-input-icon{opacity:.45}

/* rund sokknapp, som thatsups */
.directorist-btn-search{
  width:var(--mis-7);height:var(--mis-7);min-width:var(--mis-7);
  padding:0;border-radius:50%;font-size:0;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 2px 10px -3px rgba(21,115,71,.55) /* saknar token */}
.directorist-btn-search i,.directorist-btn-search svg{font-size:17px;margin:0}

/* "Fler filter" som lank */
.directorist-search-form-action .directorist-btn:not(.directorist-btn-search){
  background:transparent;border:0;color:var(--mis-muted);
  font-size:14px;box-shadow:none}
.directorist-search-form-action .directorist-btn:not(.directorist-btn-search):hover{
  color:var(--mis-green)}


.directorist-search-form__box input.directorist-form-element,
.directorist-search-form__box .directorist-search-field__input{
  opacity:1}
.directorist-search-field:focus-within .directorist-search-field__label,
.directorist-search-field.mis-ifylld .directorist-search-field__label{
  opacity:0;visibility:hidden;transition:opacity .15s ease}
.directorist-search-field__label{transition:opacity .15s ease}

/* katalogsidor last kategorin till den sida man star pa - det ar meningen,
   men "ej tillaten"-markoren ser ut som ett fel. Gor den neutral. */
.directorist-search-category[style*="not-allowed"],
.directorist-select.directorist-search-category{cursor:default!important /* !important pga inline-style */}


/* ===== mis-snippet-14 — /assets/css/fran-snippets/snippet-14.css ===== */
/* Bara Om oss-sidan: på listningarna heter Om-kortet också .mis-om, och
   720 px + 38 px rubrikmarginal gjorde det smalare än korten under (Tauhid, punkt 1). */
body.page .mis-om{max-width:720px;margin:0 auto}
body.page .mis-om h2{font-size:20px;margin:38px 0 10px;color:var(--mis-ink)}
body.page .mis-om p{margin:0 0 14px;line-height:1.68}
.mis-lead{font-size:19px;line-height:1.6;color:var(--mis-ink);font-weight:500;margin-bottom:26px}

.mis-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--mis-3);margin:0 0 var(--mis-2)}
.mis-stats>div{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:11px;
  padding:var(--mis-4) var(--mis-3);text-align:center}
.mis-stats b{display:block;font-family:var(--mis-font-display);font-size:26px;
  font-weight:700;color:var(--mis-green);line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.mis-stats span{display:block;font-size:13px;color:var(--mis-muted);margin-top:5px}

.mis-niva{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mis-3);margin:14px 0 var(--mis-1)}
.mis-kort2{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:11px;padding:var(--mis-4) 18px}
.mis-kort2 p{font-size:14.5px;color:var(--mis-muted);margin:var(--mis-2) 0 0;line-height:1.55}
.mis-pill{display:inline-block;font-family:var(--mis-font-display);font-size:11.5px;
  font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:var(--mis-1) 10px;
  border-radius:var(--mis-r-pill);background:var(--mis-green-tint);color:var(--mis-green-deep)}
.mis-pill--ok{background:var(--mis-green);color:var(--mis-surface)}

.mis-person{display:flex;gap:18px;align-items:flex-start;background:var(--mis-surface);
  border:1px solid var(--mis-line);border-radius:12px;padding:22px var(--mis-5);margin:14px 0 var(--mis-1)}
.mis-person__mark{flex:0 0 46px;color:var(--mis-green-deep)}
.mis-person__mark svg{width:46px;height:46px;display:block}
.mis-person__namn{font-family:var(--mis-font-display);font-weight:700;font-size:17px;
  color:var(--mis-ink);margin:0 0 2px}
.mis-person__roll{font-size:13.5px;color:var(--mis-muted);margin:0 0 var(--mis-3)}
.mis-person p:last-child{margin-bottom:0;font-size:14.5px}

.mis-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.mis-knapp{display:inline-block;background:var(--mis-green);color:var(--mis-surface);
  padding:var(--mis-3) 22px;border-radius:9px;font-weight:600;font-size:15px;
  font-family:var(--mis-font-display);text-decoration:none}
.mis-knapp:hover{background:var(--mis-forest);color:var(--mis-surface)}
.mis-knapp--lugn{background:transparent;color:var(--mis-green);
  border:1px solid var(--mis-line)}
.mis-knapp--lugn:hover{background:var(--mis-green-tint);color:var(--mis-green-deep)}

@media(max-width:640px){
  .mis-stats{grid-template-columns:repeat(2,1fr)}
  .mis-niva{grid-template-columns:1fr}
  .mis-person{flex-direction:column;gap:var(--mis-3)}
}


/* ===== mis-snippet-15 — /assets/css/fran-snippets/snippet-15.css ===== */
.mis-artikel{max-width:660px;margin:0 auto;font-size:17.5px;line-height:1.72}
.mis-artikel p{margin:0 0 20px}
.mis-artikel h2{font-family:var(--mis-font-display);font-size:23px;font-weight:700;
  color:var(--mis-ink);margin:42px 0 var(--mis-3);letter-spacing:-.018em;line-height:1.28}

.mis-ingress{font-size:21px;line-height:1.55;color:var(--mis-ink);
  font-weight:500;margin-bottom:26px}

/* hadither: tydligt avgransade, aldrig blandade med brodtexten */
.mis-hadith{margin:26px 0;padding:22px 26px;background:var(--mis-green-tint);
  border-left:3px solid var(--mis-green);border-radius:0 var(--mis-3) var(--mis-3) 0}
.mis-hadith p{font-size:18.5px;line-height:1.6;color:var(--mis-ink);
  margin:0 0 10px;font-weight:500}
.mis-hadith cite{display:block;font-style:normal;font-size:13.5px;color:var(--mis-muted);
  font-family:var(--mis-font-display);font-weight:600;letter-spacing:.01em}

/* AddonsKit ritar egna dekorativa citattecken pa varje wp-block-quote:
   `content:"J"` fore och `content:"I"` efter -- ikonfontens glyfer for
   citattecken. Var text bar redan riktiga svenska citattecken (”...”), sa
   hadithen fick tva uppsattningar, och den gra AEB9CD-tonen finns inte ens i
   paletten. Bort med dem. Strecket fore kallan far vara kvar -- det ar
   typografiskt riktigt och det enda som faktiskt skiljer kallan fran citatet.
   2026-08-29. */
.mis-artikel .wp-block-quote p::before,
.mis-artikel .wp-block-quote p::after,
.mis-hadith p::before,
.mis-hadith p::after{content:none!important;display:none!important} /* !important behålls för att skriva över AddonsKit */

.mis-betoning{font-size:19px;line-height:1.6;color:var(--mis-ink);font-weight:500;
  border-top:1px solid var(--mis-line);border-bottom:1px solid var(--mis-line);
  padding:20px 0;margin:28px 0}

/* .mis-nasta anvands inte langre. Artiklarna var en serie med "Del N av 4"
   och en teaser till nasta del; ingen som landar pa del 1 laser sig fram till
   donationsfragan i del 4. Serien ar upplost 2026-08-29 -- varje artikel star
   for sig sjalv och slutar i stallet med .mis-ge nedan. Regeln lamnas kvar
   ifall blocket aterkommer nagon annanstans. */
.mis-nasta{background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:var(--mis-3);
  padding:20px var(--mis-5);margin:38px 0 26px}

/* Temats nasta/foregaende-navigering kedjar ihop artiklarna i publiceringsordning
   och skriver ut datumet pa engelska ("August 29, 2026"). Bada sakerna far de
   fyra donationsartiklarna att se ut som en serie igen, vilket ar precis det vi
   loste upp. "Fler artiklar" langre ned gor samma jobb utan ordningsfoljd.
   2026-08-29. */
.theme-post-pagination{display:none!important} /* !important behålls för att dölja temats egen CSS */

/* ---------- Mall A: den svarsledda artikeln ----------
   Svarskortet ar hela mallens ide. Det gor tre jobb samtidigt: skumlasaren
   (27 % scrolldjup i snitt) far svaren direkt, maskinen far en fraga/svar-
   struktur den kan citera, och djuplasaren far en innehallsforteckning.
   Darfor ar fragorna lankar till sina egna H2:or, och H2:n upprepar fragan
   ordagrant. Se agency/editorial/ARTICLE-STRUCTURE.md. 2026-08-29. */
.mis-ogonbryn{font-family:var(--mis-font-display);font-size:11.5px;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;color:var(--mis-green);
  margin:0 0 10px}

.mis-svarskort{background:var(--mis-surface);border:1px solid var(--mis-line);
  border-radius:var(--mis-r-card);padding:6px 26px 22px;margin:28px 0}
.mis-svarskort__rubrik{font-family:var(--mis-font-display);font-size:11.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--mis-muted);
  margin:20px 0 var(--mis-1);padding-bottom:14px;border-bottom:1px solid var(--mis-line)}
.mis-svarskort__lista{list-style:none;margin:0;padding:0;counter-reset:svar}
.mis-svarskort__lista li{counter-increment:svar;padding:18px 0 var(--mis-4) 40px;position:relative;
  border-bottom:1px solid #F0F3F1 /* saknar token */}
.mis-svarskort__lista li:last-child{border-bottom:0;padding-bottom:var(--mis-1)}
.mis-svarskort__lista li::before{content:counter(svar);position:absolute;left:0;top:19px;
  width:var(--mis-5);height:var(--mis-5);border-radius:50%;background:var(--mis-green-tint);color:var(--mis-green-deep);
  font-family:var(--mis-font-display);font-size:12.5px;font-weight:700;
  display:flex;align-items:center;justify-content:center}
.mis-svarskort__fraga{display:block;font-family:var(--mis-font-display);font-weight:700;
  font-size:17.5px;line-height:1.32;letter-spacing:-.014em;
  color:var(--mis-ink);text-decoration:none;margin-bottom:6px}
.mis-svarskort__fraga:hover{color:var(--mis-green);text-decoration:underline;
  text-underline-offset:3px}
.mis-svarskort__svar{margin:0;font-size:var(--mis-4);line-height:1.58;color:var(--mis-ink)}

.mis-kontroll{font-size:13px;line-height:1.5;color:var(--mis-muted);
  margin:0 0 30px;padding-left:var(--mis-3);border-left:2px solid var(--mis-line)}

/* H2:orna ar fragor och ska landa mjukt nar man klickar i kortet */
.mis-artikel h2[id]{scroll-margin-top:100px}

/* Donationsuppmaningen som avslutar varje artikel. Gron platta, samma familj
   som insamlingsblocket pa moskésidorna, sa att lasaren kanner igen greppet. */
.mis-ge{background:var(--mis-green-tint);border:1px solid #D8E7DF /* saknar token */;border-radius:var(--mis-3);
  padding:22px 26px;margin:38px 0 26px}
.mis-ge p{margin:0 0 var(--mis-3);font-size:var(--mis-4);line-height:1.6;color:var(--mis-green-deep)}
.mis-ge p:last-child{margin-bottom:0}
.mis-ge__etikett{font-family:var(--mis-font-display);font-size:11.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--mis-green);margin:0 0 var(--mis-2)}
.mis-ge__knapp{display:inline-flex;align-items:center;gap:var(--mis-2);
  background:var(--mis-green);color:#fff /* saknar token */;text-decoration:none;
  font-family:var(--mis-font-display);font-weight:600;font-size:15px;
  padding:11px 20px;border-radius:var(--mis-r-pill);
  transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s ease,box-shadow .16s ease}
.mis-ge__knapp::after{content:"→";transition:transform .2s cubic-bezier(.16,1,.3,1)}
.mis-ge__knapp:hover{background:var(--mis-forest);color:#fff /* saknar token */;transform:translateY(-1px);
  box-shadow:0 var(--mis-2) 18px -10px rgba(11,61,38,.6) /* saknar token */}
.mis-ge__knapp:hover::after{transform:translateX(var(--mis-1))}
.mis-nasta__ettikett{font-family:var(--mis-font-display);font-size:11.5px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--mis-green);margin:0 0 var(--mis-2)}
.mis-nasta p:last-child{margin:0;font-size:var(--mis-4);line-height:1.6}

.mis-fotnot{font-size:14px;color:var(--mis-muted);border-top:1px solid var(--mis-line);
  padding-top:18px;margin-top:34px;line-height:1.6}

/* inläggsrubriken pa sidan */
.single-post .entry-title,.single .entry-title{
  max-width:660px;margin:0 auto 6px;font-size:clamp(27px,4vw,37px);line-height:1.14;
  letter-spacing:-.024em}
.single-post .entry-meta,.single .entry-meta{max-width:660px;margin:0 auto 30px;
  font-size:14px;color:var(--mis-muted)}

@media(max-width:640px){
  .mis-artikel{font-size:17px}
  .mis-ingress{font-size:19px}
  .mis-hadith{padding:18px 20px}
  .mis-hadith p{font-size:17.5px}
}


body.page .main-content > .type-page:not(:has(.directorist-archive-contents)):not(:has(.directorist-search-form)):not(:has(.mis-kontakt-wrap)):not(:has(.mis-om)):not(:has(.mis-dlista)):not(:has(.directorist-listing-card)),
body.single .main-content > article,
body.single .main-content > .type-post{
  max-width:660px;margin-left:auto;margin-right:auto;font-size:17.5px;line-height:1.72}
body.page .main-content > .type-page > p,
body.single .main-content > .type-post > p{margin:0 0 20px}
body.page .main-content h2,body.single .main-content h2{
  font-family:var(--mis-font-display);font-size:23px;font-weight:700;color:var(--mis-ink);
  margin:42px 0 var(--mis-3);letter-spacing:-.018em;line-height:1.28}

/* BARA brodtextlistor - inte temats UI-listor */
body.page .main-content > .type-page > ul,
body.single .main-content > .type-post > ul,
.mis-artikel ul,.mis-om ul{margin:0 0 20px;padding-left:22px}
body.page .main-content > .type-page > ul > li,
body.single .main-content > .type-post > ul > li,
.mis-artikel ul > li,.mis-om ul > li{margin:9px 0;line-height:1.62}

/* Donationssidan har listan - lat den ta plats */
body.page .main-content > .type-page:has(.mis-dlista){max-width:960px;margin:0 auto}
body.page .main-content > .type-page:has(.mis-dlista) > p,
body.page .main-content > .type-page:has(.mis-dlista) > ul,
body.page .main-content > .type-page:has(.mis-dlista) > h2{max-width:660px;margin-left:auto;margin-right:auto}


/* ===== mis-snippet-17 — /assets/css/fran-snippets/snippet-17.css ===== */
.mis-kopiera{display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;
  padding:0;cursor:pointer;font:inherit;color:var(--mis-ink);font-weight:600;
  font-variant-numeric:tabular-nums;letter-spacing:.01em}
.mis-kopiera svg{opacity:.4;flex:0 0 14px}
.mis-kopiera:hover svg{opacity:.9;color:var(--mis-green)}
.mis-kopiera.kopierad::after{content:"Kopierat";font-size:11.5px;font-weight:600;color:#fff /* saknar token */;
  background:var(--mis-green);padding:2px 7px;border-radius:var(--mis-r-pill);margin-left:var(--mis-1)}

/* kompakt lista */
.mis-dlista{display:flex;flex-direction:column;gap:10px;margin:22px 0}
.mis-drad{display:grid;grid-template-columns:1.4fr 1.6fr auto;gap:18px;align-items:center;
  background:var(--mis-surface);border:1px solid var(--mis-line);border-radius:11px;padding:var(--mis-4) 20px}
.mis-drad__namn a{font-family:var(--mis-font-display);font-weight:700;font-size:16.5px;
  color:var(--mis-ink);text-decoration:none;display:block;line-height:1.3}
.mis-drad__namn a:hover{color:var(--mis-green)}
.mis-drad__ort{display:inline-block;font-size:13.5px;color:var(--mis-muted);margin-top:3px}
.mis-drad__syfte{display:block;font-size:13px;color:var(--mis-muted);margin-top:2px}
.mis-drad__konton{display:flex;flex-direction:column;gap:6px}
.mis-k{display:flex;gap:10px;align-items:baseline;font-size:14.5px}
.mis-k b{font-family:var(--mis-font-display);font-size:11px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--mis-muted);min-width:62px}
.mis-drad__mer{font-size:13.5px;white-space:nowrap;color:var(--mis-green)}
.mis-tomlista{background:var(--mis-green-tint);border-radius:11px;padding:18px 22px;font-size:16px}

/* block pa listningssidan */
/* Blocket ar numera ett kort bland de andra i innehallskolumnen och foljer
   deras bredd. Tidigare stod det ensamt langst ned och behovde egen max-bredd.
   Den grona kantlinjen till vanster far vara kvar -- den skiljer insamlingen
   fran ovriga kort, vilket ar meningen. Andrat 2026-08-29. */
.mis-donation{max-width:none;margin:0 0 22px;background:var(--mis-surface);
  border:1px solid var(--mis-line);border-left:3px solid var(--mis-green);
  border-radius:0 12px 12px 0;padding:var(--mis-5) 28px}
.mis-donation .directorist-card__body{padding:0}
.mis-donation h2{font-family:var(--mis-font-display);font-size:20px;font-weight:700;
  color:var(--mis-ink);margin:0 0 6px}
.mis-donation__syfte{color:var(--mis-muted);margin:0 0 var(--mis-4);font-size:15px}
.mis-donation__konton{display:flex;gap:26px;flex-wrap:wrap;padding:14px 0;
  border-top:1px solid var(--mis-line);border-bottom:1px solid var(--mis-line)}
.mis-kk b{display:block;font-family:var(--mis-font-display);font-size:11px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--mis-muted);margin-bottom:3px}
.mis-kk .mis-kopiera{font-size:19px}
.mis-donation__status{margin:var(--mis-4) 0 0;font-size:15px;line-height:1.6}
.mis-donation__status p{margin:0 0 6px}
.mis-donation__prov{font-size:13px;color:var(--mis-muted);margin:var(--mis-4) 0 0;line-height:1.55;
  padding-top:var(--mis-3);border-top:1px dashed var(--mis-line)}

@media(max-width:720px){
  .mis-drad{grid-template-columns:1fr;gap:var(--mis-3)}
  .mis-drad__mer{justify-self:start}
  .mis-donation{padding:20px 22px}
}


/* ===== mis-snippet-22 — /assets/css/fran-snippets/snippet-22.css ===== */
/* Rutnatet. Directorists innehallskolumn blir tva spalter: text + sidopanel.
   Sidopanelen ligger fore i kallkoden men placeras till hoger explicit. */
/* Tvaspaltigt forst vid 1120 px. Vid 1024 (iPad liggande) blev innehallet
   554 px medan sidopanelen tog 348 -- huvudspalten smalare an den borde vara
   i forhallande till en sidopanel. Under 1120 lasar sig sidan i stallet, vilket
   ar battre pa en surfplatta an tva trangda spalter. Matt 2026-08-29. */
@media (min-width:1120px){
  .directorist-single-listing-content .directorist-col-lg-12{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);
    grid-template-rows:auto 1fr;gap:0 38px;align-items:start}
  /* Raderna maste anges. Utan grid-row hamnar sidopanelen pa rad 1 och
     innehallet pa rad 2 -- alltsa under varandra i stallet for bredvid. */
  .directorist-single-listing-top{grid-column:1/-1;grid-row:1}
  .directorist-single-listing-content .directorist-single-wrapper{
    grid-column:1;grid-row:2;min-width:0}
  .mis-sidopanel{grid-column:2;grid-row:2;position:sticky;top:88px}
}
@media (max-width:1119px){
  .directorist-single-listing-content .directorist-col-lg-12{display:flex;flex-direction:column}
  .directorist-single-listing-top{order:1}
  .directorist-single-wrapper{order:2}
  .mis-sidopanel{order:3;margin-top:28px}
}

/* Menyn ryms inte pa en rad mellan 768 och ~1150: sex poster behover ~455 px
   men far 358, sa huvudet blir 140 px hogt i stallet for 80.
   FORSOK SOM MISSLYCKADES 2026-08-29: att lata hamburgaren ta over spannet.
   Hamburgarknappen ligger INNE i .theme-menu-container, sa att dolja
   containern dodade bade menyn och knappen -- navigeringen forsvann helt.
   En meny pa tva rader ar ful. Ingen meny alls ar trasigt. Vi tar den fula.
   Har kramas den bara ihop sa den tar mindre plats. */
@media (min-width:768px) and (max-width:1150px){
  .theme-menu li a,.main-navigation a,.menu-item a{font-size:14.5px!important;
    padding-left:var(--mis-2)!important;padding-right:var(--mis-2)!important;letter-spacing:0}
  .theme-header-menu-area,.menu-area{padding-top:6px;padding-bottom:6px}
  .btn-add-listing{font-size:13.5px!important;
    padding-left:var(--mis-3)!important;padding-right:var(--mis-3)!important}
}

/* ---------- rubrikblocket ---------- */
/* Directorists titelomslag ar flex-row: utan detta star h1 och vart block
   bredvid varandra och namnet radbryts mitt i. */
.directorist-single-listing-header__listing-title-wrapper{
  flex-direction:column;align-items:stretch!important;width:100%}
.directorist-single-listing-header__listing-title{margin-bottom:0}
.directorist-single-listing-header__left{flex:1 1 auto;min-width:0}
.mis-topp{margin:14px 0 2px;width:100%}
.mis-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mis-2) var(--mis-3)}

.mis-flagga{display:inline-flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:600;line-height:1;padding:7px var(--mis-3) 7px 10px;border-radius:999px}
.mis-flagga svg{width:15px;height:15px;flex:none}
.mis-flagga--ja{background:var(--mis-green-tint);color:var(--mis-green-deep)}
.mis-flagga--kanske{background:#FBF3E2 /* saknar token */;color:#8A6A1C /* saknar token */}
.mis-flagga--agare{background:#EAF1FB /* saknar token */;color:#1B4C86 /* saknar token */}

.mis-oppet{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600}
.mis-prick{width:var(--mis-2);height:var(--mis-2);border-radius:50%;flex:none;background:currentColor}
.mis-oppet--ja{color:#157347 /* saknar token */}
.mis-oppet--nej{color:#9B3E36 /* saknar token */}
.mis-oppet__detalj{font-weight:400;color:var(--mis-muted)}

.mis-pris{font-size:15px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.mis-pris b{color:var(--mis-forest);font-weight:700}
.mis-pris span{color:#C9D2CD /* saknar token */}

.mis-underrad{margin:11px 0 0;color:var(--mis-muted);font-size:15px;
  display:flex;flex-wrap:wrap;gap:var(--mis-1) 14px}
/* Separatorpricken satt kvar aven nar spanen radbrots, sa raden borjade med
   en ensam prick pa smala skarmar. Flex-gap gor samma jobb utan den. */
.mis-underrad{gap:2px var(--mis-4)}
@media (min-width:640px){
  .mis-underrad span+span::before{content:"";display:inline-block;width:3px;height:3px;
    border-radius:50%;background:#C2CCC7 /* saknar token */;margin:0 var(--mis-3) 3px -14px;vertical-align:middle}
}

/* ---------- handlingsraden ---------- */
.mis-handlingar{display:flex;flex-wrap:wrap;gap:var(--mis-2);margin:18px 0 var(--mis-1)}
.mis-knapp{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;
  border:1px solid var(--mis-line);border-radius:999px;background:var(--mis-surface);
  color:var(--mis-forest);font-family:var(--mis-font-display);font-weight:600;font-size:14.5px;
  line-height:1;text-decoration:none;transition:transform .16s cubic-bezier(.16,1,.3,1),
  border-color .16s ease,box-shadow .16s ease}
.mis-knapp svg{width:17px;height:17px;flex:none;opacity:.72}
.mis-knapp:hover{transform:translateY(-1px);border-color:var(--gron-400);
  box-shadow:0 6px var(--mis-4) -10px rgba(11,61,38,.55);color:var(--mis-forest)}
.mis-knapp--primar{background:var(--mis-green);border-color:var(--mis-green);color:#fff}
.mis-knapp--primar svg{opacity:.9}
.mis-knapp--primar:hover{background:var(--mis-green-deep);border-color:var(--mis-green-deep);color:#fff}
.mis-knapp--bred{width:100%;justify-content:center;margin-top:var(--mis-3)}

/* ---------- sidopanelen: ETT kort, harfina avdelare ---------- */
.mis-sidopanel{font-size:15px}
.mis-sidopanel>.mis-panel:not(.mis-panel--agare){
  background:var(--mis-surface);border:1px solid var(--mis-line);border-bottom:0;
  padding:20px 20px 22px}
.mis-sidopanel>.mis-panel:first-child{border-radius:14px 14px 0 0}
.mis-sidopanel>.mis-panel--halal{border-bottom:1px solid var(--mis-line);border-radius:0 0 14px 14px}
.mis-sidopanel>.mis-panel+.mis-panel:not(.mis-panel--agare){
  border-top:1px solid var(--mis-line);margin-top:0}
.mis-panel h2{font-size:12px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--mis-muted);margin:0 0 14px}

.mis-lista{margin:0;display:grid;grid-template-columns:1fr;gap:13px}
.mis-lista dt{font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:#93A099 /* saknar token */;margin:0 0 2px;font-weight:600}
.mis-lista dd{margin:0;color:var(--mis-ink);line-height:1.45}
.mis-lista a{color:var(--mis-green);word-break:break-word}
.mis-lista a:hover{text-decoration:underline}
.mis-mini{display:block;font-size:13.5px;margin-top:var(--mis-1)}
.mis-mini--block{display:block;text-align:center;margin-top:10px;color:var(--mis-muted)}
.mis-mini--block:hover{color:var(--mis-green)}
.mis-gm{margin-left:7px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:#93A099 /* saknar token */;border:0;text-decoration:none;cursor:help}

.mis-socrad{display:flex;flex-wrap:wrap;gap:7px}
.mis-soc{display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;
  border:1px solid var(--mis-line);border-radius:999px;font-size:13.5px;font-weight:600;
  color:var(--mis-forest);transition:border-color .16s ease,transform .16s cubic-bezier(.16,1,.3,1)}
.mis-soc svg{width:15px;height:15px;opacity:.7}
.mis-soc:hover{border-color:var(--gron-400);transform:translateY(-1px);text-decoration:none}

/* ---------- oppettider ---------- */
.mis-nu{display:flex;align-items:center;gap:7px;margin:0 0 var(--mis-3);font-weight:600;font-size:14.5px}
.mis-nu--ja{color:#157347 /* saknar token */}
.mis-nu--nej{color:#9B3E36 /* saknar token */}
.mis-tider{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.mis-tider,.mis-tider tbody,.mis-tider tr,.mis-tider th,.mis-tider td{border:0;background:none;padding-left:0;padding-right:0}
.mis-tider tr{border-top:1px solid #F0F3F1 /* saknar token */}
.mis-tider tr:first-child{border-top:0}
.mis-tider th{text-align:left;font-weight:400;color:var(--mis-muted);padding:6px 0;font-size:14.5px}
.mis-tider td{text-align:right;padding:6px 0;font-size:14.5px;color:var(--mis-ink)}
.mis-tider .mis-idag th,.mis-tider .mis-idag td{font-weight:700;color:var(--mis-forest)}
.mis-tider .mis-idag th span{font-weight:600;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mis-green);margin-left:6px}
.mis-stangt{color:#A9B4AF /* saknar token */}

/* ---------- halal ---------- */
.mis-halal{display:flex;gap:9px;margin:0;line-height:1.5;font-size:14.5px}
.mis-halal svg{width:17px;height:17px;flex:none;margin-top:3px}
.mis-halal--ja{color:var(--mis-green-deep)}
.mis-halal--kanske{color:#7A5E17 /* saknar token */}
.mis-halal em{color:inherit}
.mis-kalla{display:flex;gap:7px;align-items:flex-start;margin:var(--mis-3) 0 0;
  font-size:13px;line-height:1.45;color:var(--mis-muted)}
.mis-kalla svg{width:14px;height:14px;flex:none;margin-top:2px;opacity:.7}
.mis-tomt{margin:0;color:var(--mis-muted);font-size:14.5px;line-height:1.5}

/* ---------- vad vi vet / vad som saknas ----------
   Egen platta i gront, bryter rytmen mot det vita kortet ovanfor. Det som
   saknas ar avsiktligt lagmalt: chips i outline, inte roda varningar. Det ar
   en inbjudan, inte en anmarkning. */
.mis-panel--komplett{margin-top:var(--mis-4);padding:20px;border-radius:14px;
  background:var(--mis-green-tint);border:1px solid #D8E7DF /* saknar token */}
.mis-panel--komplett h2{color:var(--mis-green-deep);margin-bottom:var(--mis-2)}
.mis-rakning{margin:0 0 var(--mis-2);font-size:14.5px;color:var(--mis-green-deep)}
.mis-rakning b{font-size:19px;font-weight:700;color:var(--mis-forest);
  font-variant-numeric:tabular-nums}
.mis-matare{height:5px;border-radius:99px;background:#D3E5DB /* saknar token */;overflow:hidden;margin:0 0 var(--mis-4)}
.mis-matare i{display:block;height:100%;background:var(--mis-green);border-radius:99px;
  transition:width .8s cubic-bezier(.16,1,.3,1)}

.mis-saknas-rubrik{margin:0 0 var(--mis-2);font-size:11.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:#7E9488 /* saknar token */}
.mis-saknas{list-style:none;margin:0 0 var(--mis-4);padding:0;
  display:flex;flex-wrap:wrap;gap:6px}
.mis-saknas li{display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px 5px var(--mis-2);border:1px dashed #B9D2C5 /* saknar token */;border-radius:999px;
  font-size:13px;color:#5D7A6B /* saknar token */;background:rgba(255,255,255,.5)}
.mis-saknas svg{width:13px;height:13px;opacity:.55;flex:none}

.mis-komplett-klar{display:flex;gap:var(--mis-2);align-items:flex-start;margin:0;
  font-size:14.5px;line-height:1.5;color:var(--mis-green-deep)}
.mis-komplett-klar svg{width:var(--mis-4);height:var(--mis-4);flex:none;margin-top:3px}
.mis-komplett-cta p{margin:0;font-size:14.5px;line-height:1.5;color:var(--mis-green-deep)}
.mis-komplett-cta b{color:var(--mis-forest)}

.mis-tipsa{margin-top:14px;border-top:1px solid #D8E7DF /* saknar token */;padding-top:var(--mis-3)}
.mis-tipsa summary{cursor:pointer;font-size:14px;font-weight:600;
  color:var(--mis-green-deep);list-style:none}
.mis-tipsa summary::-webkit-details-marker{display:none}
.mis-tipsa summary::after{content:"›";margin-left:6px;display:inline-block;
  transition:transform .2s cubic-bezier(.16,1,.3,1)}
.mis-tipsa[open] summary::after{transform:rotate(90deg)}
.mis-tipsa__text{margin:10px 0;padding:var(--mis-3) 14px;background:var(--mis-surface);
  border:1px solid var(--mis-line);border-radius:10px;
  font-size:13.5px;line-height:1.55;color:var(--mis-ink)}
.mis-tipsa__kopiera{justify-content:center;margin:0}
.mis-tipsa__kopiera.kopierad{background:var(--mis-green);border-color:var(--mis-green);
  color:#fff}

/* ---------- menyblocket: rader, inte rutor ---------- */
.mis-meny .directorist-card__header__title{display:flex;align-items:center;gap:9px}
.mis-meny .directorist-card__header__title svg{width:19px;height:19px;opacity:.55}
.mis-menylankar{border-top:1px solid var(--mis-line)}
.mis-menyrad{display:flex;align-items:center;gap:14px;padding:15px var(--mis-1);
  border-bottom:1px solid var(--mis-line);color:var(--mis-forest);
  transition:padding .2s cubic-bezier(.16,1,.3,1),background .2s ease}
.mis-menyrad:hover{background:#FAFCFB /* saknar token */;padding-left:10px;padding-right:0;text-decoration:none}
.mis-menyrad__ikon svg{width:21px;height:21px;opacity:.5}
.mis-menyrad__text{display:flex;flex-direction:column;gap:1px;min-width:0}
.mis-menyrad__text strong{font-family:var(--mis-font-display);font-size:var(--mis-4);font-weight:600}
.mis-menyrad__text small{color:var(--mis-muted);font-size:13px}
.mis-pil{margin-left:auto;color:#B7C3BD /* saknar token */;font-size:19px;
  transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s ease}
.mis-menyrad:hover .mis-pil{transform:translateX(5px);color:var(--mis-green)}

/* Ingen bild? Da ingen bildyta. Directorist lagger annars in sin egen
   gra platshallare (assets/images/grid.jpg), och en tom gra ruta hogst upp
   ar samre an ingenting alls. */
<?php if ( ! mis_har_bilder( get_the_ID() ) ) : ?>
.theme-single-listing-slider-wrap{display:none!important}
/* Temat drar upp listningsytan under den genomskinliga menyn -- meningen ar
   att menyn ska ligga ovanpa bildspelet. Utan bild finns inget att ligga
   ovanpa, sa rubriken hamnar bakom menyn. Da far ytan luft i stallet. */
.directorist-single-listing-header-wrap{padding-top:var(--mis-7);padding-bottom:26px}
<?php endif; ?>

/* Bandet med Tillbaka-knappen tog 40 px och en egen gra platta for en enda
   lank. Den far ligga kvar men utan platta och utan luft omkring sig. */
.directorist-single-listing-top{background:none!important;padding:0!important;
  margin:0 0 6px!important;min-height:0}
.directorist-single-listing-content{padding-top:22px}

/* Beskrivningen ska vara text, inte en ruta i en ruta. */
.directorist-single-info.directorist-listing-details__text{
  border:0!important;background:none!important;padding:0!important}

/* Directorists rubriker far samma lugna ton som panelrubrikerna */
.directorist-single-listing-content .directorist-card__header__title{
  font-size:17px;letter-spacing:-.01em}


/* ===== mis-snippet-23 — /assets/css/fran-snippets/snippet-23.css ===== */
<?php if ( ! mis_har_ort() ) : ?>
.listing-with-sidebar__sidebar.left-sidebar-contents{display:none!important /* !important för att skriva över Directorist */}
.listing-with-sidebar__contents>.listing-with-sidebar__main,
.listing-with-sidebar__contents>*:not(.listing-with-sidebar__sidebar){
  flex:1 1 100%!important /* !important för att skriva över Directorist */;max-width:100%!important /* !important för att skriva över Directorist */;width:100%!important /* !important för att skriva över Directorist */}
<?php endif; ?>

.mis-kortrad{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:7px 0 2px;
  font-size:14px;line-height:1}
.mis-kort-oppet{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.mis-kort-oppet i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.mis-kort-oppet b{font-weight:400;color:var(--mis-muted)}
.mis-kort-oppet.ar-oppet{color:#157347 /* saknar token */}
.mis-kort-oppet.ar-stangt{color:#9B3E36 /* saknar token */}
.mis-kort-pris{letter-spacing:.04em;font-variant-numeric:tabular-nums}
.mis-kort-pris b{color:var(--mis-forest);font-weight:700}
.mis-kort-pris i{color:#C9D2CD /* saknar token */;font-style:normal}
.mis-kort-meny{display:inline-flex;align-items:center;gap:5px;color:var(--mis-muted);font-size:13.5px}
.mis-kort-meny svg{width:14px;height:14px;opacity:.65}

/* Utan bildyta blev korten hoga och luftiga for lite innehall. Dra ihop dem
   sa att fler stallen syns utan att man behover skrolla. */
.directorist-listing-single--bg .directorist-listing-single__content{padding:var(--mis-4) 18px}
.directorist-listing-single{margin-bottom:var(--mis-3)!important /* !important för att skriva över Directorist */}
.directorist-listing-single__meta{margin-top:var(--mis-2)}


/* ===== mis-snippet-27 — /assets/css/fran-snippets/snippet-27.css ===== */
.mis-tjanster .directorist-card__header__title{display:flex;align-items:center;gap:9px}
.mis-tjanster .directorist-card__header__title svg{width:18px;height:18px;opacity:.5}

.mis-tj-tomt{margin:0 0 14px;color:var(--mis-muted);font-size:15px;line-height:1.6}
.mis-tj-mojligt{list-style:none;margin:0 0 var(--mis-4);padding:0;
  display:flex;flex-wrap:wrap;gap:6px}
.mis-tj-mojligt li{padding:5px 11px;border:1px dashed #CBD6D0; /* saknar token */ border-radius:var(--mis-r-pill);
  font-size:13px;color:#6B7C74 /* saknar token */}
.mis-tj-cta{margin:0;font-size:14.5px;line-height:1.55;color:var(--mis-green-deep);
  background:var(--mis-green-tint);border-radius:var(--mis-r-control);padding:var(--mis-3) 14px}
.mis-tj-cta b{color:var(--mis-forest)}

/* det de FAKTISKT erbjuder -- radlista med bock, inte rutnat */
.mis-tj-ja{list-style:none;margin:0 0 var(--mis-1);padding:0}
.mis-tj-ja li{display:flex;align-items:flex-start;gap:10px;padding:10px 2px;
  border-bottom:1px solid #F0F3F1; /* saknar token */ font-size:15.5px}
.mis-tj-ja li:last-child{border-bottom:0}
.mis-tj-ja svg{width:var(--mis-4);height:var(--mis-4);flex:none;margin-top:var(--mis-1);color:var(--mis-green)}
.mis-tj-ja small{color:var(--mis-muted);font-size:13.5px}

.mis-tj-grupp{margin-top:18px}
.mis-tj-grupp h4{margin:0 0 var(--mis-2);font-size:11.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--mis-muted)}
.mis-tj-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mis-tj-chips li{padding:5px 11px;border:1px solid var(--mis-line);border-radius:var(--mis-r-pill);
  font-size:13.5px;background:var(--mis-surface)}
.mis-tj-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--mis-1) var(--mis-4);font-size:15px}
.mis-tj-dl dt{color:var(--mis-muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.mis-tj-dl dd{margin:0}

.mis-tj-nej,.mis-tj-okant{margin:var(--mis-4) 0 0;font-size:14px;line-height:1.55;color:var(--mis-muted)}
.mis-tj-nej b,.mis-tj-okant b{color:var(--mis-forest);font-weight:600}

.mis-tj-kalender{margin:var(--mis-4) 0 0;display:flex;align-items:center;gap:var(--mis-2);font-size:15px}
.mis-tj-kalender svg{flex:none;width:18px;height:18px;color:var(--gron-600,currentColor)}
.mis-tj-kalender a{color:var(--mis-forest);text-decoration:underline;text-underline-offset:3px}

.mis-tj-kalla{margin:14px 0 0;padding-top:var(--mis-3);border-top:1px solid var(--mis-line,#e6e6e6); /* saknar token */
  display:flex;gap:var(--mis-2);font-size:13px;line-height:1.5;color:var(--mis-muted)}
.mis-tj-kalla svg{flex:none;width:var(--mis-4);height:var(--mis-4);margin-top:1px}
.mis-tj-kalla a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.mis-tj-kalla--bekraftad{color:var(--mis-forest)}


/* ===== mis-snippet-29 — /assets/css/fran-snippets/snippet-29.css ===== */
.mis-bon__nasta{margin:0 0 var(--mis-3);font-size:15px;color:var(--mis-green-deep)}
.mis-bon__nasta strong{color:var(--mis-forest);font-family:var(--mis-font-display);font-weight:700}
.mis-bon__nasta span{color:var(--mis-muted);font-weight:400}
.mis-bon__tabell th{font-family:var(--mis-font-display);font-weight:500}
.mis-bon__ej{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:#A9B4AF /* saknar token */;margin-left:6px}
.mis-bon .mis-idag th,.mis-bon .mis-idag td{color:var(--mis-green-deep)}
.mis-bon__bekraftad{display:flex;gap:7px;align-items:center;margin:0 0 var(--mis-3);
  font-size:13.5px;font-weight:600;color:var(--mis-green-deep)}
.mis-bon__bekraftad svg{width:15px;height:15px;flex:none;color:var(--mis-green)}
.mis-bon__rubrik th,.mis-bon__rubrik td{font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:#93A099 /* saknar token */;font-weight:600;
  padding-bottom:2px;border:0}
.mis-bon__iq{text-align:right;color:var(--mis-green-deep);font-weight:600}
.mis-bon__jumua{margin:var(--mis-3) 0 0;padding-top:11px;border-top:1px solid #F0F3F1 /* saknar token */;
  font-size:14.5px;color:var(--mis-ink)}
.mis-bon__jumua strong{font-family:var(--mis-font-display);color:var(--mis-forest)}
.mis-bon__lank{margin:6px 0 0;font-size:13.5px}
.mis-bon__webb{color:#7A5E17 /* saknar token */}
.mis-bon__webb svg{color:#B08A22 /* saknar token */}


/* ===== mis-snippet-48 — /assets/css/fran-snippets/snippet-48.css ===== */
.directorist-add-listing-wrapper{max-width:1240px !important} /* Behåller !important pga osäkerhet kring specificitet mot pluginen */
.multistep-wizard{gap:40px}
.multistep-wizard__nav{min-width:250px;max-width:250px}
/* min-width:0 -- utan den vagrar flexcellen krympa under editorns egen bredd */
.multistep-wizard__wrapper,.multistep-wizard__content{flex:1;min-width:0}

/* Falten far anda inte bli oandligt breda: en textrad over 90 tecken ar
   svarlast, och det ar samma sak i ett formular som i en artikel. */
.directorist-add-listing-form .directorist-content-module__contents{max-width:820px}

/* TEMATS EGEN CONTAINER var den verkliga begransningen.
   Regeln ovan satter ratt bredd pa Directorists wrapper, men OneListing lagger
   den i en `.container` som kapar bredden innan var regel far nagon effekt --
   darfor sag formularet oforandrat smalt ut aven efter 2026-08-30.
   `:has()` gor att bara de sidor som faktiskt bar ett formular breddas; ovriga
   sidor ska ha kvar sin lasbara textbredd. Stods av Safari 15.4+ och Chrome
   105+; i aldre webblasare faller regeln bort och vi ar tillbaka pa det gamla
   utseendet, aldrig pa nagot trasigt. Tillagt 2026-09-03. */
.container:has(.directorist-add-listing-wrapper),
.theme-container:has(.directorist-add-listing-wrapper),
.content-area:has(.directorist-add-listing-wrapper),
.site-content:has(.directorist-add-listing-wrapper),
.directorist-container:has(.directorist-add-listing-wrapper){
  max-width:1400px !important;width:100% !important; /* Behåller !important pga osäkerhet kring temat/pluginens specifika stilar */
  padding-left:var(--mis-5);padding-right:var(--mis-5)}

@media only screen and (max-width:1320px){
  .directorist-add-listing-wrapper{max-width:100% !important;padding-left:var(--mis-5);padding-right:var(--mis-5)} /* Behåller !important pga osäkerhet */
}
@media only screen and (max-width:991px){
  .multistep-wizard{gap:var(--mis-5)}
  .directorist-add-listing-form .directorist-content-module__contents{max-width:none}
}


/* ===== mis-system — /assets/css/system.css ===== */
/* ==========================================================================
   system.css — designsystem v2 (2026-11-04, clients/muslimsisverige/DESIGN-V2.md)

   Laddas SIST. Den äger det som förut var utspritt: knapparna, fokusringen,
   halalchippet, kortets bildyta, innehållskanten och den fasta mobilraden.
   Klassnamnen i mallarna och mu-plugins behålls — de gamla specialknapparna
   mappas här på systemets fyra varianter i stället för att döpas om.
   ========================================================================== */

:root{
  --mis-wrap:1344px;            /* .mis-wrap — innehållskanten, en enda */
  --mis-wrap-pad:24px;
  --mis-kant:max(16px,calc((100vw - var(--mis-wrap)) / 2 + var(--mis-wrap-pad)));
  --mis-ease-ut:cubic-bezier(.16,1,.3,1);
  --mis-ring:0 0 0 2px var(--mis-sand),0 0 0 4px var(--mis-green);
}
@media (max-width:640px){:root{--mis-wrap-pad:16px}}

/* ------------------------------------------------------------ fokus: EN regel
   base.css och tokens.css hade var sin (grön resp. mässing). Ringen ritas som
   skugga så att den följer knappens radie och aldrig klipps av overflow. */
body :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid transparent;outline-offset:2px;box-shadow:var(--mis-ring);border-radius:var(--mis-r-control)}
body :where(.mis-huvud__servicerad,.mis-fot,.mis-bontider,.mis-bonband,.mis-agarruta,.mis-kakel__ett) :focus-visible,
:where(body) .mis-kakel__ett:focus-visible{box-shadow:0 0 0 2px var(--mis-forest),0 0 0 4px var(--mis-brass-light)}

/* ------------------------------------------------------------------ knappen
   Fyra varianter · tre storlekar · ikonknapp. Hover = färg OCH lyft. */
:where(body) .mis-btn{
  align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:var(--mis-r-control);
  font:inherit;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.005em;
  text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .3s var(--mis-ease-ut),transform .3s var(--mis-ease-ut)}
:where(body) .mis-btn svg{flex:none;width:17px;height:17px}
:where(body) .mis-btn:hover{transform:translateY(-1px)}
:where(body) .mis-btn:active{transform:translateY(0);transition-duration:.06s}
:where(body) .mis-btn[disabled],:where(body) .mis-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}

:where(body) .mis-btn--primar{background:var(--mis-green);border-color:var(--mis-green);color:#fff}
:where(body) .mis-btn--primar:hover{background:var(--mis-forest);border-color:var(--mis-forest);color:#fff;box-shadow:0 10px 22px -12px rgba(12,74,54,.7)}
:where(body) .mis-btn--linje{background:var(--mis-surface);border-color:var(--mis-green);color:var(--mis-green)}
:where(body) .mis-btn--linje:hover{background:var(--mis-green-tint);color:var(--mis-green-deep)}
:where(body) .mis-btn--tyst{background:var(--mis-surface);border-color:var(--mis-input-border);color:var(--mis-ink)}
:where(body) .mis-btn--tyst:hover{border-color:var(--mis-green);color:var(--mis-green-deep);box-shadow:0 8px 18px -14px rgba(20,38,30,.5)}
:where(body) .mis-btn--guld{background:var(--mis-brass-light);border-color:var(--mis-brass-light);color:var(--mis-forest);font-weight:700}
:where(body) .mis-btn--guld:hover{background:#EDD6A3;border-color:#EDD6A3;color:var(--mis-forest);box-shadow:0 10px 22px -12px rgba(0,0,0,.5)}

:where(body) .mis-btn--liten{min-height:38px;padding:0 14px;font-size:14px}
:where(body) .mis-btn--stor{min-height:54px;padding:0 26px;font-size:16px}
:where(body) .mis-btn--bred{display:flex;width:100%}
:where(body) .mis-btn--ikon{width:46px;min-width:46px;padding:0}

/* De gamla specialknapparna — samma system, inga nya utseenden. */
:where(body) .mis-sokrad__knapp{min-height:54px;border-radius:var(--mis-r-control);transition:background-color .18s ease,box-shadow .3s var(--mis-ease-ut)}
:where(body) .mis-sokrad__knapp:hover{box-shadow:0 10px 22px -12px rgba(12,74,54,.7)}
:where(body) .mis-bontider__knapp,:where(body) .mis-agarruta__knapp{min-height:48px;border-radius:var(--mis-r-control);font-weight:700;
  transition:background-color .18s ease,transform .3s var(--mis-ease-ut)}
:where(body) .mis-bontider__knapp:hover,:where(body) .mis-agarruta__knapp:hover{transform:translateY(-1px)}
:where(body) .mis-listning__knappar .mis-spara{min-height:46px;border-radius:var(--mis-r-control);transition:border-color .18s ease,color .18s ease,transform .3s var(--mis-ease-ut)}
:where(body) .mis-listning__knappar .mis-spara:hover{transform:translateY(-1px)}
:where(body) .mis-rund{width:44px;height:44px}

/* En primär per vy: kartkortets Vägbeskrivning är sekundär — den primära
   står redan överst (DESIGN-V2 §4). */
:where(body) .mis-kartkort__knappar .mis-btn--primar{background:var(--mis-surface);border-color:var(--mis-green);color:var(--mis-green)}
:where(body) .mis-kartkort__knappar .mis-btn--primar:hover{background:var(--mis-green-tint);color:var(--mis-green-deep);box-shadow:none}

/* Träffytor på pekskärm: chips och länkpiller blir 44 px. */
@media (pointer:coarse){
  :where(body) .mis-kombolankar a,:where(body) .mis-sokrad__forslag a,:where(body) .mis-chip,:where(body) .mis-pillank{min-height:44px;display:inline-flex;align-items:center}
  :where(body) .mis-btn--liten{min-height:44px}
}

/* ------------------------------------------------------------- halalchippet
   Läget ur mis_halal_lage(). Färgen säger hur stark KÄLLAN är — aldrig något
   om maten. Samma chip på kort, listning och sökträff. */
.mis-halalchip{display:inline-flex;align-items:center;gap:6px;max-width:100%;
  padding:4px 10px 4px 8px;border-radius:var(--mis-r-pill);border:1px solid transparent;
  font-size:12.5px;font-weight:650;line-height:1.3}
.mis-halalchip svg{flex:none;width:13px;height:13px}
.mis-halalchip--ja{background:var(--mis-green-tint);border-color:#CFE2D6;color:var(--mis-green-deep)}
.mis-halalchip--kalla{background:var(--mis-brass-tint);border-color:#EBDCC2;color:var(--mis-brass-text)}
.mis-halalchip--okand{background:#F1ECE4;border-color:#E6DED2;color:#5F5A52}
.mis-halalchip--stor{padding:7px 14px 7px 11px;font-size:14px}
.mis-halalchip--stor svg{width:16px;height:16px}

/* Svaret på listningen — "Är X halal?" ovanför vecket (J2). */
.mis-svar{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:2px 0 0}
/* Punkten före adressen när ingen öppetstatus står framför den. */
.mis-listning__oppet:empty{display:none}
.mis-listning__oppet:empty + .mis-listning__adress::before,.mis-listning__status > .mis-listning__adress:first-child::before{content:none}
.mis-svar__rad{margin:0;font-size:14px;line-height:1.5;color:var(--mis-ink-2);max-width:68ch}
.mis-svar__rad a{font-weight:600;white-space:nowrap}

/* ------------------------------------------------------- kortets bildyta
   Logotyp: hel, på vitt, med luft. Foto: fyller. Ingen bild: initialer. */
.mis-lkort__bild:has(img.mis-bild--logo),.mis-narakort__bild:has(img.mis-bild--logo){background:var(--mis-bildbg,#fff)}
.mis-lkort__bild{height:136px;border-bottom:1px solid var(--mis-line-soft)}
.mis-lkort__bild img.mis-bild--logo{padding:16px 22px}
.mis-narakort__bild{position:relative}
.mis-narakort__bild img.mis-bild--logo{object-fit:contain;padding:14px 18px;background:var(--mis-bildbg,#fff)}
.mis-narakort .mis-initialer{font-size:30px}
.mis-lkort__markar{gap:6px 8px}
.mis-lkort__titel{font-size:19.5px}
@media (max-width:640px){
  .mis-lkort__bild{height:auto;border-bottom:0;border-right:1px solid var(--mis-line-soft)}
  .mis-lkort__bild img.mis-bild--logo{padding:10px}
}

/* ---------------------------------------------------- innehållskanten
   Startsidans kakelrad och "Nära dig" låg 88 px innanför allt annat
   (1280/80 mot .mis-wrap 1344/24). En kant för hela sidan. */
:where(body) .mis-kakel__rad{padding-left:var(--mis-kant);padding-right:var(--mis-kant);scroll-padding-inline:var(--mis-kant)}
:where(body) .mis-nara{max-width:var(--mis-wrap);padding-left:var(--mis-wrap-pad);padding-right:var(--mis-wrap-pad)}

/* ----------------------------------------------------------- startsidan */
.mis-sokrad__nara{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:14px 0 0}
.mis-sokrad__nara .mis-btn{gap:9px}
.mis-sokrad__nara-text{font-size:13.5px;color:var(--mis-muted)}
.mis-senast{padding-top:var(--mis-8)}
.mis-senast .mis-katalog__kort{display:grid}
.mis-senast__fot{margin:var(--mis-5) 0 0}

/* --------------------------------------------- katalogens verktygsfält */
.mis-verktygsfalt__hoger{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mis-verktygsfalt__hoger .mis-sortera{margin:0}

/* ------------------------------------------------- fasta mobilraden
   Ring + Vägbeskrivning under tummen när handlingsraden scrollats bort.
   main.js sätter .ar-synlig; utan JS syns den aldrig. */
.mis-fastrad{display:none}
@media (max-width:760px){
  .mis-fastrad{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(250,246,239,.96);
    -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);
    border-top:1px solid var(--mis-line);box-shadow:0 -10px 24px -18px rgba(20,38,30,.45);
    transform:translateY(110%);transition:transform .35s var(--mis-ease-ut);visibility:hidden}
  .mis-fastrad.ar-synlig{transform:none;visibility:visible}
  .mis-fastrad .mis-btn{flex:1 1 0;min-height:50px}
  body.har-fastrad .mis-fot{padding-bottom:84px}
}

/* Listningens handlingsrad på mobil: Ring på egen rad, resten delar. */
@media (max-width:640px){
  .mis-listning__knappar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mis-listning__knappar > .mis-btn--primar{grid-column:1 / -1}
  .mis-listning__knappar > form{display:contents}
  .mis-listning__knappar .mis-btn,.mis-listning__knappar .mis-spara{width:100%;justify-content:center}
  .mis-listning__knappar .mis-btn--ikon{width:100%}
  /* Ett udda antal under Ring: den sista tar hela raden i stället för en halv. */
  .mis-listning__knappar > .mis-btn--primar:first-child ~ :last-child:nth-child(even),
  .mis-listning__knappar > :first-child:not(.mis-btn--primar) ~ :last-child:nth-child(odd){grid-column:1 / -1}
}

/* ---------------------------------------------- varv 3 (efter utvärdering) */
/* "Spara" ärvde serifen ur snippet #22. */
:where(body) .mis-listning__knappar .mis-spara,:where(body) .mis-listning__knappar .mis-spara span{font-family:var(--mis-font-body)}
/* Kartans platshållartext låg kant i kant med kortet. */
.mis-karta__visa{padding:0 20px;text-align:center}

@media (max-width:640px){
  /* J1 på mobilen: Nära mig före "Populärt nu" — det är telefonens fråga. */
  .mis-hjalte__vanster{display:flex;flex-direction:column}
  .mis-hjalte__vanster > .mis-sokrad__nara{order:1}
  .mis-hjalte__vanster > .mis-sokrad__forslag{order:2}
  .mis-sokrad__nara{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mis-sokrad__nara .mis-btn{padding:0 8px;font-size:14.5px;white-space:nowrap}
  .mis-sokrad__nara-text{grid-column:1 / -1;font-size:12.5px}

  /* Chipsrader blir en rad man sveper i stället för en vägg av rader. */
  .mis-sokrad__forslag,.mis-kombolankar ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    margin-left:-16px;margin-right:-16px;padding:2px 16px 6px;scroll-padding-inline:16px}
  .mis-sokrad__forslag::-webkit-scrollbar,.mis-kombolankar ul::-webkit-scrollbar{display:none}
  .mis-sokrad__forslag > *,.mis-kombolankar li{flex:none}
  .mis-sokrad__forslag a,.mis-kombolankar a{white-space:nowrap}

  /* Verktygsfältet: antal på egen rad, Närmast mig + Sortera delar nästa. */
  .mis-verktygsfalt__hoger{width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px}
  .mis-verktygsfalt__hoger .mis-sortera{display:flex;align-items:center;gap:8px;min-width:0}
  .mis-verktygsfalt__hoger .mis-sortera select{min-width:0;flex:1}

  .mis-halalchip{font-size:12px;padding:3px 9px 3px 7px}
}
@media (max-width:400px){.mis-sokrad__nara .mis-btn svg{display:none}}

@media (prefers-reduced-motion:reduce){
  :where(body) .mis-btn,:where(body) .mis-btn:hover,.mis-fastrad{transform:none!important;transition:none!important}
}