/*
 Theme Name: Astra Child
 Template: astra
 Text Domain: astra-child
 Description: Child theme for Astra
 Author: XXX
 Version: 1.0.0
*/

/* ここにカスタムCSSを書いていきます */
/* ① まず“メニューは出る”元の最小セット（あなたが効くと確認できた内容） */
@media (max-width: 921px) {
  #ast-desktop-header { display: none !important; }
  #ast-mobile-header { display: block !important; }
  #ast-mobile-header .ast-primary-header-bar {
    display: flex !important;
    align-items: center;
    min-height: 64px;
    z-index: 9999;
  }
  .menu-toggle { display: flex !important; align-items: center; }
  .ast-mobile-popup-drawer { z-index: 10000 !important; }
}

/* ② その“同じ @media の中”に、ボタン見切れ防止の3ルールだけ追記 */
@media (max-width: 921px) {
  /* トグルを固定するための基準と逃げ幅 */
  #ast-mobile-header .ast-primary-header-bar {
    position: relative;
    padding-right: 48px; /* ボタン分のスペース */
  }
  /* トグル（≡）を右上に固定配置 */
  #ast-mobile-header .menu-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
  /* 幅はみ出しで遠く右に行かないよう幅だけ補正 */
  #ast-mobile-header .ast-primary-header-bar .ast-container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}

/* =========================
   ボタン色（見学お問い合わせ）
   ========================= */
/* 誤記だった selector を削除： .mini-content-container-1 container .btn { ... } */
.mini-content-container-1 .btn {
  background-color: #F17921 !important;
  border-color: #F17921 !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.mini-content-container-1 .btn:hover {
  background-color: #ff9f40 !important;
  border-color: #ff9f40 !important;
  color: #fff !important;
}

/* =========================
   CF7 フォーム
   ========================= */
.wpcf7 {
  background-color: #F5F2E9; /* 薄いピンク系 */
  padding: 20px;
  border-radius: 10px;
  max-width: 600px;
  margin: auto;
}
.wpcf7-form .required,
.wpcf7-form label .required {
  background-color: #Ff0000;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 3px;
  margin-left: 10px;
  font-size: 12px;
}

/* Contact Form 7 の送信ボタン背景色を変更 */
.wpcf7 input[type="submit"] {
  background-color: #c1bba7;  /* ← お好きな色コードに変更 */
  color: #ffffff;             /* 文字色（必要に応じて） */
}

/* ホバー時（マウスを乗せた時）の色 */
.wpcf7 input[type="submit"]:hover {
  background-color: #8f8a7b;  /* ← 少し暗い色にすると自然 */
}

/* ------------------------------
   Contact Form 7 送信ボタン中央揃え（全デバイス対応）
------------------------------ */
.wpcf7 form input[type="submit"] {
  display: block;
  margin: 0 auto;      /* 左右autoで中央寄せ */
  float: none !important;  /* 左寄せfloatを解除 */
  text-align: center;
}

/* 念のため親要素のpタグも中央寄せ */
.wpcf7 form p {
  text-align: center;
}

/* スマホ・タブレット幅でも確実に中央に */
@media (max-width: 1024px) {
  .wpcf7 form input[type="submit"] {
    display: block;
    margin: 0 auto;
    float: none !important;
  }
  .wpcf7 form p {
    text-align: center;
  }
}

/* 入力項目タイトルを左寄せ */
.wpcf7-form label {
  display: block;        /* ブロック要素にして */
  text-align: left;      /* 左揃え */
  margin-bottom: 0.25em; /* 少し間をあける */
}

/* reCAPTUREを目立たなくする */
.grecaptcha-badge {
  visibility: hidden;
}
body::after {
  content: 'This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.';
  display: block;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
}