/* Grundstil för SMOB-blocken. Färger och typsnitt kommer från temat via CSS-variabler. */
.smob-knapp{display:inline-block;padding:.6em 1.1em;border-radius:4px;background:var(--wp--preset--color--primary,#0b0b5c);color:#fff;text-decoration:none;font-weight:600;line-height:1.2}
.smob-knapp:hover{background:var(--wp--preset--color--primary-dark,#07073d);color:#fff}
.smob-knapp--sekundar{background:transparent;color:var(--wp--preset--color--primary,#0b0b5c);border:1px solid currentColor}
.smob-knapp--liten{padding:.4em .8em;font-size:.9em}
.smob-faktaruta__knappar{display:flex;flex-wrap:wrap;gap:.6em;margin:0 0 1em}

.smob-etikett{display:inline-block;font-size:.78em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--wp--preset--color--primary,#0b0b5c);background:var(--wp--preset--color--tint,#e8e8f4);padding:.15em .55em;border-radius:3px;margin-bottom:.4em}
.smob-datumrad{margin:.2em 0 .6em;color:var(--wp--preset--color--muted,#555);font-size:.92em}

.smob-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1em;padding:1em;margin:0 0 2em;background:var(--wp--preset--color--tint,#e8e8f4);border-radius:6px}
.smob-filter label{display:flex;flex-direction:column;gap:.3em;font-size:.9em}
.smob-filter select{min-width:11em;padding:.45em;font:inherit}
.smob-filter__rensa{align-self:center}

.smob-faktaruta{background:var(--wp--preset--color--tint,#e8e8f4);padding:1.2em 1.4em;border-radius:6px;margin:0 0 2em;font-size:.95em}
.smob-faktaruta dl{display:grid;grid-template-columns:max-content 1fr;gap:.35em 1.2em;margin:0}
.smob-faktaruta dt{font-weight:600}
.smob-faktaruta dd{margin:0}
.smob-faktaruta h3{margin:1em 0 .4em;font-size:1.05em}
@media (max-width:600px){.smob-faktaruta dl{grid-template-columns:1fr}}

.smob-laslager__del{padding:1.4em 0;border-top:1px solid var(--wp--preset--color--line,#d6d6e4)}
.smob-laslager__del h2{display:flex;align-items:center;gap:.6em;font-size:1.25em;margin:0 0 .7em}
.smob-laslager__nr{display:inline-flex;align-items:center;justify-content:center;width:1.8em;height:1.8em;border-radius:50%;background:var(--wp--preset--color--primary,#0b0b5c);color:#fff;font-size:.8em;font-family:sans-serif}
.smob-laslager audio{width:100%;max-width:36em}
.smob-laslager__saknas{color:var(--wp--preset--color--muted,#555);font-style:italic;margin:0}
.smob-markning{font-size:.85em;color:var(--wp--preset--color--muted,#555);margin:.4em 0 0}
.smob-punkter{padding-left:1.2em}
.smob-punkter li{margin:.3em 0}

.smob-minichatt__ram{border:1px solid var(--wp--preset--color--line,#d6d6e4);border-radius:6px;padding:.6em 1em}
.smob-minichatt__ram summary{cursor:pointer;font-weight:600}
.smob-minichatt__saknas{color:var(--wp--preset--color--muted,#555);font-size:.9em}

.smob-kortlista{display:grid;grid-template-columns:repeat(auto-fill,minmax(16em,1fr));gap:1.5em;margin:0 0 2em}
.smob-kort{display:flex;flex-direction:column;background:#fff;border:1px solid var(--wp--preset--color--line,#d6d6e4);border-radius:6px;overflow:hidden}
.smob-kort__bild img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.smob-kort__text{padding:1em 1.1em 1.2em}
.smob-kort h3{font-size:1.1em;margin:.2em 0 .3em;line-height:1.3}
.smob-kort h3 a{text-decoration:none}
.smob-kort p{margin:.3em 0;font-size:.95em}
.smob-kort--person .smob-kort__bild img{aspect-ratio:1;object-fit:cover}
.smob-kortlista--personer{grid-template-columns:repeat(auto-fill,minmax(12em,1fr))}
.smob-grupp{margin:2em 0 .8em}
.smob-ansvarig{font-size:.9em}