/*
Theme Name: twentytwentyfive-child
Theme URI:
Author: ito.wise
Author URI:
Description: 子テーマ
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: twentytwentyfive-child
Tags:
*/

/* スポーツ新聞風のベース（最下層：黒い太枠） */
.wp-block-heading.is-style-sports-heading-01 .sports-text-inner {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: 'Noto Sans JP', 'sans-serif';
  font-weight: 900;
  font-style: italic;
  letter-spacing: 6px;

  /* 1. 【最下層】黒枠：赤枠（10px）からはみ出す太さに設定 */
  color: #000000;
  -webkit-text-stroke: 10px #000000;
  paint-order: stroke fill; /* 線のトゲを内側に隠す魔法 */
}

/* 中層：赤い枠線（:before 疑似要素） */
.wp-block-heading.is-style-sports-heading-01 .sports-text-inner::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;

  /* 2. 【中層】赤枠：希望の太さ（10px）にするために20pxを指定 */
  color: #ff0000;
  -webkit-text-stroke: 8px #ff0000;
  paint-order: stroke fill; /* 線のトゲを内側に隠す魔法 */
}

/* 上層：黄色の文字（:after 疑似要素） */
.wp-block-heading.is-style-sports-heading-01 .sports-text-inner::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;

  /* 3. 【最上層】黄文字：線はなしで塗りつぶす */
  color: #ffd700;
  -webkit-text-stroke: 0;
}

/* スポーツ新聞風のベース（最下層：黒い太枠） */
.wp-block-heading.is-style-sports-heading-02 .sports-text-inner {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: 'Noto Sans JP', 'sans-serif';
  font-weight: 900;
  font-style: italic;
  letter-spacing: 6px;

  /* 1. 【最下層】黒枠：赤枠（10px）からはみ出す太さに設定 */
  color: #ff0000;
  -webkit-text-stroke: 15px #ff0000;
  paint-order: stroke fill; /* 線のトゲを内側に隠す魔法 */
}

/* 中層：赤い枠線（:before 疑似要素） */
.wp-block-heading.is-style-sports-heading-02 .sports-text-inner::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;

  /* 2. 【中層】赤枠：希望の太さ（10px）にするために20pxを指定 */
  color: #ffffff;
  -webkit-text-stroke: 8px #ffffff;
  paint-order: stroke fill; /* 線のトゲを内側に隠す魔法 */
}

/* 上層：黄色の文字（:after 疑似要素） */
.wp-block-heading.is-style-sports-heading-02 .sports-text-inner::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;

  /* 3. 【最上層】黄文字：線はなしで塗りつぶす */
  color: #373f82;
  -webkit-text-stroke: 0;
}