/* 投稿メタ情報を非表示にする */
.entry-meta, .post-meta {
    display: none;
}
/* 共有ボタンを非表示にする */
.sharedaddy {
    display: none;
}

/* いいねボタンを非表示にする */
.likes-widget-placeholder {
    display: none;
}

/* コメントセクションを非表示にする */
#comments {
    display: none;
}

/* 前の投稿/次の投稿リンクを非表示にする */
.nav-links {
    display: none;
}

/* 共通のスタイル */
.custom-form input[type="text"], .custom-form input[type="date"], .custom-form textarea {
  width: 100% !important;
  padding: 10px !important;
  margin-bottom: 15px !important;
  box-sizing: border-box !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background-color: #fff !important;
}

/* モバイル用のスタイル調整 */
@media (max-width: 768px) {
  .custom-form input[type="text"], .custom-form input[type="date"], .custom-form textarea {
    width: 100% !important; /* 親要素の幅に合わせて100% */
  }
}

/* 日付入力欄のカレンダーアイコンのスタイル */
.custom-form input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer !important;
  border: none !important;
  background: transparent !important;
  color: #333 !important;
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
}

/* エラーメッセージのスタイル */
.custom-form .error-message {
  color: red !important;
  margin-top: -10px !important;
  margin-bottom: 10px !important;
  font-size: 12px !important;
}

/* ヘッダーメニューの文字サイズを変更する */
.site-title {
    font-size: 20px; /* サイトタイトルの文字サイズを変更 */
}

.navbar a {
    font-size: 14px; /* ナビゲーションメニューの文字サイズを変更 */
}

.wpem-event-register, 
.wpem-theme-button, 
button.wpem-theme-button {
    display: none !important;
}

/* WP Event Manager の単一イベントページだけ適用 */
.single-event_listing h1.entry-title,
.single-event_listing .entry-header {
  display: none !important;   /* タイトルとそのヘッダーを非表示 */
}

/* タイトル分の上余白を詰める */
.single-event_listing .ast-container,
.single-event_listing .content-area,
.single-event_listing .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 👁 アイコンをCSSでも非表示 */
.single-event_listing .wpem-icon-eye { display: none !important; }

/* ===== HOMEだけ、ヘッダー直下の余白を総リセット ===== */
.home { 
  --wp--style--root--padding-top: 0 !important;
  --wp--style--block-gap: 0 !important;         /* ブロック間の自動ギャップも0 */
}

/* テーマの共通ラッパーの上パディングを0 */
.home .wp-site-blocks,
.home .site-main,
.home main,
.home .content-area,
.home .entry-content,
.home .wp-block-post-content { 
  padding-top: 0 !important; 
  margin-top: 0 !important; 
}

