/* LagaCykeln.se – pack i (2026-11-06). Designskal 1:1 från sverigesveterinarer.se
   (källa: https://www.sverigesveterinarer.se/assets/style.css?v=20261103t203-29ca35e9, hämtad 2026-11-06).
   Ingen JavaScript, inga webbfonter. LagaCykeln-specifika tillägg längst ned. */
:root{--text:#3a3a3a;--head:#3a3a3a;--link:#0170b9;--green:#3aaa35;--pink:#fb2056;--bg-soft:#f4f5f9;--border:#e5e5e5;--max:1200px;--narrow:780px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Noto Sans",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;color:var(--text);background:#fff}
a{color:var(--link)}a:hover,a:focus{color:var(--green)}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:700;color:var(--head);line-height:1.25;margin:1.4em 0 .6em}
h1{font-size:2.2rem}h2{font-size:1.7rem}h3{font-size:1.35rem}h4{font-size:1.15rem}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:100}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
/* sidhuvud */
.site-header{border-bottom:1px solid var(--border);background:#fff;position:relative;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:1rem}
.site-title{font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:700;font-size:1.45rem;color:var(--head);text-decoration:none}
.meny,.meny ul{list-style:none;margin:0;padding:0}
.nav-desktop .meny{display:flex;flex-wrap:wrap}
.nav-desktop .meny>li{position:relative}
.nav-desktop a{display:block;padding:.9rem 1rem;color:var(--head);text-decoration:none;font-size:.95rem;font-weight:600}
.nav-desktop a:hover,.nav-desktop a:focus{color:var(--green)}
.nav-desktop li ul{display:none;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-top:2px solid var(--green);box-shadow:0 4px 10px rgba(0,0,0,.1);max-height:70vh;overflow:auto}
.nav-desktop li ul ul{top:0;left:100%}
.nav-desktop li:hover>ul,.nav-desktop li:focus-within>ul{display:block}
.nav-desktop li ul a{padding:.5rem 1rem;font-weight:400;border-bottom:1px solid #f0f0f0}
.nav-mobile{display:none}
.nav-mobile summary{cursor:pointer;padding:.5rem 1rem;border:1px solid var(--border);border-radius:4px;list-style:none;font-weight:600}
.nav-mobile summary::-webkit-details-marker{display:none}
.nav-mobile nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--border);max-height:75vh;overflow:auto;padding:.5rem 20px}
.nav-mobile a{display:block;padding:.45rem 0;color:var(--head);text-decoration:none}
.nav-mobile li ul{padding-left:1rem}
@media (max-width:921px){.nav-desktop{display:none}.nav-mobile{display:block}}
/* innehåll */
.site-main{display:block}
.entry{max-width:var(--max);margin:0 auto;padding:2.5rem 20px 3rem}
.ort .entry,.sida .entry{max-width:var(--max)}
.entry-header h1{margin-top:0}
.entry-meta{font-size:.9rem;color:#666;margin-top:-.3rem}
.entry-content>*:first-child{margin-top:0}
.entry-content p{margin:0 0 1.2em}
.entry-content ul,.entry-content ol{margin:0 0 1.4em;padding-left:1.4em}
.entry-content table{border-collapse:collapse;width:100%;margin:0 0 1.5em;font-size:.95rem}
.entry-content th,.entry-content td{border:1px solid var(--border);padding:.6em .8em;text-align:left;vertical-align:top}
.entry-content th{background:var(--bg-soft)}
.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}.has-text-align-left{text-align:left}
.alignright{float:right;margin:.3em 0 1em 1.5em;max-width:45%}
.alignleft{float:left;margin:.3em 1.5em 1em 0;max-width:45%}
.aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.wp-block-image{margin:0 0 1.5em}
.wp-block-image.alignright,.wp-block-image.is-resized{max-width:340px}
.entry-content h2,.entry-content h3{clear:both}
figure{margin:0 0 1.5em}
.wp-block-columns{display:flex;flex-wrap:wrap;gap:2em;margin-bottom:1.5em}
.wp-block-column{flex:1 1 0;min-width:200px}
@media (max-width:781px){.wp-block-columns{flex-direction:column}.alignright,.alignleft{float:none;max-width:100%;margin:0 0 1em}}
.wp-block-group{padding:2.5em 0}
.wp-block-group.has-background{background:var(--bg-soft);padding:2.5em 1.5em}
.wp-block-group.has-white-background-color{background:#fff}
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}
.wp-block-cover{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;padding:2em;overflow:hidden;color:#fff;margin-bottom:2em}
.wp-block-cover__image-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:0}
.wp-block-cover__background,.wp-block-cover__gradient-background{position:absolute;top:0;right:0;bottom:0;left:0;background:#040219;opacity:.5;z-index:1}
.wp-block-cover__inner-container{position:relative;z-index:2;width:100%;max-width:var(--max)}
.has-white-color,.wp-block-cover h1,.wp-block-cover h2,.wp-block-cover h3{color:#fff}
.hem .entry{padding-top:0}
.hem .wp-block-cover{min-height:600px}
.wp-block-separator{border:0;border-top:2px solid currentColor;width:100px;margin:1.5em auto;opacity:.6}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.8em;justify-content:center;margin:1.5em 0}
.wp-block-button__link{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:15px 33px;border-radius:60px;text-decoration:none}
.wp-block-button__link:hover,.wp-block-button__link:focus{color:#fff;filter:brightness(1.08)}
.wp-block-quote{margin:0 0 1.5em;padding:0 1.5em;border-left:4px solid var(--green)}
.wp-block-quote.is-style-large{border:0;font-size:1.4rem;text-align:center}
.blocks-gallery-grid{display:flex;flex-wrap:wrap;gap:1em;list-style:none;padding:0}
.blocks-gallery-item{flex:1 1 200px}
/* FAQ med details/summary */
.faq-list{margin:0 0 1.5em}
details.faq{border:1px solid #f1f1f1;border-radius:8px;margin:0 0 .8em;background:#fff}
details.faq>summary{cursor:pointer;background:#f1f1f1;padding:.8em 1em;font-weight:600;border-radius:8px}
details.faq[open]>summary{border-radius:8px 8px 0 0}
details.faq>*:not(summary){margin-left:1em;margin-right:1em}
details.faq>*:nth-child(2){margin-top:1em}
/* externa medier som länk */
.extern-media a{display:inline-block;padding:.6em 1em;border:1px solid var(--border);border-radius:4px;background:var(--bg-soft);text-decoration:none}
/* ortindex, blogglista och sitemap */
.ortindex-bokstaver a{display:inline-block;padding:.2em .5em;margin:.1em;border:1px solid var(--border);border-radius:3px;text-decoration:none}
.ortlista,.sitemaplista{columns:4 200px;list-style:none;padding:0}
.ortlista li,.sitemaplista li{break-inside:avoid;padding:.1em 0}
.blogglista{list-style:none;padding:0}
.blogglista>li{border-bottom:1px solid var(--border);padding:1.2em 0}
.blogglista h2{margin:0 0 .3em;font-size:1.4rem}
.post-navigation{max-width:var(--max);margin:0 auto 3rem;padding:1em 20px;display:flex;justify-content:space-between;border-top:1px solid var(--border)}
/* sidfot */
.site-footer{background:#191919;color:#d3d3d3;padding:1.6em 0;text-align:center;font-size:.95rem;clear:both}
.site-footer a{color:var(--pink)}
.site-footer p{margin:0}
/* v2 (2026-10-31): ortsidor, brödsmulor, kliniklista */
.brodsmulor{max-width:var(--max);margin:.75rem auto 0;padding:0 1rem;font-size:.85rem}
.brodsmulor ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
.brodsmulor li+li::before{content:"›";margin-right:.25rem;color:#888}
.kliniklista{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.klinik{border:1px solid #e3e3e3;border-radius:6px;padding:.75rem 1rem;background:#fff}
.klinik h3{margin:.1rem 0 .4rem;font-size:1.05rem}
.klinik p{margin:.2rem 0}
.belagt{font-size:.9rem;background:#f3f8f3;padding:.4rem .5rem;border-radius:4px}
.ortlankar{columns:2 220px;padding-left:1.1rem}
.ort-bild img{max-width:100%;height:auto;border-radius:6px}
.knapp{display:inline-block;padding:.6rem 1.1rem;background:var(--green,#2e7d32);color:#fff;border-radius:4px;text-decoration:none;font-weight:600}
/* ===== v3 design (2026-11-02, Bengt t164: "visuellt lite snyggare" + toppnav populära orter + annonsplatser). Ingen JS. ===== */
:root{--text:#2b3440;--head:#16212e;--muted:#5d6b7a;--link:#0a6aa8;--green:#2f8f4e;--green-dark:#23703c;--green-soft:#eef7f1;--bg-soft:#f6f8fa;--border:#e3e8ee;--radius:10px;--shadow:0 1px 2px rgba(16,24,40,.05),0 2px 8px rgba(16,24,40,.06);--narrow:820px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.7;color:var(--text);background:#fff;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{font-family:inherit;color:var(--head);letter-spacing:-.01em;line-height:1.25}
h1{font-size:clamp(1.75rem,1.2rem + 2.2vw,2.5rem);font-weight:800}
h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);margin-top:2em}
h3{font-size:1.2rem}
a{color:var(--link);text-decoration:underline}
a:hover,a:focus{color:var(--green-dark)}
:focus-visible{outline:3px solid #9fd3b0;outline-offset:2px;border-radius:3px}
/* sidhuvud */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(16,24,40,.02)}
.header-inner{min-height:64px}
.site-title{display:inline-flex;align-items:center;gap:.55rem;font-family:inherit;font-size:1.25rem;font-weight:800;color:var(--head);letter-spacing:-.01em}
.site-title:hover,.site-title:focus{color:var(--green-dark)}
.site-title-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--green);color:#fff;font-size:1.35rem;font-weight:800;line-height:1}
.nav-desktop a{padding:.55rem .85rem;border-radius:8px;font-weight:600;color:var(--head)}
.nav-desktop a:hover,.nav-desktop a:focus{background:var(--green-soft);color:var(--green-dark)}
.nav-mobile summary{border-radius:8px;padding:.45rem .9rem;background:#fff}
.nav-mobile[open] summary{background:var(--green-soft);border-color:#cfe6d7}
.nav-mobile nav{box-shadow:0 8px 16px rgba(16,24,40,.08)}
.nav-mobile a{padding:.6rem 0;border-bottom:1px solid #f0f2f5;font-weight:600}
/* toppnavigation: populära orter */
.ortnav{background:var(--green-soft);border-top:1px solid #dcefe2;font-size:.9rem}
.ortnav-inner{display:flex;align-items:center;gap:.75rem;padding-top:.4rem;padding-bottom:.4rem}
.ortnav-rubrik{flex:0 0 auto;font-weight:700;color:var(--green-dark);white-space:nowrap}
.ortnav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem .35rem}
.ortnav a{display:inline-block;padding:.18rem .6rem;border-radius:999px;background:#fff;border:1px solid #d3e8da;color:var(--head);text-decoration:none;line-height:1.5;white-space:nowrap}
.ortnav a:hover,.ortnav a:focus{background:var(--green);border-color:var(--green);color:#fff}
.ortnav a[aria-current="page"]{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}
@media (max-width:921px){
  .site-header{position:relative}
  .ortnav-inner{padding-right:0}
  .ortnav ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.15rem 20px .15rem 0;mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .ortnav ul::-webkit-scrollbar{display:none}
  .ortnav a{padding:.3rem .75rem}
}
@media (max-width:480px){.ortnav-rubrik{display:none}.site-title{font-size:1.1rem}.site-title-mark{width:28px;height:28px}}
/* innehåll */
.entry{padding:2rem 20px 3.5rem}
.ort .entry,.sida .entry,.hem .entry{max-width:var(--narrow)}
.hem .entry{padding-top:2.5rem}
.entry-header{margin-bottom:1.25rem}
.entry-content p,.entry-content li{max-width:72ch}
.entry-content ul li{margin:.25em 0}
.entry-content h2{padding-top:.2em}
.entry-content h2::after{content:"";display:block;width:48px;height:3px;margin-top:.45em;border-radius:2px;background:var(--green)}
.brodsmulor{max-width:var(--narrow);padding:0 20px;margin-top:1rem;color:var(--muted);font-size:.85rem}
.brodsmulor a{color:var(--muted)}
.ort-bild{margin:0 0 1.5rem}
.ort-bild img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;height:auto}
.ort-bild figcaption,figcaption{font-size:.85rem;color:var(--muted);margin-top:.5rem}
/* kliniklista */
.kliniklista{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:1rem 0 2rem !important;padding:0 !important}
.klinik{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s;max-width:none !important}
.klinik:hover{border-color:#bfe0ca;box-shadow:0 4px 14px rgba(16,24,40,.09)}
.klinik h3{font-size:1.05rem;margin:0 0 .45rem;line-height:1.35}
.klinik p{font-size:.95rem;line-height:1.55;max-width:none}
.klinik-adress{color:var(--muted)}
.klinik a[href^="tel:"]{font-weight:600}
.belagt{background:var(--green-soft);border-radius:6px}
/* USP-lista */
.usp-lista{list-style:none;padding:0 !important;margin:1rem 0 1.5rem;display:grid;gap:.5rem}
.usp-lista li{position:relative;margin:0 !important;padding:.6rem .9rem .6rem 2.4rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;max-width:none !important}
.usp-lista li::before{content:"✓";position:absolute;left:.85rem;top:.6rem;color:var(--green);font-weight:800}
/* ortlänkar / startsida */
.ortlankar{list-style:none;padding:0 !important;columns:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin:1rem 0 1.75rem}
.ortlankar li{margin:0 !important;max-width:none !important}
.ortlankar a{display:block;padding:.55rem .8rem;border:1px solid var(--border);border-radius:8px;background:#fff;text-decoration:none;color:var(--head);font-weight:600;box-shadow:var(--shadow)}
.ortlankar a:hover,.ortlankar a:focus{border-color:var(--green);color:var(--green-dark);background:var(--green-soft)}
.lanlista{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.knapp,.wp-block-button__link{display:inline-block;padding:.7rem 1.3rem;background:var(--green);color:#fff !important;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 2px 6px rgba(47,143,78,.25)}
.knapp:hover,.knapp:focus{background:var(--green-dark)}
.ortlista a,.sitemaplista a{text-decoration:none}
.ortlista a:hover,.sitemaplista a:hover{text-decoration:underline}
.ortindex-bokstaver a{border-radius:6px;min-width:2em;text-align:center;font-weight:600}
details.faq{border-color:var(--border);border-radius:var(--radius)}
details.faq>summary{background:var(--bg-soft);border-radius:var(--radius)}
/* annonsplatser: endast AdSense Auto ads (Ezoic borttaget 2026-11-03). Ofyllda platser får inte skapa vit yta; aldrig före H1. */
.annons{display:none!important;height:0!important;margin:0!important;padding:0!important}
.entry-header .google-auto-placed,
.entry-header > .adsbygoogle,
.entry-header > ins.adsbygoogle{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
ins.adsbygoogle[data-ad-status="unfilled"],
.google-auto-placed:has(ins[data-ad-status="unfilled"]),
.google-auto-placed:not(:has(iframe[src]:not([src=""]))){display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important}
.google-auto-placed{min-height:0!important}
#aswift_1_host:empty,div[id^="aswift_"][id$="_host"]:not(:has(iframe[src]:not([src=""]))){height:0!important;min-height:0!important;display:none!important}

/* sidfot */
.site-footer{background:#14202b;color:#c9d3dc;padding:2rem 0;line-height:1.9;margin-top:2rem}
.site-footer a{color:#e6f4ea;text-decoration:none}
.site-footer a:hover,.site-footer a:focus{color:#fff;text-decoration:underline}
.site-footer p+p{margin-top:.5rem}
@media (max-width:600px){body{font-size:16px}.entry{padding:1.4rem 16px 2.5rem}.container{padding:0 16px}.brodsmulor{padding:0 16px}.ortlankar{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}
/* ===== v3.1 design (2026-11-02, Bengt t182: "genomför dina idéer om design så att sajten blir snyggare"). Ingen JS, inga nya bilder. ===== */
:root{--page:#f4f6f8;--card:#fff;--green-mid:#3aa564;--ring:#cfe6d7}
body{background:var(--page)}
::selection{background:#cdebd8}
/* sidhuvud: glas-effekt + tydligare märke */
.site-header{background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px)}
.site-title-mark{background:linear-gradient(135deg,var(--green-mid),var(--green-dark));box-shadow:0 2px 6px rgba(35,112,60,.3)}
.nav-desktop .meny{gap:.15rem}
.ortnav{background:linear-gradient(180deg,#f1f9f4,#e9f5ee)}
.ortnav a{box-shadow:0 1px 1px rgba(16,24,40,.04);transition:background-color .15s,color .15s,border-color .15s}
/* innehåll som vitt "papper" på ljusgrå bakgrund */
.entry{background:var(--card)}
@media (min-width:860px){
  .entry{margin:1.25rem auto 2.5rem;padding:2.5rem 3rem 3rem;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.05)}
  .brodsmulor+.entry{margin-top:.75rem}
}
.ort .entry,.sida .entry,.hem .entry{max-width:880px}
.brodsmulor{max-width:880px}
.brodsmulor ol{gap:.35rem}
.brodsmulor a{text-decoration:none}.brodsmulor a:hover{text-decoration:underline;color:var(--green-dark)}
.brodsmulor [aria-current]{color:var(--head);font-weight:600}
/* rubriker och ingress */
.entry-header h1{margin-bottom:.2em}
.entry-header{padding-bottom:1rem;border-bottom:1px solid var(--border)}
.entry-content h2{font-weight:750}
.entry-content h2::after{width:40px;background:linear-gradient(90deg,var(--green),var(--green-mid))}
.ort .entry-content>figure+p,.hem .entry-content>p:first-child,.sida .entry-content>p:first-child{font-size:1.1rem;color:#334150}
/* startsidan: mjuk hero runt H1 */
.hem .entry-header{margin:-.5rem -.5rem 1.5rem;padding:1.75rem 1.5rem 1.5rem;border:0;border-radius:12px;background:radial-gradient(120% 140% at 0% 0%,#e3f3e9 0%,#f3faf6 45%,#fff 100%);border-left:4px solid var(--green)}
.hem .entry-header h1{margin:0}
@media (min-width:860px){.hem .entry-header{margin:-1rem -1.5rem 1.75rem;padding:2.25rem 2rem 2rem}}
/* bild */
.ort-bild img{border-radius:12px;aspect-ratio:3/2;object-fit:cover}
/* klinikkort */
.kliniklista{gap:.9rem}
.klinik{display:flex;flex-direction:column;gap:.15rem;border-top:3px solid var(--green);border-radius:12px;padding:1rem 1.1rem 1.05rem;background:#fff}
.klinik:hover{transform:translateY(-1px)}
.klinik h3{font-weight:700;color:var(--head)}
.klinik p{position:relative}
.klinik-adress,.klinik p:has(>a[href^="tel:"]),.klinik p:not(.belagt):has(>a[rel~="nofollow"]){padding-left:1.45rem}
.klinik-adress::before,.klinik p:has(>a[href^="tel:"])::before,.klinik p:not(.belagt):has(>a[rel~="nofollow"])::before{content:"";position:absolute;left:0;top:.2em;width:1rem;height:1rem;background:var(--green) center/contain no-repeat;-webkit-mask:var(--ikon) center/contain no-repeat;mask:var(--ikon) center/contain no-repeat}
.klinik-adress{--ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E")}
.klinik p:has(>a[href^="tel:"]){--ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}
.klinik p:not(.belagt):has(>a[rel~="nofollow"]){--ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.9 6h-3a15.7 15.7 0 0 0-1.4-3.6A8 8 0 0 1 18.9 8zM12 4c.8 1.2 1.5 2.5 1.9 4h-3.8c.4-1.5 1.1-2.8 1.9-4zM4.3 14a8 8 0 0 1 0-4h3.4a16.5 16.5 0 0 0 0 4zm.8 2h3a15.7 15.7 0 0 0 1.4 3.6A8 8 0 0 1 5.1 16zm3-8h-3a8 8 0 0 1 4.4-3.6C8.9 5.5 8.4 6.7 8.1 8zM12 20c-.8-1.2-1.5-2.5-1.9-4h3.8c-.4 1.5-1.1 2.8-1.9 4zm2.3-6H9.7a14.7 14.7 0 0 1 0-4h4.6a14.7 14.7 0 0 1 0 4zm.2 5.6c.6-1.1 1.1-2.3 1.4-3.6h3a8 8 0 0 1-4.4 3.6zm1.8-5.6a16.5 16.5 0 0 0 0-4h3.4a8 8 0 0 1 0 4z'/%3E%3C/svg%3E")}
.klinik a[href^="tel:"]{color:var(--green-dark);text-decoration:none}
.klinik a[href^="tel:"]:hover{text-decoration:underline}
.klinik .belagt{margin-top:.5rem;padding:.5rem .65rem;font-size:.88rem;border:1px solid #d9eee0}
/* USP-lista: vit rad med grön bock-cirkel */
.usp-lista{gap:.45rem}
.usp-lista li{background:#fff;padding:.7rem 1rem .7rem 2.85rem;border-radius:10px;line-height:1.55}
.usp-lista li::before{content:"✓";left:.8rem;top:.72rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--green-soft);border:1px solid var(--ring);font-size:.8rem;line-height:1}
.usp-lista li strong{color:var(--head)}
/* ortknappar med pil */
.ortlankar a{position:relative;padding-right:1.6rem;transition:border-color .15s,background-color .15s,color .15s}
.ortlankar a::after{content:"›";position:absolute;right:.7rem;top:50%;transform:translateY(-52%);color:var(--green);font-weight:700;font-size:1.15rem}
/* FAQ med chevron */
details.faq>summary{list-style:none;position:relative;padding-right:2.5rem}
details.faq>summary::-webkit-details-marker{display:none}
details.faq>summary::after{content:"";position:absolute;right:1rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid var(--green-dark);border-bottom:2px solid var(--green-dark);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
details.faq[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
/* tabeller */
.entry-content table{border-radius:10px;overflow:hidden;border:1px solid var(--border)}
.entry-content tbody tr:nth-child(even) td{background:#fafbfc}
/* sidfot i kolumner */
.site-footer{background:#12202b;padding:2.75rem 0 0;margin-top:0;text-align:left;line-height:1.7}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}
.footer-title,.footer-title:hover{color:#fff;font-size:1.15rem;margin-bottom:.6rem}
.footer-om p{color:#a9b6c2;font-size:.92rem;max-width:42ch;margin:0}
.footer-rubrik{color:#fff;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .6rem !important}
.footer-kol ul{list-style:none;margin:0;padding:0}
.footer-kol li{margin:.25rem 0}
.footer-kol a{color:#d7e2ea;font-size:.95rem}
.footer-botten{margin-top:2.25rem;padding-top:1.1rem;padding-bottom:1.4rem;border-top:1px solid rgba(255,255,255,.08)}
.footer-botten p{margin:0;font-size:.85rem;color:#8c9aa7}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-om{grid-column:1/-1}}
@media (max-width:420px){.footer-grid{grid-template-columns:1fr}}
@media (max-width:859px){.entry{border-bottom:1px solid var(--border)}}
/* utskrift */
@media print{.site-header,.annons,.site-footer,.brodsmulor{display:none !important}body{background:#fff}.entry{border:0;box-shadow:none;padding:0}}
/* 2026-11-03 (Bengt t195): Ring-knapp, Google-betyg och öppettider på klinikkort */
.klinik p.klinik-ring,.klinik p.klinik-google{padding-left:0 !important}
.klinik p.klinik-ring::before,.klinik p.klinik-google::before{content:none !important;display:none !important}
.klinik .klinik-ring{margin:.55rem 0 .2rem}
.klinik a.ring-knapp{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .95rem .42rem .8rem;border:1.5px solid #0a6aa8;border-radius:999px;background:#fff;color:#0a6aa8;font-weight:700;font-size:.95rem;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s,box-shadow .15s;position:relative;z-index:1}
.klinik a.ring-knapp::before{content:"";width:1rem;height:1rem;flex:0 0 1rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.klinik a.ring-knapp:hover,.klinik a.ring-knapp:focus-visible{background:#0a6aa8;color:#fff;text-decoration:none;box-shadow:0 2px 8px rgba(10,106,168,.25)}
.klinik a.ring-knapp:focus-visible{outline:2px solid #0a6aa8;outline-offset:2px}
.klinik-google a{display:inline;color:var(--muted);font-size:.95rem;text-decoration:none;line-height:1.55}
.klinik-google a:hover .g-antal,.klinik-google a:focus .g-antal{text-decoration:underline}
.klinik-google strong{color:var(--head);font-weight:500}
.klinik-google .stjarna{color:#f59e0b;font-size:1.05em;line-height:1}
.klinik-google .g-antal{color:var(--muted)}
.klinik-tider{margin:.35rem 0 .1rem;font-size:.9rem}
.klinik-tider summary{cursor:pointer;color:var(--head);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:.3rem}
.klinik-tider summary::-webkit-details-marker{display:none}
.klinik-tider summary::after{content:"";width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.klinik-tider[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.klinik-tider ul{list-style:none;margin:.35rem 0 0;padding:.4rem .6rem;background:var(--bg-soft);border-radius:8px}
.klinik-tider li{display:flex;justify-content:space-between;gap:1rem;padding:.1rem 0}
.klinik-tider .kalla{margin:.3rem 0 0;font-size:.8rem;color:var(--muted)}
/* 2026-11-03 (Bengt t196): dropdown "Populära orter" i huvudmenyn */
.nav-desktop .har-dropdown>a{display:flex;align-items:center;gap:.35rem}
.dropdown-pil{width:.42rem;height:.42rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.nav-desktop .har-dropdown:hover .dropdown-pil,.nav-desktop .har-dropdown:focus-within .dropdown-pil{transform:rotate(-135deg) translateY(-1px)}
.nav-desktop .har-dropdown>.dropdown-meny{display:grid;grid-template-columns:repeat(3,minmax(9rem,1fr));gap:.1rem .25rem;min-width:30rem;padding:.6rem;border:1px solid var(--border);border-top:3px solid var(--green);border-radius:0 0 12px 12px;box-shadow:0 10px 28px rgba(16,24,40,.14);background:#fff;left:50%;transform:translateX(-50%);max-height:none;overflow:visible;visibility:hidden;opacity:0;transition:opacity .12s,visibility .12s;z-index:50}
.nav-desktop .har-dropdown:hover>.dropdown-meny,.nav-desktop .har-dropdown:focus-within>.dropdown-meny{visibility:visible;opacity:1}
.nav-desktop .dropdown-meny a{padding:.42rem .65rem;border:0;border-radius:8px;font-weight:500;font-size:.92rem;white-space:nowrap}
.nav-desktop .dropdown-meny a:hover,.nav-desktop .dropdown-meny a:focus{background:var(--green-soft);color:var(--green-dark)}
.nav-desktop .dropdown-meny a:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.dropdown-meny .dropdown-alla{grid-column:1/-1;border-top:1px solid var(--border);margin-top:.3rem;padding-top:.3rem}
.nav-desktop .dropdown-alla a{font-weight:700;color:var(--green-dark)}
.nav-mobile .dropdown-pil{display:none}
.nav-mobile .har-dropdown>a{font-weight:600}
.nav-mobile .dropdown-meny{display:grid;grid-template-columns:repeat(2,1fr);gap:0 .75rem;padding:0 0 .4rem .9rem;border-left:2px solid var(--green-soft)}
.nav-mobile .dropdown-meny a{padding:.4rem 0}
.nav-mobile .dropdown-alla{grid-column:1/-1}
@media (prefers-reduced-motion:reduce){.nav-desktop .har-dropdown>.dropdown-meny{transition:none}}

/* 2026-11-03 (Bengt t201): Ring-knapp – blå outline-pill utan ikon, större klickyta; mellanrum dag/tid */
.klinik .klinik-ring{margin:.7rem 0 .25rem}
.klinik a.ring-knapp{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1.25rem;border:1.5px solid #1d4ed8;border-radius:999px;background:#fff;color:#1d4ed8;font-size:1.05rem;font-weight:600;letter-spacing:.005em;line-height:1.2;gap:0;box-shadow:none;-webkit-tap-highlight-color:rgba(29,78,216,.15);touch-action:manipulation}
.klinik a.ring-knapp::before{content:none !important;display:none !important}
.klinik a.ring-knapp:hover,.klinik a.ring-knapp:focus-visible{background:#eff4ff;color:#1e40af;border-color:#1e40af;box-shadow:none;text-decoration:none}
.klinik a.ring-knapp:active{background:#dbe6ff}
.klinik a.ring-knapp:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}
.klinik-tider li{gap:1rem}
.klinik-tider .dag{margin-right:.5rem}

/* 2026-11-03 (Bengt t203): Ring-pill – slår gamla gröna tel-regler (färg + ikon) */
.klinik p.klinik-ring{padding-left:0 !important;margin:.7rem 0 .25rem !important}
.klinik p.klinik-ring::before,.klinik a.ring-knapp::before,.klinik a.ring-knapp::after{content:none !important;display:none !important;background:none !important;-webkit-mask:none !important;mask:none !important}
.klinik a.ring-knapp,.klinik a.ring-knapp[href^="tel:"]{display:inline-flex !important;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1.3rem !important;border:1.5px solid #1d4ed8 !important;border-radius:999px !important;background:#eff6ff !important;color:#1d4ed8 !important;font-size:1.05rem;font-weight:600 !important;line-height:1.2;text-decoration:none !important;white-space:nowrap;box-shadow:none !important}
.klinik a.ring-knapp:hover,.klinik a.ring-knapp:focus-visible,.klinik a.ring-knapp[href^="tel:"]:hover{background:#dbeafe !important;color:#1e40af !important;border-color:#1e40af !important;text-decoration:none !important}
.klinik a.ring-knapp:active{background:#bfdbfe !important}

/* ===== LagaCykeln-tillägg (pack i) – bara mappning av befintliga LagaCykeln-klasser till SV-mönster ===== */
/* Logga (befintlig godkänd marin/orange, 181×48) i SV:s site-title-plats */
.site-logo{display:inline-flex;align-items:center;line-height:0}
.site-logo img{display:block;height:48px;width:auto}
/* Footer: ordmärke som text (som SV), ortkolumn i två spalter */
.footer-title{text-decoration:none;font-weight:800}
.footer-grid{grid-template-columns:1fr 2fr 1.2fr}
.footer-orter ul{columns:2 9rem;column-gap:1.5rem}
.footer-orter li{break-inside:avoid}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-om{grid-column:1/-1}}
@media (max-width:420px){.footer-grid{grid-template-columns:1fr}}
/* Dropdown: 21 orter → samma 3-kolumnsgrid som SV:s «Populära orter» */
.nav-desktop .har-dropdown>.dropdown-meny{max-height:none}
/* Index/sidkarta-listor (LagaCykeln «kolumner») = SV ortlista */
.kolumner.ortlista,.undersidor .ortlista{columns:4 200px;list-style:none;padding:0}
/* Inbäddade details i guider = SV:s FAQ-kort */
.entry-content details{border:1px solid #f1f1f1;border-radius:8px;margin:0 0 .8em;background:#fff}
.entry-content details>summary{cursor:pointer;background:#f1f1f1;padding:.8em 1em;font-weight:600;border-radius:8px;list-style:none;position:relative;padding-right:2.5rem}
.entry-content details>summary::-webkit-details-marker{display:none}
.entry-content details>summary::after{content:"";position:absolute;right:1rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid var(--green-dark);border-bottom:2px solid var(--green-dark);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.entry-content details[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
.entry-content details>:not(summary){margin-left:1em;margin-right:1em}
/* Citat = SV wp-block-quote */
.entry-content blockquote{margin:0 0 1.5em;padding:0 1.5em;border-left:4px solid var(--green)}
/* Tom annonsplats får inte ge vit yta (som SV .annons) */
.annonsplats{display:none}
