@font-face{font-family:Cardo;src:url(fonts/cardo-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  --kram:#f7f0e9;
  --kram-mork:#ede1d3;
  --kol:#2a211b;
  --kol-mjuk:#5a4c42;
  --glod:#b5481f;
  --glod-mork:#8f3814;
  --vit:#fffdfa;
  --linje:#e0d2c2;
  --rubrik:Cardo,Georgia,serif;
  --text:Inter,system-ui,sans-serif;
  --bredd:1080px;
  --radie:14px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kram);color:var(--kol);font:400 1.0625rem/1.65 var(--text)}
a{color:var(--kol);text-decoration-color:var(--glod);text-underline-offset:3px}
h1,h2,h3{font-family:var(--rubrik);font-weight:700;line-height:1.12;margin:0 0 .5em;color:var(--kol);text-wrap:balance}
h1{font-size:clamp(2.4rem,6vw,4.2rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.wrap{max-width:var(--bredd);margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Sidhuvud */
.topp{position:sticky;top:0;z-index:20;background:rgba(247,240,233,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linje)}
.topp .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.logga{font-family:var(--rubrik);font-weight:700;font-size:1.9rem;text-decoration:none;letter-spacing:-.01em}

/* Knappar */
.knapp,.wp-block-button__link,.vedson-knapp{display:inline-block;background:var(--glod);color:var(--vit);text-decoration:none;font:600 1rem var(--text);padding:.85em 1.5em;border-radius:999px;border:2px solid var(--glod);cursor:pointer}
.knapp:hover,.wp-block-button__link:hover,.vedson-knapp:hover{background:var(--glod-mork);border-color:var(--glod-mork);color:var(--vit)}
.knapp.liten{padding:.55em 1.1em;font-size:.95rem}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--kol);border-color:var(--kol)}

/* Innehållet från redigeraren: varje toppblock får sidbredd, grupper med bakgrund går kant i kant */
.innehall>*{max-width:var(--bredd);margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
.innehall>.alignfull{max-width:none;padding-left:max(16px,calc((100% - var(--bredd))/2 + 16px));padding-right:max(16px,calc((100% - var(--bredd))/2 + 16px))}
.innehall>.wp-block-group{padding-top:72px;padding-bottom:72px}
.innehall>.wp-block-group.has-background{margin-top:0;margin-bottom:0}
.innehall p.ingress,.innehall .ingress{font-size:1.2rem;color:var(--kol-mjuk);max-width:36em}
.hero{padding-top:80px!important;padding-bottom:64px!important}
.wp-block-columns{gap:24px}
.kort{background:var(--vit);border:1px solid var(--linje);border-radius:var(--radie);padding:24px}
.kort h3{margin-bottom:.3em}
.has-kram-mork-background-color{background:var(--kram-mork)}
.morkt{background:var(--kol);color:var(--kram)}
.morkt h2,.morkt h3,.morkt a{color:var(--kram)}

/* Butiken */
.vedson-varor{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px}
.vedson-vara{background:var(--vit);border:1px solid var(--linje);border-radius:var(--radie);padding:24px;display:flex;flex-direction:column}
.vedson-vara.i-korgen{border-color:var(--glod);box-shadow:0 0 0 1px var(--glod)}
.vedson-vara h3{margin-bottom:.15em}
.vedson-vara .mangd{color:var(--kol-mjuk);font-size:.95rem;margin-bottom:.6em}
.vedson-vara .beskr{flex:1}
.vedson-vara .pris{font-family:var(--rubrik);font-weight:700;font-size:1.6rem;margin-bottom:.6em}
.vedson-vara .vedson-knapp{width:100%}
.steg{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--glod);border-radius:999px;padding:3px}
.steg button{width:44px;height:44px;border-radius:50%;border:0;background:var(--glod);color:var(--vit);font:600 1.4rem/1 var(--text);cursor:pointer}
.steg button:hover{background:var(--glod-mork)}
.steg input{width:4em;text-align:center;border:0;background:transparent;font:600 1.15rem var(--text);color:var(--kol);-moz-appearance:textfield}
.steg input::-webkit-inner-spin-button,.steg input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.vedson-korg{background:var(--vit);border:1px solid var(--linje);border-radius:var(--radie);padding:32px;max-width:720px;scroll-margin-top:90px}
.vedson-korg h2{margin-bottom:.4em}
.vedson-korg .rad{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--linje)}
.vedson-korg .tom{color:var(--kol-mjuk);margin:0}
.vedson-korg fieldset{border:0;padding:0;margin:28px 0 0}
.vedson-korg legend{font-family:var(--rubrik);font-weight:700;font-size:1.35rem;margin-bottom:12px;padding:0}
.vedson-korg label{font-weight:600;font-size:.95rem}
.vedson-korg .postnr{display:flex;flex-direction:column;gap:4px;max-width:16em;margin-bottom:14px}
.leverans{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #bfae9c;border-radius:10px;padding:14px 16px;margin-bottom:10px;cursor:pointer}
.leverans:has(input:checked){border-color:var(--glod);box-shadow:0 0 0 1px var(--glod);background:#fdf6f0}
.leverans input{width:20px;height:20px;accent-color:var(--glod);margin:0}
.leverans small{display:block;font-weight:400;color:var(--kol-mjuk);font-size:.9rem}
.leverans .pris{font-weight:600}
.leverans.gratis .pris{color:#2f6b3a}
.vedson-falt{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vedson-falt legend{grid-column:1/-1}
.vedson-falt label{display:flex;flex-direction:column;gap:4px}
.vedson-falt .hel{grid-column:1/-1}
.vedson-korg input[type=text],.vedson-korg input[type=tel],.vedson-korg input[type=email],.vedson-korg textarea{font:400 1rem var(--text);color:var(--kol);background:var(--vit);border:1px solid #bfae9c;border-radius:10px;padding:.7em .8em;width:100%}
.vedson-butik input:focus-visible,.vedson-butik textarea:focus-visible,.vedson-butik button:focus-visible{outline:2px solid var(--glod);outline-offset:2px}
.vedson-kombo{display:flex;gap:12px;align-items:flex-start;background:var(--kram);border-radius:10px;padding:16px;margin:24px 0;cursor:pointer;font-weight:400!important}
.vedson-kombo input{width:22px;height:22px;margin-top:2px;accent-color:var(--glod);flex:none}
.summa{margin-bottom:20px}
.summa .total{font-weight:700;font-size:1.15rem;border-bottom:0}
.vedson-korg .skicka{width:100%;font-size:1.1rem}
.vedson-fallan{position:absolute;left:-9999px}
.vedson-liten{font-size:.9rem;color:var(--kol-mjuk);margin:10px 0 0}
.besked:empty{display:none}
.besked{border-radius:10px;padding:14px 16px;margin-bottom:16px}
.besked.fel{background:#f8dfd4;color:#6e2a10}
.besked.ok{background:#e3efe2;color:#1f4a28}
.vedson-minikorg{display:none}

/* Leveransremsan överst */
.remsa{background:var(--kol);color:var(--kram);text-align:center;font-size:.92rem;padding:8px 16px}

/* Sidfot */
.fot{background:var(--kol);color:var(--kram);padding:40px 0;font-size:.95rem}
.fot a{color:var(--kram)}
.fot p{margin:0 0 .4em}

@media (max-width:900px){
  .vedson-varor{grid-template-columns:1fr}
}
@media (max-width:640px){
  .vedson-korg{padding:24px 16px}
  .vedson-falt{grid-template-columns:1fr}
  .vedson-minikorg:not([hidden]){display:block;position:fixed;left:16px;right:16px;bottom:16px;z-index:30;background:var(--glod);color:var(--vit);text-align:center;font-weight:600;text-decoration:none;padding:14px;border-radius:999px;box-shadow:0 8px 24px rgba(42,33,27,.25)}
  .innehall>.wp-block-group{padding-top:52px;padding-bottom:52px}
  .logga{font-size:1.6rem}
}