/* ヘッダー側が持っている下マージン/パディングを0 */
.home .site-header,
.home header,
.home .site-header > .wp-block-group {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* “ヘッダーの次に来る要素”の上マージンを必ず0に */
.home header + * ,
.home .site-header + * ,
.home .wp-site-blocks > *:first-child,
.home main > *:first-child,
.home .wp-block-post-content > *:first-child,
.home .entry-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Spacerが最上段に紛れていたら無効化 */
.home .wp-block-spacer:first-child { display: none !important; }

/* ヒーローブロック自身の余白も0に（クラス home-hero を付与している前提） */
.home .home-hero,
.home .home-hero > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* まだ数px残る場合の“最終手段”：微小なネガティブマージンで吸収（必要なら数値調整） */
.home .home-hero { margin-top: -6px !important; }  /* -4〜-10pxの範囲で微調整 */

input[name="venue-key"], input[name="venue-time"] {
  display:none !important;
}

.qty-wrap{
  display:inline-flex; align-items:center; gap:.4rem;
}
.qty-input{
  width:4.5rem; text-align:center; padding:.4rem .6rem;
  font-size:1rem;
  /* ブラウザの上下矢印を消したい場合： */
  -moz-appearance: textfield;
}
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button{
  -webkit-appearance: none; margin:0;
}
.qty-btn{
  border:1px solid #ccc; background:#f7f7f7; cursor:pointer;
  padding:.35rem .7rem; line-height:1; font-size:1rem; border-radius:.5rem;
}
.qty-btn:active{ transform:translateY(1px); }

:root{
  --teal:#0f8b8d; 
  --orange:#f36c00; 
  --purple:#8a4fff; 
  --green:#2c7a7b;
  --ink:#222; 
  --muted:#666; 
  --bg:#f7f9fc;
}

.one-venue{ 
  background:var(--bg); 
  padding:24px; 
  border-radius:16px; 
}

.ov-head{text-align:center; margin-bottom:20px;}
.ov-pref{font-weight:700; color:var(--muted);}
.ov-pref .en{margin-left:.4em; font-weight:600;}
.ov-title{
  margin:.3em 0 .5em; 
  font-size:1.8rem; 
  font-weight:900; 
  color:var(--ink);
}
.ov-sub{
  font-size:1.2rem; 
  color:#333;       /* 濃くする */
  font-weight:600;  /* 少し太め */
  margin-bottom:1.5em;
}

.ov-actions{
  display:grid; 
  gap:16px; 
  max-width:500px; 
  margin:0 auto 20px;
}
.btn{
  display:flex; 
  flex-direction:column; 
  align-items:center; 
  justify-content:center;
  padding:18px; 
  border-radius:999px;
  font-weight:700; 
  color:#fff; 
  text-decoration:none; 
  box-shadow:0 6px 14px rgba(0,0,0,.08);
  transition:transform .05s ease, box-shadow .2s ease;
}
.btn:hover{box-shadow:0 8px 18px rgba(0,0,0,.12);}
.btn:active{transform:translateY(1px);}

.btn .jp{font-size:1.2rem; line-height:1.3;}
.btn .en{font-size:.95rem; opacity:.95;}

.btn--teal{background:var(--teal);}
.btn--orange{background:var(--orange);}
.btn--purple{background:var(--purple);}
.btn--green{background:var(--green);}

.ov-helper{text-align:center; margin-top:20px;}
.ov-link{color:var(--teal); font-weight:700; text-decoration:underline;}

.ov-info{
  margin:30px auto 10px;
  max-width:700px;
  font-size:.95rem;
  color:#333;
}
.ov-heading{
  font-size:1.1rem;
  font-weight:700;
  margin:1.5em 0 .5em;
  border-left:4px solid var(--teal);
  padding-left:.5em;
  color:#222;
}
.ov-list{
  list-style:none;
  padding:0;
  margin:0 0 1em;
}
.ov-list li{
  margin:.6em 0;
  line-height:1.5;
}
.ov-list .en{
  color:#555;
  font-size:.9em;
}

:root{
  --gold:#d4a017;     /* ルーレット特典 */
  --halloween:#ff5a00; /* ハロウィン特典用（お好みで変更可） */
}

/* 新しいボタン色 */
.btn--gold{ background:var(--gold); color:#fff; }
.btn--halloween{ background:var(--halloween); color:#fff; }

/* ボタン群の間隔 */
.ov-actions{ gap:16px; }

:root{
  --bluegray:#5a6b8c; /* 新しいボタン色（落ち着いたブルーグレー） */
}

/* 新しいボタン */
.btn--bluegray{
  background:var(--bluegray);
  color:#fff;
}


/* ====== 全体カード ====== */
.event-form {
  background: #f8f9fb;
  padding: 1.4em 1.2em;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  max-width: 600px;
  margin: 1.5em auto;
  font-family: "Noto Sans JP", sans-serif;
}

/* =============================
   イベント予約フォーム（最終版）
   ============================= */

/* ===== タイトルを1行でまとめる ===== */
/* タイトル全体を中央寄せ */
.event-form__head{ justify-content:center; }

/* 日本語タイトルを少し小さく */
.event-form__title{
  font-size:1.0em;      /* ← ここで微調整（0.95–1.05あたり） */
  text-align:center;
}

/* 英語はさらに小さく＆色を少し落とす */
.event-form__sub{
  font-size:0.8em;
  color:#666;
}


/* 必須マーク */
.required-note {
  text-align: left;
  color: #777;
  font-size: 0.85rem;
  margin-top: 0.2em;
  margin-bottom: 0.6em;
}

/* スマホ時タイトルサイズ調整 */
@media (max-width: 480px) {
  .event-form__title { font-size: 1em; }
  .event-form__sub { font-size: 0.75em; margin-left: 0.3em; }
}

/* ====== ラッパー・全体 ====== */
.event-form {
  background: #f9fafb;
  padding: 1.6em 1.2em;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  max-width: 600px;
  margin: 1.5em auto;
  font-family: "Noto Sans JP", system-ui, sans-serif;
}

.event-form small,
.event-form p.note {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.2em;
}

/* ====== ラベル・入力欄 ====== */
.event-form label {
  display: block;
  font-weight: 600;
  margin-top: 0.8em;
  color: #222;
  font-size: 1rem;
  line-height: 1.4;
}

.event-form input,
.event-form select {
  width: 100%;
  padding: 0.55em 0.7em;
  margin-top: 0.3em;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 0.95em;
  box-sizing: border-box;
}

/* ====== 参加人数（＋／−） ====== */
.qty-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  margin-top: 0.4em;
}

.qty-btn {
  background: #e8f0fe;
  color: #004b9e;
  border: 1px solid #004b9e;
  border-radius: 6px;
  width: 2.2em;
  height: 2.2em;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: 0.2s ease;
}

.qty-btn:hover {
  background: #004b9e;
  color: #fff;
}

.qty-input {
  width: 3em;
  text-align: center;
  font-size: 1.1em;
  font-weight: 600;
  border: 1px solid #ccc;
  border-radius: 6px;
  height: 2.2em;
}

/* ================================
   送信ボタン & 完了メッセージ 最終版（スピナー対応・安定版）
   ================================ */

/* 見た目のボタン */
.event-form__submit{
  position: relative;
  display:block;
  width:100%;
  background: linear-gradient(180deg, #0055c2, #004b9e);
  border-radius: 8px;
  padding: 1.3em 1em;          /* ボタンの高さ（縦幅） */
  box-shadow: 0 3px 0 #003b7a;
  margin-top:.9em;
  margin-bottom:.15em;
  text-align:center;
  overflow: visible;
  transition: all .25s ease;
  min-height: 64px;            /* ← スピナーで縦に伸びないよう固定 */
}

/* 実ボタン（クリック用） */
.event-form__submit input[type="submit"],
.event-form__submit button[type="submit"]{
  position: absolute;
  inset: 0;
  width:100%;
  height:100%;
  opacity: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
  z-index: 3;
}

/* ホバー時 */
.event-form__submit:hover{
  background: linear-gradient(180deg, #0060d4, #004b9e);
  box-shadow: 0 2px 0 #003b7a;
  transform: translateY(-1px);
}

/* 上段：日本語 */
.event-form__submit::before{
  content:"イベントを予約する";
  position:absolute;
  left:0; right:0;
  top: calc(50% - .65em);      /* ← 日本語を少し上に */
  transform: translateY(-50%);
  color:#fff;
  text-align:center;
  font-size:1.05rem;           /* ← 大きめで読みやすく */
  font-weight:700;
  line-height:1.1;
  z-index: 2;
  pointer-events:none;
}

/* 下段：英語 */
.event-form__submit::after{
  content:"Submit Reservation";
  position:absolute;
  left:0; right:0;
  top: calc(50% + .9em);       /* ← 英語を少し下に */
  transform: translateY(-50%);
  color:#fff;
  opacity:.95;
  text-align:center;
  font-size:.82rem;
  font-weight:500;
  line-height:1.1;
  z-index: 2;
  pointer-events:none;
}

/* ===== Contact Form 7 スピナー調整 ===== */
.event-form__submit .wpcf7-spinner{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  width: 18px;
  height: 18px;
  z-index: 2;
  display: block;
  pointer-events: none;
}

/* CF7旧CSS保険 */
.wpcf7 .ajax-loader,
.wpcf7-spinner { vertical-align: middle !important; }

/* モバイル調整 */
@media (max-width:420px){
  .event-form__submit{ padding: 1.1em 1em; }
  .event-form__submit::before{ font-size:.98rem; top: calc(50% - .55em); }
  .event-form__submit::after { font-size:.78rem; top: calc(50% + .8em); }
}

/* ===== Contact Form 7 送信完了メッセージ ===== */
.wpcf7 form .wpcf7-response-output{
  margin:.35em 0 0;
  padding:.6em 1em;
  border:1.5px solid #22aa44;
  border-radius:6px;
  background:#f6fff8;
  color:#222;
  text-align:center;
  font-size:.9em;
  line-height:1.4;
}

/* 「送信により〜」の文言 */
.event-form__footer{
  margin-top:.2em;
  font-size:.78rem;
  color:#555;
  text-align:left;
  line-height:1.35;
}
.event-form__footer a{
  color:#004b9e;
  text-decoration:underline;
  font-weight:500;
}


/* =========================
   App Header（GlobalMeet）
   ========================= */

/* ヘッダー全体の余白 */
.app-header{
  padding: 14px 16px;
}

/* ロゴ */
.app-header img{
  height: 36px;        /* ← SPでもしっかり */
  width: auto;
}

/* PC */
@media (min-width: 768px){
  .app-header{
    padding: 18px 24px;
  }

  .app-header img{
    height: 44px;     
}
}

/* CTAボタン全体の統一感 */
.cta-card .wp-block-button__link{
  font-size: 15px;
  font-weight: 600;
  transition: all .2s ease;
}

/* hover */
.cta-card .wp-block-button__link:hover{
  opacity: .9;
  transform: translateY(-1px);
}

/* ===== ヘッダー直下の横スクロール棚 ===== */
.gm-top-slider{
  padding: 10px 0 6px;
}

.gm-top-slider .wp-block-group__inner-container{
  display: flex;
  gap: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 0 14px 10px;
}

.gm-top-slider .wp-block-image{
  flex: 0 0 auto;
  width: 86vw;          /* SPで大きく */
  max-width: 560px;     /* PCで巨大化防止 */
  scroll-snap-align: start;
}

.gm-top-slider .wp-block-image img{
  width: 100%;
  height: 160px;        /* myfansの帯っぽい高さ */
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

/* PCはカードを並べる感じに */
@media (min-width: 768px){
  .gm-top-slider .wp-block-image{
    width: 520px;
  }
  .gm-top-slider .wp-block-image img{
    height: 180px;
  }
}

/* スクロールバー薄め（任意） */
.gm-top-slider .wp-block-group__inner-container::-webkit-scrollbar{
  height: 8px;
}
.gm-top-slider .wp-block-group__inner-container::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.12);
  border-radius: 8px;
}
/* ===== GlobalMeet TOP Banner 調整 ===== */

/* ===============================
   GlobalMeet TOP Banner Card UI
   750x450 / Fit / 見切れなし
   =============================== */

/* スライダー全体をカード化 */
.gm-top-banner {
  max-width: 1000px;                 /* PCで広がりすぎない */
  margin: 16px auto 20px;
  padding: 0 16px;                   /* SP左右余白 */
}

/* Smart Slider 本体 */
.gm-top-banner .n2-ss-slider {
  background: #ffffff;
  border-radius: 20px;               /* カード角丸 */
  overflow: hidden;                  /* 角丸を効かせる */
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);  /* 影 */
}

/* 画像は「そのまま表示」＝Fit前提 */
.gm-top-banner img {
  width: 100%;
  height: auto;                      /* 比率維持 */
  object-fit: contain;               /* 切らない */
  object-position: center;
  display: block;
}

/* SPでも高さは変えない（比率を守る） */
@media (max-width: 768px) {
  .gm-top-banner {
    max-width: 100%;
    padding: 0 12px;
  }

  .gm-top-banner .n2-ss-slider {
    border-radius: 16px;
    box-shadow: 0 10px 22px rgba(0,0,0,0.12);
  }
}

/* ===== GlobalMeet ログイン / 新規登録 横並び ===== */
.gm-auth-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;              /* ボタン間の余白 */
  flex-wrap: nowrap;
}

/* SPでも横並びを維持 */
@media (max-width: 768px) {
  .gm-auth-buttons {
    flex-direction: row;
  }

  .gm-auth-buttons .wp-block-button {
    margin: 0;
  }
}
/* ▼ GlobalMeet ヘッダー右上の Lucide アイコン調整 */

/* ベル・検索・メニューの SVG を直接指定 */
svg.lucide-bell,
svg.lucide-search,
svg.lucide-menu {
  width: 30px !important;        /* アイコン大きめ */
  height: 30px !important;
  stroke-width: 2.6 !important;
  stroke: #000 !important;       /* 線の色を黒に固定 */
  color: #000 !important;
}

/* 中のパスにも黒を強制 */
svg.lucide-bell *,
svg.lucide-search *,
svg.lucide-menu * {
  stroke: #000 !important;
  color: #000 !important;
}

/* アイコン同士の横の間隔を調整 */
svg.lucide-bell,
svg.lucide-search {
  margin-right: 20px !important; /* ← 半角スペースだけにする */
}
/* ログイン済みユーザーには TOP のCTAを非表示 */
body.logged-in .cta-wrapper {
  display: none !important;
}
/* =========================
   GlobalMeet 固定フッターナビ（SP用）
   ========================= */

/* 本体 */
.gm-bottom-nav{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,.06);
  display: flex;
  justify-content: space-around;
  padding: 6px 8px env(safe-area-inset-bottom);
  z-index: 999;
}

