/* FSHG – Base styles (front + editor) */

.fshg-block{
  --fshg-accent:#e60012;
  --fshg-fg:#000;
  --fshg-badge-bg:var(--fshg-accent);
  --fshg-badge-fg:#fff;
  --fshg-border:#ddd;
  --fshg-border-dark:#5e5e5e;
  --fshg-size:14px;
  --fshg-weight:700;
  --fshg-transform:none;
  --fshg-radius:0px;
  --fshg-shadow:0;

  margin: 30px 0 20px;
}

.fshg-title{
  margin: 0;
  font-weight: var(--fshg-weight);
  font-size: var(--fshg-size);
  text-transform: var(--fshg-transform);
  color: var(--fshg-fg);
  line-height: 1.15;
}

.fshg-text{
  display: inline-block;
}

.fshg-block.has-text-align-left{ text-align:left; }
.fshg-block.has-text-align-center{ text-align:center; }
.fshg-block.has-text-align-right{ text-align:right; }

/* TEMPLATE: boxed_sides */
.fshg-tpl--boxed_sides .fshg-title{
  padding: 5px 15px;
  border-left: 8px solid var(--fshg-accent);
  border-right: 8px solid var(--fshg-accent);
  border-radius: var(--fshg-radius);
  background: transparent;
  text-align: center;

  box-shadow: 0 0 calc(10px * var(--fshg-shadow)) rgba(171,169,171,1);
}

/* TEMPLATE: badge_underline_accent */
.fshg-tpl--badge_underline_accent{
  border-bottom: 3px solid var(--fshg-accent);
  margin-bottom: 30px;
  padding-bottom: 6px;
}
.fshg-tpl--badge_underline_accent .fshg-title{
  margin: 0;
}
.fshg-tpl--badge_underline_accent .fshg-text{
  background: var(--fshg-badge-bg);
  color: var(--fshg-badge-fg);
  padding: 5px 14px;
  border-radius: var(--fshg-radius);
}

@media (max-width: 500px){
  .fshg-tpl--badge_underline_accent{
    background: var(--fshg-accent);
    text-align: center;
  }
  .fshg-tpl--badge_underline_accent .fshg-text{
    background: transparent;
    color: #fff;
  }
}

/* TEMPLATE: badge_underline_neutral */
.fshg-tpl--badge_underline_neutral{
  border-bottom: 3px solid var(--fshg-border);
  margin-bottom: 30px;
  padding-bottom: 6px;
}
.jnews-dark-mode .fshg-tpl--badge_underline_neutral{
  border-bottom-color: var(--fshg-border-dark);
}
.fshg-tpl--badge_underline_neutral .fshg-title{
  margin: 0;
}
.fshg-tpl--badge_underline_neutral .fshg-text{
  background: var(--fshg-badge-bg);
  color: var(--fshg-badge-fg);
  padding: 8px 14px;
  border-radius: var(--fshg-radius);
}

/* TEMPLATE: simple_underline */
.fshg-tpl--simple_underline{
  border-bottom: 3px solid var(--fshg-accent);
  margin-bottom: 30px;
  padding-bottom: 8px;
}
.fshg-tpl--simple_underline .fshg-title{
  margin: 0;
}

/* TEMPLATE: plain */
.fshg-tpl--plain{
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}