/* Textbubblor: vita kort med stora rundade hörn och mjuk skugga (som SEM) */
:root {
  --bubbla-radius: 22px;
  --bubbla-shadow: 0 10px 34px -10px rgba(16, 24, 40, 0.16), 0 2px 6px rgba(16, 24, 40, 0.04);
  --bubbla-border: 1px solid rgba(16, 24, 40, 0.06);
}

html body .price-panel,
html body .fordelar-card,
html body .faq-item,
html body .chooser-card,
html body .karta-box,
html body .fp-book,
html body .kampanj,
html body #intro > .container,
html body .om-text {
  background: #fff;
  border: var(--bubbla-border);
  border-radius: var(--bubbla-radius);
  box-shadow: var(--bubbla-shadow);
}

html body .faq-item.open { border-color: rgba(209, 16, 31, 0.25); }
html body .fordelar-card:hover { box-shadow: 0 16px 40px -12px rgba(16, 24, 40, 0.22); }

/* Textblock som inte var kort förut får luft inuti */
html body #intro > .container { padding: 36px 40px; }
html body .om-text { padding: 32px 34px; }

/* Kampanjrutan får vit priskolumn mot ljusgrå bakgrund */
html body .kampanj { background: #fff; }

@media (max-width: 720px) {
  :root { --bubbla-radius: 20px; }
  html body #intro > .container { padding: 26px 20px; }
  html body .om-text { padding: 24px 20px; }
}

/* Om mig på startsidan: bara knappen, ingen bubbla */
html body .om-text.om-text-knapp { background: none; border: 0; box-shadow: none; padding: 0; display: flex; justify-content: center; align-items: center; }

/* Ortknappar på områdessidan: svart text */
html body .ort-knappar .btn-outline { color: var(--ink); border-color: rgba(13, 15, 17, 0.25); }
html body .ort-knappar .btn-outline:hover { color: var(--accent); border-color: var(--accent); }