/* 各タブ */
.gm-bottom-nav__item{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-decoration: none;
  font-size: 11px;
  color: #6b7280;
}

/* アイコンサイズ（Lucide） */
.gm-bottom-nav__item i[data-lucide]{
  width: 22px;
  height: 22px;
  display: block;
}

/* アクティブ状態（手動でクラス付け想定） */
.gm-bottom-nav__item.is-active{
  color: #111827;
}
.gm-bottom-nav__item.is-active i[data-lucide]{
  color: #ff4b9d;
}

/* ===== GlobalMeet Account Dashboard ===== */
.gm-dash{
  max-width: 920px;
  margin: 30px auto;
  padding: 0 14px;
}
.gm-dash__title{
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 6px;
}
.gm-dash__desc{
  margin: 0 0 16px;
  color: rgba(17,24,39,.65);
}

.gm-dash__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 16px;
}
@media (min-width: 860px){
  .gm-dash__grid{ grid-template-columns: 1fr 1fr; }
}

.gm-dash__card{
  background: #fff;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  padding: 16px 16px;
  box-shadow: 0 14px 40px rgba(17,24,39,.08);
}
.gm-dash__card h3{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 800;
}
.gm-dash__card p{
  margin: 0 0 12px;
  color: rgba(17,24,39,.70);
  line-height: 1.6;
}

