/*
 * Aoptik – butikssidor (single-butiker.php). Laddas bara på butikssidor via functions.php.
 * Flyttad från Utseende → Anpassa → Extra CSS 2026-10-21.
 */
/* 2026-10-21 Butikssidor: ny layout med ingress + kontaktkort (visas bara när fältet Ingress är ifyllt) */
.ao-ingress{max-width:640px;margin:0 auto 26px;font-size:18px;line-height:1.7;text-align:center}
.ao-boka{display:inline-block;background:#C00D0D;color:#fff !important;border-radius:50px;padding:13px 36px;font-size:16px;line-height:1.2;text-decoration:none !important;transition:background .2s}
.ao-boka:hover,.ao-boka:focus-visible{background:#9a0a0a}
.ao-kort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:760px;margin:10px auto 0;border:1px solid #e3e3e3;border-radius:16px;overflow:hidden;text-align:left;background:#fff}
.ao-kort__col{display:flex;flex-direction:column;align-items:flex-start;padding:26px 24px 28px;border-right:1px solid #e3e3e3}
.ao-kort__col:last-child{border-right:0}
.ao-kort__ikon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #333;border-radius:50%;font-size:18px;color:#333;margin-bottom:16px}
.ao-kort .ao-kort__rubrik{font-size:12px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:#888;font-weight:400;margin:0 0 8px;padding:0}
.ao-kort .ao-kort__stor{display:block;margin:0;font-family:"Enkel Regular",sans-serif;font-weight:400;font-size:20px;line-height:1.35;color:#333;text-decoration:none}
.ao-kort a.ao-kort__tel{color:#C00D0D;font-family:"Enkel Regular",sans-serif !important;font-weight:400}
.ao-kort .ao-kort__rad{margin:0;font-size:16px;line-height:1.8;color:#333}
.ao-kort .ao-kort__liten{margin:2px 0 18px;font-size:14px;line-height:1.6;color:#666}
.ao-kort__liten p{margin:0}
.ao-kort__knapp{margin-top:auto;display:inline-block;border:1px solid #333;border-radius:50px;padding:8px 22px;font-size:14px;line-height:1.2;color:#333 !important;text-decoration:none !important;transition:background .2s,color .2s}
.ao-kort__knapp:hover,.ao-kort__knapp:focus-visible{background:#333;color:#fff !important}
.ao-kort ~ .button_container_accordion{margin-top:-6px}
.ao-kort ~ .button_container_accordion .accordion-btn{width:auto;background:transparent;color:#333;border:0;padding:4px 0;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.ao-kort ~ .button_container_accordion .accordion-btn:hover{color:#C00D0D;background:transparent}
.oppet_butik_container:has(.ao-kort){padding-bottom:20px}
.oppet_butik_container:has(.ao-kort) + .butik-text{margin-top:20px !important}
@media (max-width:767px){.ao-ingress{font-size:16px}.ao-kort{grid-template-columns:1fr}.ao-kort__col{border-right:0;border-bottom:1px solid #e3e3e3;padding:20px 20px 22px}.ao-kort__col:last-child{border-bottom:0}.ao-kort .ao-kort__stor{font-size:19px}}
.oppet_butik_container:has(.ao-kort) ~ .cta__footer_small{height:auto !important;min-height:0 !important;margin:0 !important;padding:48px 20px !important;background:#EFEFEF}
.oppet_butik_container:has(.ao-kort) ~ .footer-butik{grid-template-columns:1fr !important;gap:10px;max-width:800px;width:100%;margin:0 auto !important;padding:56px 20px 80px !important}
.oppet_butik_container:has(.ao-kort) ~ .footer-butik .information-butik{padding:0 !important;margin:0 !important;max-width:none}
.oppet_butik_container:has(.ao-kort) ~ .footer-butik .information-butik p{font-family:"Enkel Regular",sans-serif;font-weight:400;font-size:17px;line-height:1.75;color:#333}
.ao-kort .ao-idag[hidden],.ao-kort .ao-idag-info[hidden]{display:none !important}
.ao-idag::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:2px;background:#9a9a9a}
.ao-idag--oppet::before{background:#2e9e5b}
.ao-idag--lunch::before,.ao-idag--snart::before{background:#e0a020}
.ao-kort .ao-idag-info{margin:2px 0 12px}
.ao-kort .ao-kort__under{margin:-2px 0 6px;font-family:"Enkel Regular",sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#666}
/* Läsbarhet butikstext */
.butik-text p,.butik-text li{font-family:"Enkel Regular",sans-serif;font-weight:400;font-size:17px;line-height:1.75;color:#333}
.butik-text li{margin-bottom:4px}
.ao-ingress,.ao-kort .ao-kort__rad{font-family:"Enkel Regular",sans-serif;font-weight:400}
.ao-kort .ao-kort__liten{font-family:"Enkel Regular",sans-serif;font-weight:400;color:#555}
@media (max-width:767px){.butik-text p,.butik-text li{font-size:16px;line-height:1.7}}
/* Avvikande öppettider (2026-10-21). Rader vars datum passerat döljs av js/oppet-idag.js */
.ao-kort .ao-kort__avvik{margin:6px 0 0;font-family:"Enkel Regular",sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#C00D0D}
.ao-kort .ao-kort__avvik[hidden]{display:none !important}