.hero-fix,
.hero-fix .wp-block-group__inner-container,
.hero-fix .wp-block-cover__inner-container {
  width: 100% !important;
  max-width: 100% !important;
}

.hero-fix .wp-block-heading,
.hero-fix p,
.hero-fix a,
.hero-fix .wp-element-button {
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}.hero-fix,
.hero-fix .wp-block-group__inner-container,
.hero-fix .wp-block-cover__inner-container {
  width: 100% !important;
  max-width: 100% !important;
}

.hero-fix .wp-block-heading,
.hero-fix p,
.hero-fix a,
.hero-fix .wp-element-button {
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}/* SJÖDAGARNA – HERO FIX (mobile) */
.hero-fix{
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Gör att rubriken inte klipper i högerkant på mobil */
.hero-fix h1,
.hero-fix .wp-block-heading{
  max-width: 20ch !important;          /* begränsar radlängd snyggt */
  margin-left: auto !important;
  margin-right: auto !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;  /* om ett ord ändå är för långt */
  font-size: clamp(30px, 8.5vw, 52px) !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

/* Brödtext och datumrad */
.hero-fix p{
  max-width: 34ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(15px, 4.2vw, 18px) !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

/* Knappen – stoppar “smal/lång” och centrerar */
.hero-fix .wp-block-button{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
.hero-fix .wp-block-button__link{
  width: min(360px, 100%) !important;
  padding: 16px 22px !important;
  white-space: normal !important;
  text-align: center !important;
}