.gm-linkbtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,.12);
  background: #fff;
  font-weight: 800;
  text-decoration: none;
}
.gm-linkbtn--primary{
  border: none;
  color: #fff;
  background: linear-gradient(90deg, #ff4b9d, #ff7a42);
  box-shadow: 0 14px 30px rgba(255,75,157,.20);
}

/* CF7 全体（このページだけに当てたいなら .page-id-XXX を先頭につけて） */
.wpcf7 form{
  max-width: 860px;
  margin: 0 auto;
}

.wpcf7 form p{
  margin: 0 0 14px;
}

.wpcf7 label{
  display:block;
  font-weight:600;
  margin: 0 0 6px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}

.wpcf7 textarea{
  min-height: 120px;
}

.wpcf7 .wpcf7-list-item{
  margin: 0 12px 10px 0;
  display: inline-block;
}

.wpcf7 input[type="submit"]{
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
}

/* 送信結果メッセージも整える */
.wpcf7-response-output{
  border-radius: 12px;
}

.gm-after-actions{
  max-width: 760px;
  margin: 12px auto 0;
  text-align: center;
}
.gm-success-actions .gm-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: min(420px, 100%);
  border-radius: 16px;
  padding: 14px 18px;
  font-weight: 800;
  color:#fff;
  background: linear-gradient(90deg, #ff4b9d, #ff7a42);
}

/* 送信ボタンと「戻る」を横並び */
.gm-actions.gm-actions--row{
  display:flex !important;
  gap:12px !important;
  justify-content:center !important;
  align-items:stretch !important;
  flex-wrap:wrap !important;
  margin-top: 18px;
}

/* CF7のsubmit(input)も、リンク(a)も同じ見た目・同じ高さに */
.gm-actions.gm-actions--row .gm-btn,
.gm-actions.gm-actions--row .wpcf7-submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:56px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;

  width: min(320px, 100%) !important;
  box-sizing: border-box !important;
  text-decoration:none !important;

  font-weight: 800 !important;
  font-size: 16px !important;
}

