/*
 * Aoptik – startsidan, sektionen "Hitta din optiker". Laddas bara på startsidan via functions.php.
 * Flyttad från Utseende → Anpassa → Extra CSS 2026-10-21.
 */
/* 2026-10-20 Startsidan: Hitta din optiker (hopfällbar ortlista per region, SEO-länkar till butikssidorna) */
.ao-orter{max-width:1040px;margin:0 auto;text-align:center}
.ao-orter__intro{margin:0 0 20px}
.ao-orter__lista > summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #333;border-radius:50px;padding:8px 28px;font-size:15px;color:#333;background:transparent;transition:background .2s,color .2s}
.ao-orter__lista > summary::-webkit-details-marker{display:none}
.ao-orter__lista > summary:hover,.ao-orter__lista > summary:focus-visible{background:#333;color:#fff}
.ao-orter__dolj{display:none}
.ao-orter__lista[open] .ao-orter__visa{display:none}
.ao-orter__lista[open] .ao-orter__dolj{display:inline}
.ao-orter__regioner{column-count:3;column-gap:40px;max-width:820px;margin:32px auto 0;text-align:left}
.ao-orter__region{break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;margin:0 0 26px}
.ao-orter__region h3{font-size:12px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:#C00D0D;font-weight:400;margin:0 0 8px;padding:0}
.ao-orter__region ul{list-style:none;margin:0;padding:0}
.ao-orter__region li{margin:0;padding:0;line-height:2.1}
.ao-orter__region li::before{content:none}
.ao-orter__region a{color:#333;text-decoration:none}
.ao-orter__region a:hover{color:#C00D0D;text-decoration:underline}
@media (max-width:1024px){.ao-orter__regioner{column-count:2}}
@media (max-width:640px){.ao-orter__regioner{column-gap:16px}.ao-orter__region li{font-size:14px}}

/* 2026-10-21: sektionen ligger sist före sidfoten – mindre luft runt den */
.section-text:has(.ao-orter){padding-top:56px;padding-bottom:8px}