/* Ruoka-avun kuntasivut: kuntalista maakunnittain (hakusivun loppu), lähikunnat (kuntasivu)
   ja murupolku, jonka tyyli oli aiemmin vain forum.css:ssä.
   Palvelinpolku: public_html/arkikahvila/css/fa-muni.css */

/* Murupolku (sama kuin forum.css .fo-crumb, jotta ruoka-apusivut eivät riipu foorumin CSS:stä) */
.fo-crumb{font-size:14px;color:var(--ak-ink-soft);margin-bottom:12px}
.fo-crumb a{color:var(--ak-clay);text-decoration:none}
.fo-crumb a:hover{text-decoration:underline}

/* Kuntalista maakunnittain */
.fa-muni{margin-top:26px}
.fa-muni-h{font-family:"Lora",serif;font-size:21px;font-weight:600;margin:0 0 3px;letter-spacing:-.01em}
.fa-muni-lead{color:var(--ak-ink-soft);font-size:15px;margin:0 0 12px}
.fa-muni-region{background:var(--ak-card);border:1px solid var(--ak-line);border-radius:13px;margin-bottom:8px}
.fa-muni-region summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;padding:12px 16px;font-weight:600}
.fa-muni-region summary::-webkit-details-marker{display:none}
.fa-muni-region summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--ak-clay);border-bottom:2px solid var(--ak-clay);transform:rotate(-45deg);align-self:center;flex:0 0 auto;transition:transform .15s}
.fa-muni-region[open] summary::before{transform:rotate(45deg)}
.fa-muni-region summary .n{margin-left:auto;font-weight:500;font-size:14px;color:var(--ak-ink-soft);white-space:nowrap}
.fa-muni-list{list-style:none;columns:2 170px;column-gap:24px;padding:0 16px 13px 34px;margin:0}
.fa-muni-list li{break-inside:avoid;padding:2px 0;font-size:15.5px;margin:0}
.fa-muni-list a{color:var(--ak-clay);font-weight:600;text-decoration:none}
.fa-muni-list a:hover{text-decoration:underline}
.fa-muni-list .c{color:var(--ak-ink-soft);font-size:13.5px;margin-left:5px}

/* Lähikunnat kuntasivulla */
.fa-muni-nearby{margin-top:22px}
.fa-muni-near{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.fa-muni-near a{border:1.5px solid var(--ak-line);background:var(--ak-paper);border-radius:999px;padding:6px 13px;font-size:14.5px;font-weight:600;text-decoration:none;color:var(--ak-ink)}
.fa-muni-near a span{color:var(--ak-ink-soft);font-weight:500}
.fa-muni-near a:hover{border-color:var(--ak-clay);color:var(--ak-clay)}

@media (prefers-reduced-motion: reduce){.fa-muni-region summary::before{transition:none}}