/* もしgm-btnがinputに付かない環境でも、CF7 submitは統一 */
.gm-actions.gm-actions--row .wpcf7-submit{
  border: 0 !important;
  cursor: pointer !important;
  color:#fff !important;
  background: linear-gradient(90deg, #ff4b9d 0%, #ff7a42 100%) !important;
}

/* 戻るボタン（サブ） */
.gm-actions.gm-actions--row .gm-btn--sub{
  background:#111827 !important;
  color:#fff !important;
  box-shadow: none !important;
}

/* hover */
.gm-actions.gm-actions--row .gm-btn--sub:hover,
.gm-actions.gm-actions--row .wpcf7-submit:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}
.gm-actions.gm-actions--row .gm-btn--sub:active,
.gm-actions.gm-actions--row .wpcf7-submit:active{
  transform: translateY(0);
}


/* ===== Choices 全体の見た目を統一 ===== */
.choices__inner{
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: 10px 12px;
  min-height: 44px;
  background: #fff;
}

/* 🔍アイコン（前回入れてた ::before は干渉するので使わない） */
.choices__inner::before{ content: none !important; }

/* ドロップダウンが枠の下に“ちゃんと離れて”出るようにする（被り防止） */
.choices__list--dropdown,
.choices__list[aria-expanded]{
  margin-top: 8px;
  border-radius: 12px;
  overflow: hidden;
  z-index: 9999; /* テーマによっては必要 */
}

/* ===== 単一 select（国籍/居住地） ===== */
.choices[data-type*="select-one"] .choices__inner{
  padding-right: 40px; /* 右のアイコン分の余白 */
}
.choices[data-type*="select-one"]::after{
  right: 14px; /* 右端の▼（Choices標準）位置調整 */
}

/* ===== 複数 select（言語/訪れた国）を“単一selectっぽく”見せる ===== */

/* 1) 複数選択の入力欄（これが■に見える原因）を“透明で自然”にする */
.choices[data-type*="select-multiple"] .choices__input--cloned{
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  min-width: 120px !important;
  width: 100% !important;          /* ←小さい箱感を消す */
  box-shadow: none !important;
  outline: none !important;
}
.choices[data-type*="select-multiple"] .choices__input--cloned::placeholder{
  color: #777;
  opacity: 1;
}

/* 2) タグ（選択済み）を自然に並べる */
.choices__list--multiple{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.choices__list--multiple .choices__item{
  border-radius: 999px;
  padding: 6px 10px;
  margin: 0 !important;
}

/* 3) 複数selectも右側に余白を作って、▼や検索系と干渉しないように */
.choices[data-type*="select-multiple"] .choices__inner{
  padding-right: 40px;
}

/* 4) “枠内に検索できる感”を軽く出す（控えめに） */
.choices[data-type*="select-multiple"]::after{
  right: 14px; /* ▼位置 */
}

/* ===== GlobalMeet Profile Layout ===== */

.gm-head{
  display:flex;
  gap:20px;
  align-items:flex-start;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.gm-avatar img{
  width:120px;
  height:120px;
  border-radius:24px;
  background:#eee;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.gm-name{
  font-size:34px;
  font-weight:900;
  margin:0 0 10px;
}

/* 国籍・性別（囲いなしテキスト） */
.gm-line{
  font-size:15px;
  font-weight:700;
  color:#444;
  margin-bottom:6px;
}

/* Languages */
.gm-langs{
  margin-top:10px;
}

.gm-langs-title{
  font-weight:800;
  margin-bottom:6px;
}

.gm-lang-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.gm-lang-tag{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
  font-weight:800;
  font-size:13px;
}

/* Bio */
.gm-bio{
  margin-top:20px;
  background:#fff;
  border-radius:18px;
  padding:18px;
  border:1px solid rgba(0,0,0,.08);
  line-height:1.8;
}

/* === GM photo block: override (put at VERY END) === */
#gm-photo-block .gm-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:44px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(17,24,39,.12) !important;
  background:#fff !important;
  color:rgba(17,24,39,.92) !important;
}

#gm-photo-block .gm-photo-save{
  border:none !important;
  color:#fff !important;
  background: linear-gradient(90deg, #ff4b9d 0%, #ff7a42 100%) !important;
  box-shadow: 0 14px 30px rgba(255,75,157,.22) !important;
}

/* ===== GM Photo block: bigger (override) ===== */
#gm-photo-block{
  padding: 18px 18px !important;
  border-radius: 20px !important;
}

#gm-photo-block .gm-label{
  font-size: 15px !important;
  margin-bottom: 12px !important;
}

/* 横並びの余白を増やす */
#gm-photo-block .gm-photo-row{
  gap: 18px !important;
}

/* アバターを大きく（主役） */
#gm-photo-block #gm-photo-preview{
  width: 108px !important;
  height: 108px !important;
}

/* 右側の操作領域に幅を与える */
#gm-photo-block .gm-photo-controls{
  min-width: 320px !important;
  gap: 12px !important;
}

/* ボタンを少し大きく */
#gm-photo-block .gm-btn,
#gm-photo-block .gm-photo-save{
  height: 48px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
}

/* ファイル名も読みやすく */
#gm-photo-block #gm-photo-filename{
  font-size: 13px !important;
  max-width: 420px !important;
}

