/* roadie.co.jp 静的サイトの再実装分の追加スタイル。
   既存の写し取り済みスタイル（インライン<style>・/assets/nuxt/*.css）は変更せず、
   ここでは新規に追加した要素（ハンバーガーメニュー・Turnstile・送信結果メッセージ）のみを定義する。 */

/* --- スマホ用ハンバーガーメニュー --- */
.rc-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  background: rgba(0, 0, 0, 0.16);
}
.rc-mobile-menu[hidden] {
  display: none;
}

.rc-mobile-menu__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
  width: 269px;
  max-width: calc(100% - 44px);
  margin: 22px;
  overflow: hidden;
  list-style: none;
  padding: 0;
}

.rc-mobile-menu__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 71px;
  flex: none;
  background: #ffffff;
  border-bottom: 1px solid rgb(253, 217, 217);
  text-decoration: none;
}
.rc-mobile-menu__item:last-child {
  border-bottom: none;
}
.rc-mobile-menu__item .text {
  color: #333333;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

/* デスクトップ幅ではハンバーガー自体が非表示のため到達しないが、念のため隠しておく */
@media screen and (min-width: 769px) {
  .rc-mobile-menu {
    display: none !important;
  }
}

/* --- Turnstile ウィジェット（送信ボタンの直前） --- */
.rc-turnstile {
  margin: 10px 0;
  min-height: 65px;
}

/* --- お問い合わせフォームの送信結果メッセージ --- */
.rc-form-status {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  min-height: 1.6em;
}
.rc-form-status.is-success {
  color: #2e7d32;
}
.rc-form-status.is-error {
  color: #c62828;
}