.salesko-notice {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #f0dfcc;
  border-radius: 12px;
  padding: 24px;
  margin-block: 24px;
  background: #fff6e8;
  color: #282329;
}
.salesko-notice .alert-symbol {
  display: inline-flex;
  color: #ab6418;
  flex-shrink: 0;
}
.salesko-notice b {
  display: block;
}
.salesko-notice p {
  margin: 4px 0 0;
}
.salesko-notice .textlink {
  margin-left: auto;
  flex-shrink: 0;
  font-weight: 800;
}

.salesko-season-status,
.editor-styles-wrapper .season-banner {
  background: #edf6fa;
  border: 1px solid #d8e9f3;
  display: flex;
  gap: 16px;
  padding: 22px;
  border-radius: 12px;
  margin-block: 24px;
  color: #254c60;
  line-height: 1.55;
}
.salesko-season-status > span,
.editor-styles-wrapper .season-banner > span {
  color: #257fa9;
  flex-shrink: 0;
  font-size: 32px;
}
.salesko-season-status b,
.editor-styles-wrapper .season-banner b {
  display: block;
  font-size: 18px;
}
.salesko-season-status .season-description,
.editor-styles-wrapper .season-banner .season-description {
  margin-top: 6px;
  font-size: 15px;
}
.salesko-season-status .textlink,
.editor-styles-wrapper .season-banner .textlink {
  display: inline-block;
  margin-top: 12px;
  font-weight: 800;
}
.salesko-season-status.season-banner--open,
.editor-styles-wrapper .season-banner.season-banner--open {
  background: #eaf7ee;
  border-color: #c9e7d0;
  color: #22583b;
}
.salesko-season-status.season-banner--info,
.editor-styles-wrapper .season-banner.season-banner--info {
  background: #fff5e8;
  border-color: #f0dfcc;
  color: #674418;
}

.wp-block-salesko-hero [hidden] {
  display: none !important;
}

@media (max-width: 600px) {
  .salesko-notice {
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px;
  }
  .salesko-notice .textlink {
    margin-left: 0;
  }
  .salesko-season-status {
    padding: 18px;
    gap: 12px;
  }
}