/* ===== Mobile: もっと押しやすく ===== */
@media (max-width: 520px){
  #gm-photo-block{
    padding: 16px 14px !important;
  }
  #gm-photo-block #gm-photo-preview{
    width: 116px !important;
    height: 116px !important;
  }
  #gm-photo-block .gm-btn,
  #gm-photo-block .gm-photo-save{
    height: 52px !important;
    font-size: 16px !important;
  }
}
/* Avatar size tweak (recommended) */
#gm-photo-block #gm-photo-preview{
  width: 128px !important;
  height: 128px !important;
}

/* ===== Fix: Mobile button clipping ===== */
@media (max-width: 520px){
  /* 横並びをやめて縦積みに */
  #gm-photo-block .gm-photo-row{
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* 右側（操作領域）を100%に */
  #gm-photo-block .gm-photo-controls{
    width: 100% !important;
    min-width: 0 !important;
  }

  /* ボタンエリアも縦並び＆全幅 */
  #gm-photo-block .gm-file-ui{
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* ボタンは必ず画面内に収める */
  #gm-photo-block .gm-btn,
  #gm-photo-block .gm-photo-save{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 万一、親がはみ出しを作ってる時の保険 */
  #gm-photo-block{
    overflow: hidden !important;
  }
}
/* ===== Mobile: center avatar ===== */
@media (max-width: 520px){
  /* アバターを中央寄せ */
  #gm-photo-block #gm-photo-preview{
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  /* ボタン群は中央揃えのまま全幅 */
  #gm-photo-block .gm-photo-controls{
    align-items: stretch !important;
  }
}
/* =========================
   Tour-like Cards (clean)
========================= */

/* grid */
.gm-events-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

/* card */
.gm-event-card{
  display:block;
  text-decoration:none !important;
  color:inherit;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.gm-event-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(0,0,0,.12);
}

/* thumb */
.gm-event-thumb img{
  width:100%;
  height:auto;
  display:block;
  border-radius:0; /* カード全体で丸めるので不要 */
}

/* body */
.gm-event-body{
  padding:14px 14px 16px;
}

/* title */
.gm-event-title{
  margin:0 0 10px;
  line-height:1.25;
  font-size:20px;
  letter-spacing:.01em;
}

/* =========================
   Meta (Date + Location in ONE gray box)
========================= */

/* meta wrapper (全体の余白だけ担当) */
.gm-event-meta{
  margin-top:10px;
}

/* 1つのグレー枠（カード内の情報ブロック） */
.gm-meta-box{
  background: rgba(17,24,39,.04);
  border-radius:12px;
  padding:12px 12px;
}

/* 中の各行（日時・場所） */
.gm-meta-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  word-break: break-word;
}

/* 行間（2行を詰めすぎない） */
.gm-meta-item + .gm-meta-item{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(17,24,39,.08);
}

/* アイコン */
.gm-meta-item::before{
  width:20px;
  flex:0 0 20px;
  margin-top:1px;
  opacity:.75;
  display:block;
  content:"";
}

/* 1行目＝日時（アイコンだけで識別。色で差を付けない） */
.gm-meta-item.is-date::before{
  content:"📅";
}

/* 2行目＝場所 */
.gm-meta-item.is-place::before{
  content:"📍";
}

/* リンクっぽさ排除 */
.gm-event-card a,
.gm-event-title a,
.gm-meta-box a{
  color:inherit !important;
  text-decoration:none !important;
  border-bottom:none !important;
}

/* カードを基準にする */
.gm-event-card{
  position: relative;
}

/* 日付バッジ */
.gm-date-badge{
  position:absolute;
  top:14px;
  left:14px;
  width:64px;
  height:64px;
  border-radius:14px;
  background:#fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.14);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  z-index:5;
}

/* 日（07 みたいな） */
.gm-date-badge .day{
  font-size:22px;
  font-weight:800;
}

/* 月（2月） */
.gm-date-badge .mon{
  margin-top:4px;
  font-size:12px;
  font-weight:700;
  opacity:.75;
}


/* =========================
   Responsive
========================= */
@media (max-width: 1024px){
  .gm-events-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gm-event-title{ font-size:19px; }
}

@media (max-width: 640px){
  .gm-events-grid{ grid-template-columns:1fr; gap:16px; }
  .gm-event-body{ padding:14px 14px 16px; }
  .gm-event-title{ font-size:18px; }

  /* スマホは“縦並び感”を強める（読みやすく） */
  .gm-meta-item{
    line-height:1.55;
  }
}
/* =========================
   GlobalMeet Public Profile UI (v2)
========================= */
.gm-profile{
  max-width: 980px;
  margin: 0 auto;
  padding: 18px 14px 40px;
}

