/*
Theme Name: MAG Child
Theme URI: https://preciousdays.net/
Description: Child theme for TCD "MAG" (tcd036). Keeps customizations safe from parent theme updates.
Author: ONE SMILE Inc.
Author URI: https://preciousdays.net/
Template: mag_tcd036
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mag-child
*/


/* 全ページ背景：ベージュから白へ（斜め） */
body {
  background: linear-gradient(to bottom right, #fdf6ef 0%, #ffffff 100%);
}

/* ===== Gutenbergボタン用：TCDの装飾をリセットして上書き ===== */

/* ラッパー（外側div）の余計な背景や内側影を無効化 */
.wp-block-button.pd-cta{
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 16px 0;
}

/* 実際のリンク（a）をデザイン */
.wp-block-button.pd-cta .wp-block-button__link{
  background: #FF7A1A !important;   /* 色は下のバリエーションと揃える */
  color: #fff !important;
  border: 0 !important;
  border-radius: 9999px !important;
  padding: 12px 20px !important;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  transform: translateY(0);
  transition: transform .12s ease, filter .12s ease;
}
/* TCDが疑似要素を付けてる場合に備えて消す */
.wp-block-button.pd-cta .wp-block-button__link::before,
.wp-block-button.pd-cta .wp-block-button__link::after{
  content: none !important;
}

.wp-block-button.pd-cta .wp-block-button__link:hover{
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.wp-block-button.pd-cta .wp-block-button__link:active{
  transform: translateY(0);
}

/* スマホは幅いっぱい */
@media (max-width:640px){
  .wp-block-button.pd-cta .wp-block-button__link{
    display: block;
    width: 100%;
    text-align: center;
  }
}

/* 色バリエーション（必要なら使い分け） */
.pd-cta--orange .wp-block-button__link{ background:#FF7A1A !important; }
.pd-cta--blue   .wp-block-button__link{ background:#2AA6DF !important; }
.pd-cta--green  .wp-block-button__link{ background:#26C281 !important; }
.pd-cta--pink   .wp-block-button__link{ background:#FF4F87 !important; }


h2.wp-block-heading {
  font-size: 1.35em;
  font-weight: 800;
  display: inline;
  background: linear-gradient(transparent 80%, #fff2a8 0);
}


/* 本文だけの H2 に装飾（サイドバーに波及させない） */
body.single .entry-content h2.wp-block-heading,
body.page   .entry-content h2.wp-block-heading {
  position: relative;
  display: block;
  font-size: 1.3em;
  margin: 2em 0 1em;
  padding: .4em .8em .5em;
  background: linear-gradient(transparent 60%, #eef6ff 60%);
  border-left: 6px solid #4a90e2;
}