/* Frontend styles */
.faktaboks {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  padding: 1rem;
  border-radius: .5rem;
  font-size: .95rem;
  box-sizing: border-box;
  position: relative;
  z-index: 300;
}
.faktaboks .faktaboks__title {
  font-weight: 600;
  margin-bottom: .5rem;
}

/* Variant-farger */
.faktaboks.is-variant-info    { border-color:#bae6fd; background:#eff6ff; }
.faktaboks.is-variant-tip     { border-color:#bbf7d0; background:#f0fdf4; }
.faktaboks.is-variant-warning { border-color:#fed7aa; background:#fff7ed; }

/* “Som bilde”: støtt venstre/høyre-flyt via align-klasser */
.wp-block-leif-faktaboks.alignleft  { float:left;  margin: 0 1rem 1rem 0; }
.wp-block-leif-faktaboks.alignright { float:right; margin: 0 0 1rem 1rem; }

/* Mobil: slå av float */
@media (max-width: 782px) {
  .wp-block-leif-faktaboks.alignleft,
  .wp-block-leif-faktaboks.alignright {
    float: none;
    margin: 1rem 0;
    max-width: 100%!important;
  }
}