.gm-profile__top{
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 18px;
  align-items: start;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

.gm-profile__photoWrap{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(0,0,0,.04);
}
.gm-profile__photo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

.gm-profile__flag{
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  overflow: hidden;
  border: 4px solid #fff;
  box-shadow: 0 10px 18px rgba(0,0,0,.18);
  background: #fff;
  display: grid;
  place-items: center;
}
.gm-profile__flag img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gm-profile__name{
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.25;
}

.gm-profile__facts{
  margin: 0;
  display: grid;
  gap: 10px;
}

.gm-profile__fact{
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
}
.gm-profile__fact dt{
  font-size: 12px;
  opacity: .7;
}
.gm-profile__fact dd{
  margin: 0;
  font-weight: 700;
}

/* SNS */
.gm-profile__sns{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.gm-sns{
  text-decoration:none !important;
  color: inherit;
}
.gm-sns__badge{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-size: 12px;
  font-weight: 800;
}

/* section */
.gm-profile__sectionTitle{
  margin: 18px 0 10px;
  font-size: 14px;
  letter-spacing: .02em;
}

/* bio */
.gm-profile__bioBox{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 16px 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.05);
}
.gm-profile__bioBox p{
  margin: 0;
  line-height: 1.75;
}

/* chips */
.gm-chipRow{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 14px 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.05);
}
.gm-chip{
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-weight: 700;
  font-size: 13px;
}
.gm-chip--soft{
  background: rgba(0,0,0,.03);
}

/* posts */
.gm-postGrid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.gm-postCard{
  display:block;
  text-decoration:none !important;
  color: inherit;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.05);
  transition: transform .15s ease;
}
.gm-postCard:hover{ transform: translateY(-2px); }

.gm-postCard__thumb{
  width:100%;
  aspect-ratio: 4 / 3;
  background: rgba(0,0,0,.04);
}
.gm-postCard__thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.gm-postCard__ph{ width:100%; height:100%; }

.gm-postCard__body{
  padding: 10px 12px 12px;
}
.gm-postCard__title{
  font-weight: 800;
  font-size: 13px;
  line-height: 1.35;
}
.gm-postCard__meta{
  margin-top: 6px;
  font-size: 11px;
  opacity: .65;
}

.gm-muted{ opacity: .6; }

