/* ==========================================================
   マイページ：「会員QR」の表記を「会員二次元コード」に変更
   （都の指摘：QRコード → 二次元コードに統一）
   ========================================================== */

/* 1. マイページ上部のボタン文言
      （「QR読取」機能がオンのときはアイコン型の表示になるので、両方指定） */
span.mypage-title__button__text,
.mypage-title__icon__text {
  font-size: 0 !important;
}
span.mypage-title__button__text::before,
.mypage-title__icon__text::before {
  font-size: 16px !important;
  content: "会員二次元コード";
}

/* 2. 上部ボタンを押して二次元コードを拡大したときの下の文言
      （p.ma-1 は eventos 全体で使う余白用クラスなので、二次元コードの直後だけに絞る） */
.member-code-overlay__member-code ~ p.ma-1,
.qr-area__qrcode ~ p.ma-1 {
  font-size: 0 !important;
}
.member-code-overlay__member-code ~ p.ma-1::before,
.qr-area__qrcode ~ p.ma-1::before {
  font-size: 16px !important;
  content: "会員二次元コード";
}

/* 3. 説明文の改行・空白をそのまま表示する */
.description__wrap .html__wrap {
  white-space: pre-wrap;
}

/* 4. マイチケット一覧：表の見出し「QR」を非表示
      （「有効期限」「枚数」「金額」の列は設定によって出たり消えたりするが、
        「QR」の列は必ず一番右なので、最後の列を指定する） */
.mypage-contents__contents .my-ticket-layout__card table thead tr th:last-child > span {
  display: none !important;
}

/* 5. ブース詳細ページ：「わたしたちの特徴」など文章欄の文字を、ほかの項目と同じ大きさにする
      （eventos の標準では文章欄だけ 14px、ほかの項目は 16px） */
.description__wrap .description {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
