@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ================================
   H2（wp-block-heading is-style-default）上書き
   画像のような「左短冊＋グラデバー」
   ※ h2 のみ対象。h3 以降には影響しません
================================= */
h2.wp-block-heading.is-style-default,
.editor-styles-wrapper h2.wp-block-heading.is-style-default{
  --pad-y: 12px;
  --pad-x: 18px;
  --gap: 10px;
  --band-w: 12px;
  --radius: 0; /* 角丸なし */
--grad: linear-gradient(90deg, #232765, #63719a);
    --band: #232765;

  position: relative;
  z-index: 0;
  margin: 24px 0 16px;
  padding: var(--pad-y) var(--pad-x) var(--pad-y)
           calc(var(--pad-x) + var(--gap) + var(--band-w));
  min-height: calc(1em + var(--pad-y) * 2);
  color: #fff;
  font-weight: 800;
  font-size: clamp(18px, 2.4vw, 22px);
  line-height: 1.25;
  border-radius: 0;
  background: none;
}

h2.wp-block-heading.is-style-default::before,
.editor-styles-wrapper h2.wp-block-heading.is-style-default::before{
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: var(--band-w);
  background: var(--band);
  border-radius: 0;
  z-index: -1;
  pointer-events: none;
}

/* 本体バー */
h2.wp-block-heading.is-style-default::after,
.editor-styles-wrapper h2.wp-block-heading.is-style-default::after{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: calc(var(--band-w) + var(--gap));
  right: 0;
  background: var(--grad);
  border-radius: 0;
  z-index: -1;
  pointer-events: none;
}
.wp-block-group__inner-container span {
  display: block;
}

/* 必要ならコンテナの左右余白に合わせて全幅感を調整（任意）
.wp-site-blocks h2.wp-block-heading.is-style-default{
  margin-left: 0;
  margin-right: 0;
}
*/