@media (max-width: 840px){
  .gm-profile__top{ grid-template-columns: 1fr; }
  .gm-postGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* =========================
   GlobalMeet profile - sketch closer patch
========================= */

/* 全体の見出しを少し控えめ＆揃える */
.gm-profile__sectionTitle{
  font-size: 18px;
  font-weight: 900;
  margin: 26px 0 12px;
}

/* 上段カードの余白と高さ感を調整 */
.gm-profile__top{
  padding: 22px;
  gap: 22px;
  border-radius: 26px;
}

/* 写真：もう少し“カードの中の主役”に */
.gm-profile__photoWrap{
  border-radius: 22px;
}

/* 国旗バッジ：しっかり右下に出す */
.gm-profile__flag{
  width: 52px;
  height: 52px;
  right: 14px;
  bottom: 14px;
}

/* 名前：スケッチっぽく大きめ */
.gm-profile__name{
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 14px;
}

/* 基本情報：横バー感をなくして、スケッチの「テキスト3行」に寄せる */
.gm-profile__facts{
  gap: 10px;
  max-width: 520px;
}

.gm-profile__fact{
  background: transparent;
  padding: 0;
  border-radius: 0;
  grid-template-columns: 84px 1fr;
  border: none;
}

.gm-profile__fact dt{
  font-size: 13px;
  opacity: .55;
  font-weight: 700;
}

.gm-profile__fact dd{
  font-size: 16px;
  font-weight: 900;
}

/* 自己紹介：入力欄っぽさを消して、カードとして見せる */
.gm-profile__bioBox{
  border-radius: 26px;
  padding: 18px 18px;
}

.gm-profile__bioBox p{
  font-size: 15px;
  line-height: 1.9;
}

/* チップ：高さと存在感を少しUP（スケッチの“丸ボタン感”） */
.gm-chipRow{
  border-radius: 26px;
  padding: 14px 16px;
  gap: 12px;
}

.gm-chip{
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 900;
  border: 1px solid rgba(0,0,0,.14);
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}

.gm-chip--soft{
  background: rgba(0,0,0,.03);
  box-shadow: none;
}

/* 投稿カード：ツアー会社っぽさを減らして“シンプルなタイル”へ */
.gm-postCard{
  border-radius: 22px;
}
.gm-postCard__body{
  padding: 12px 14px 14px;
}
.gm-postCard__title{
  font-size: 14px;
  font-weight: 900;
}

/* スマホ：上段カードを縦・写真は少し小さめに */
@media (max-width: 840px){
  .gm-profile__name{ font-size: 26px; }
  .gm-profile__top{ padding: 18px; }
}
/* ① 名前行：基準を固定 */
.gm-profile__name{
  display:flex !important;
  align-items:center !important;
  gap:12px;
  line-height:1 !important;
}

/* ② 国旗ボックス：baselineの影響を受けないようにする */
.gm-nameFlag{
  width:38px;
  height:38px;
  border-radius:10px;
  overflow:hidden;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:#fff;

  flex: 0 0 auto;              /* 縮まない */
  vertical-align: middle;       /* 念のため */
  transform: translateY(3px) !important;  /* ← ここが本命（まず3px） */
}

/* ③ 国旗画像 */
.gm-nameFlag img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
/* chips: 外枠（カード）を完全に消す */
.gm-profile__chips .gm-chipRow{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* chipRow 自体の余白だけ整える */
.gm-profile__chips .gm-chipRow{
  margin-top: 8px;
  gap: 12px;
}

/* 「未設定」テキストが浮かないように */
.gm-profile__chips .gm-muted{
  padding-left: 4px;
}
/* === Account cards: 3枚でも自然に（追記用） === */

/* PCは2列、カードが3枚なら「2 + 1」になるだけでOK */
@media (min-width: 860px){
  .gm-dash__grid{ gap:18px; }
}

/* ボタンのhoverを統一（任意） */
.gm-linkbtn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
}
.gm-linkbtn{
  transition: transform .12s ease, filter .12s ease;
}
/* ===== GM App-like Creator Dashboard ===== */
.gm-app{
  max-width: 980px;
  margin: 18px auto 8px;
  padding: 0 14px;
}

.gm-app__profile{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 14px 14px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(17,24,39,.06);
}

.gm-app__avatar img{
  width:56px; height:56px;
  border-radius: 16px;
  object-fit: cover;
  display:block;
  background: rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
}

.gm-app__who{ flex:1; min-width:0; }
.gm-app__name{
  font-weight: 900;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gm-app__sub{ font-size:12px; opacity:.65; margin-top:2px; }

.gm-app__pill{
  display:inline-flex;
  align-items:center;
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border:1px solid rgba(17,24,39,.14);
  background:#fff;
  text-decoration:none;
  font-weight: 800;
  font-size: 12px;
}

.gm-app__cta{
  display:block;
  margin-top: 12px;
  padding: 18px 16px;
  border-radius: 22px;
  text-decoration:none;
  color:#fff;
  background: linear-gradient(90deg, #ff4b9d, #ff7a42);
  box-shadow: 0 16px 34px rgba(255,75,157,.20);
}
.gm-app__ctaTitle{ font-size: 18px; font-weight: 900; }
.gm-app__ctaSub{ font-size: 13px; opacity: .95; margin-top: 4px; }

.gm-app__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}
@media (min-width: 860px){
  .gm-app__grid{ grid-template-columns: 1fr 1fr; }
}

.gm-app__card{
  display:block;
  padding: 14px 14px;
  border-radius: 18px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow: 0 10px 26px rgba(17,24,39,.06);
  text-decoration:none;
  color: inherit;
}
.gm-app__cardTitle{ font-weight: 900; font-size: 14px; }
.gm-app__cardSub{ margin-top: 4px; font-size: 12px; opacity: .7; }

/* ===== Settings section (separate) ===== */
.gm-settings{
  max-width: 980px;
  margin: 16px auto 60px;
  padding: 16px 14px 6px;
  border-radius: 22px;
  background: rgba(17,24,39,.03);
}
.gm-settings__title{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 900;
}
.gm-settings__desc{
  margin: 0 0 14px;
  font-size: 12px;
  opacity: .7;
}
.gm-settings .um-account-main{
  background:#fff;
  border-radius: 18px;
  padding: 12px 12px;
  border:1px solid rgba(17,24,39,.08);
}
/* ===== GM App-like Creator Dashboard ===== */
.gm-app{
  max-width: 980px;
  margin: 18px auto 8px;
  padding: 0 14px;
}

.gm-app__profile{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 14px 14px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(17,24,39,.06);
}

.gm-app__avatar img{
  width:56px; height:56px;
  border-radius: 16px;
  object-fit: cover;
  display:block;
  background: rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
}

.gm-app__who{ flex:1; min-width:0; }
.gm-app__name{
  font-weight: 900;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gm-app__sub{ font-size:12px; opacity:.65; margin-top:2px; }

.gm-app__pill{
  display:inline-flex;
  align-items:center;
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border:1px solid rgba(17,24,39,.14);
  background:#fff;
  text-decoration:none;
  font-weight: 800;
  font-size: 12px;
}

.gm-app__cta{
  display:block;
  margin-top: 12px;
  padding: 18px 16px;
  border-radius: 22px;
  text-decoration:none;
  color:#fff;
  background: linear-gradient(90deg, #ff4b9d, #ff7a42);
  box-shadow: 0 16px 34px rgba(255,75,157,.20);
}
.gm-app__ctaTitle{ font-size: 18px; font-weight: 900; }
.gm-app__ctaSub{ font-size: 13px; opacity: .95; margin-top: 4px; }

.gm-app__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}
@media (min-width: 860px){
  .gm-app__grid{ grid-template-columns: 1fr 1fr; }
}

.gm-app__card{
  display:block;
  padding: 14px 14px;
  border-radius: 18px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow: 0 10px 26px rgba(17,24,39,.06);
  text-decoration:none;
  color: inherit;
}
.gm-app__cardTitle{ font-weight: 900; font-size: 14px; }
.gm-app__cardSub{ margin-top: 4px; font-size: 12px; opacity: .7; }

/* ===== Settings section (separate) ===== */
.gm-settings{
  max-width: 980px;
  margin: 16px auto 60px;
  padding: 16px 14px 6px;
  border-radius: 22px;
  background: rgba(17,24,39,.03);
}
.gm-settings__title{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 900;
}
.gm-settings__desc{
  margin: 0 0 14px;
  font-size: 12px;
  opacity: .7;
}
.gm-settings .um-account-main{
  background:#fff;
  border-radius: 18px;
  padding: 12px 12px;
  border:1px solid rgba(17,24,39,.08);
}
/* ===== Auto-grow textarea (GlobalMeet) ===== */
.gm-noteForm textarea,
.gm-post-form textarea,
textarea.gm-autoGrow{
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  resize: none !important;
}