/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/


/* ✅ 結果表示テキスト全体 */
#kotodama-text {
  position: relative;
  z-index: 1;
  padding: 105px 110px 90px 110px;
  color: #2B1B0F;
  line-height: 1.5;
  font-size: 14.2px;
  white-space: normal;
  font-family: 'Noto Serif JP', serif;
  opacity: 0.1;
  animation: fadeInText 2s ease-out forwards;
}

/* ✅ セクションタイトル（例：属性、系譜など） */
#kotodama-text p.section-title {
  font-weight: bold;
  font-size: 17px;
  margin: 70px 0 0;
  color: #5b3a1e;
}

/* ✅ 本文テキスト */
#kotodama-text p.result-text {
  font-size: 15px;
  color: #3a2b1c;
  margin-top: 0 !important;
  margin-bottom: 16px;
  white-space: pre-wrap;
}

/* ✅ 最後の段落の余白を削除 */
#kotodama-text p.result-text:last-of-type {
  margin-bottom: 0;
}

/* ✅ 詩文（“...”で囲んだ語） */
#kotodama-text em {
  text-align: center;
  margin: 80px 0 40px;
  font-size: 20px !important;
  line-height: 1.6;
  font-family: 'Georgia', serif;
  font-style: italic;
  letter-spacing: 0.5px;
  display: block;
  opacity: 0.5;
  animation: fadeInPoem 2.5s ease-out forwards;
  animation-delay: 2s;
  font-weight: bold;
  color: inherit;
  text-shadow: 0 0 10px rgba(255, 230, 200, 0.8),
               0 0 20px rgba(255, 180, 120, 0.5);
}

/* ✅ 有料版：白文字＋網掛けスタイル */
#kotodama-text.kotodama-premium-style {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 24px;
  max-width: 100%;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ✅ 有料版：セクションタイトル白化 */
#kotodama-text.kotodama-premium-style p.section-title {
  color: #ffffff !important;
}

/* ✅ 有料版：本文白化 */
#kotodama-text.kotodama-premium-style p.result-text {
  color: #ffffff !important;
}

/* ✅ 有料版：詩文白化（アニメ除去） */
#kotodama-text.kotodama-premium-style em {
  color: #ffffff !important;
  opacity: 1 !important;
  animation: none !important;
  text-shadow: 0 0 20px rgba(255,255,255,0.9),
               0 0 30px rgba(255,255,255,0.6);
}

/* ✅ テキスト全体フェードイン演出 */
@keyframes fadeInText {
  from { opacity: 0.1; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ✅ 詩文フェードイン（白い輝き） */
@keyframes fadeInPoem {
  from { opacity: 0.1; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}


.kotodama-premium-style {
  color: #ffffff !important;
  text-shadow: 0 0 4px #000;
}