/* =============================================================
   M-RAISING 全ページ共通スタイル（ヴィンテージ・プレイビル）
   ヘッダー / フッター / 配色 / ボタン を全ページで統一
   ※一覧・詳細のレイアウトは現行のまま。破壊回避のため範囲は限定的。
   ============================================================= */

:root{
  --mr-paper:#F3E9CF;
  --mr-paper-2:#F8F1DD;
  /* 上の紙色を rgba() で使うための分解値。背景画像に重ねるスクリムに要る。 */
  --mr-paper-2-rgb:248,241,221;
  --mr-ink:#16233B;
  --mr-ink-soft:#2A3855;
  --mr-cobalt:#2C5AA6;
  --mr-cobalt-deep:#1E3F79;
  --mr-gold:#E4B23C;
  --mr-gold-deep:#C08F27;
  --mr-line:rgba(22,35,59,.22);
  --mr-rule:#C7B79A;   /* 枠線・区切り線（濃いインクより柔らかい紙色系） */
  --mr-disp:"Anton","Haettenschweiler","Impact","Arial Narrow Bold",sans-serif;
  /* 日本語の見出し用。--mr-disp は欧文専用（Anton/Impact）で和文グリフを持たず、
     和字を流すと sans-serif に落ちてポスター調が崩れる。和文はこちらを使う。 */
  --mr-disp-ja:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Yu Gothic UI","Noto Sans JP","Meiryo",sans-serif;
  --mr-mono:"DejaVu Sans Mono","Consolas","Courier New",monospace;
}

/* ---------- ページ地色・紙の質感（全ページ） ---------- */
body{
  background:var(--mr-paper);
  background-image:
    radial-gradient(rgba(22,35,59,.035) 1px, transparent 1px),
    radial-gradient(rgba(22,35,59,.02) 1px, transparent 1px);
  background-size:4px 4px, 7px 7px;
  background-position:0 0, 2px 3px;
  color:var(--mr-ink);
}
.site-content,.content-area{background:transparent}

/* ---------- ヘッダー ---------- */
.site-header{border-bottom:2px solid var(--mr-rule);background:var(--mr-paper)}
.header-navbar__menu a:not(.button){
  font-weight:700;color:var(--mr-ink);
  border-bottom:2px solid transparent;padding-bottom:2px;
}
.header-navbar__menu a:not(.button):hover{border-color:var(--mr-gold);color:var(--mr-ink)}
.header-logo .site-title,.header-logo a{letter-spacing:.02em}
/* ロゴ（マストヘッド）の統一感 */
.header-logo__name{
  font-family:var(--mr-disp);font-weight:400;
  font-size:2.15rem;line-height:1;letter-spacing:.02em;
  color:var(--mr-ink);
}
.header-logo__name .mr-logo-hl{color:var(--mr-cobalt)}
/* サイト名の読み「アエッタ」。header.php が実体の文字で出す。
   --mr-disp（Anton）は欧文専用で和文グリフを持たないので、和文用を明示する。 */
.header-logo__name .mr-logo-jp{
  font-family:var(--mr-disp-ja);
  font-size:.42em;font-weight:700;color:var(--mr-ink-soft);
  letter-spacing:.08em;margin-left:.5em;vertical-align:.22em;
}
.header-logo__description{
  font-family:var(--mr-mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mr-ink-soft);margin-top:5px;
}

/* 「掲載」ボタン（緑→コバルト角ゼロ＋押し影） */
a.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
button.hp-menu__item--listing-submit{
  background:var(--mr-cobalt)!important;color:var(--mr-paper)!important;
  border:2px solid var(--mr-cobalt-deep)!important;border-radius:0!important;
  font-weight:700;transition:.15s;
}
a.hp-menu__item--listing-submit:hover,
.hp-menu__item--listing-submit.button:hover,
button.hp-menu__item--listing-submit:hover{
  background:var(--mr-cobalt-deep)!important;
  transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--mr-ink)!important;
}

/* ---------- ボタン（HivePress系を中心にコバルト・角ゼロ） ---------- */
/* 角ゼロは広めに（見た目のみ・低リスク） */
.button,button,input[type=submit],.wp-block-button__link,
.hp-button,.hp-form__button{border-radius:0}
/* プライマリ系のみコバルトに（WooCommerce決済ボタンは対象外） */
.hp-button--primary,
.hp-form__button.button-primary,
.hp-field button.button-primary{
  background:var(--mr-cobalt)!important;
  border:2px solid var(--mr-cobalt-deep)!important;
  color:var(--mr-paper)!important;
}
.hp-button--primary:hover,
.hp-form__button.button-primary:hover{background:var(--mr-cobalt-deep)!important}

/* ロケーションピン（緑→コバルト） */
.hp-icon.fa-map-marker-alt{color:var(--mr-cobalt)!important}

/* ---------- フッター ---------- */
.site-footer{border-top:2px solid var(--mr-rule);background:var(--mr-paper);margin-top:56px}
.site-footer .widget__title{
  font-family:var(--mr-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mr-cobalt);font-weight:700;
  padding-top:0!important;
}
/* フッター見出しの45px黄色アクセント線を消す（等幅ラベルで十分） */
.widget--footer .widget__title::before{display:none!important}
.site-footer a{color:var(--mr-ink)}
.site-footer a:hover{color:var(--mr-cobalt)}
.footer-navbar{border-top:2px solid var(--mr-line);margin-top:24px;padding-top:16px}
.footer-navbar__menu a{font-family:var(--mr-mono);font-size:12px;letter-spacing:.06em}
.footer-navbar__copyright{font-family:var(--mr-mono);font-size:12px;color:var(--mr-ink-soft)}

/* ---------- フォーム入力欄（紙地で埋もれないよう白背景＋枠） ---------- */
input[type=text],input[type=email],input[type=password],input[type=search],
input[type=tel],input[type=url],input[type=number],input[type=date],
textarea,select,
.hp-field--text input,.hp-field--email input,.hp-field--password input,
.hp-field--number input,.hp-field--url input,.hp-field--textarea textarea,
.hp-field--select select,.hp-field--date input{
  background:#fff!important;
  border:1.5px solid rgba(22,35,59,.28)!important;
  border-radius:0!important;
  color:var(--mr-ink);
}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,
input[type=search]:focus,input[type=tel]:focus,input[type=url]:focus,
input[type=number]:focus,textarea:focus,select:focus,
.hp-field input:focus,.hp-field textarea:focus,.hp-field select:focus{
  border-color:var(--mr-cobalt)!important;
  outline:none;
}

/* ---------- 投稿(ニュース)詳細: 先頭カバーをコンパクトに・タイトル縮小 ---------- */
body.single-post .header-hero--cover{
  padding-top:68px!important;
  padding-bottom:68px!important;
}
body.single-post .header-hero .post__title{
  font-size:clamp(22px,3vw,32px)!important;
  line-height:1.35;
}

/* ---------- 掲載詳細のタブメニュー（現在タブの黄色が埋もれる → コバルト＋下線） ---------- */
.hp-menu--tabbed a{color:var(--mr-ink)}
.hp-menu--tabbed .hp-menu__item--current > a,
.hp-menu--tabbed .current-menu-item > a,
.hp-menu--tabbed .hp-menu__item--current > a span,
.hp-menu--tabbed .current-menu-item > a span{
  color:var(--mr-cobalt)!important;
}
.hp-menu--tabbed .hp-menu__item--current > a,
.hp-menu--tabbed .current-menu-item > a{
  border-bottom:3px solid var(--mr-cobalt);
  font-weight:700;
}

/* ---------- 掲載詳細のアクションボタン（黄→コバルト）※大きいボタンのみ ---------- */
/* カードの小さいコメント/返信アイコン(.hp-listing__action--message 単体)には当てない */
.hp-listing__action--message.button--primary,
.hp-listing__action--message.button--large,
.hp-listing__action--message.button.alt{
  background:var(--mr-cobalt)!important;
  border:2px solid var(--mr-cobalt-deep)!important;
  color:var(--mr-paper)!important;
  border-radius:0!important;
}
.hp-listing__action--message.button--primary:hover,
.hp-listing__action--message.button--large:hover{background:var(--mr-cobalt-deep)!important}

/* =============================================================
   スマホ調整
   ============================================================= */

/* ヘッダーロゴ: モバイルで「グ」だけ改行される対策
   → 日本語読み(エムレイジング)とタグラインを隠し、M-Raising を1行で */
@media(max-width:600px){
  .header-logo__name{font-size:1.6rem;white-space:nowrap}
  .header-logo__name .mr-logo-jp{font-size:.4em;margin-left:.35em}
  .header-logo__description{display:none}
}

/* トピックス一覧: タイトルを画像に被せず、画像の下に配置（被り解消）
   → 白文字オーバーレイをやめ、濃紺テキストで画像の下に表示・最大3行 */
.post--archive .post__header--cover{overflow:visible;height:auto!important}
.post--archive .post__header--cover .post__title{
  position:static!important;
  color:var(--mr-ink)!important;
  text-shadow:none!important;
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.45;
  margin:0!important;
  padding:12px 2px 0!important;
  max-width:100%;
  word-break:break-word;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

/* =============================================================
   カテゴリーページ（/genres/...） tax-hp_listing_category
   ヘッダー圧縮 / 子カテゴリーのアイコン大型化・白枠除去
   ============================================================= */

/* ---------- ヘッダー: 画像領域をコンパクトに ---------- */
body.tax-hp_listing_category .header-hero--large{
  padding-top:56px!important;
  padding-bottom:56px!important;
}
body.tax-hp_listing_category .header-hero .hp-listing-category__name{
  font-size:clamp(24px,3vw,34px);
  line-height:1.3;
  margin:0;
}
body.tax-hp_listing_category .header-hero .hp-listing-category__count{
  font-family:var(--mr-mono);font-size:12px;letter-spacing:.16em;
  margin-bottom:8px;
}

/* ---------- 子カテゴリーカード（ヴィンテージ額装） ---------- */
body.tax-hp_listing_category .hp-listing-category--view-block{
  background:var(--mr-paper-2)!important;
  border:2px solid var(--mr-rule)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:20px 14px!important;
  height:auto!important;
  overflow:visible!important;
  transition:.15s;
}
body.tax-hp_listing_category .hp-listing-category--view-block:hover{
  transform:translate(-3px,-3px);
  box-shadow:6px 6px 0 var(--mr-cobalt)!important;
}

/* アイコン: 白枠(背景)を撤去して大きく見せる */
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__image{
  background:transparent!important;
  height:auto!important;
  margin:0 auto 10px!important;
  display:flex;align-items:center;justify-content:center;
}
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__image img{
  max-width:88px!important;max-height:88px!important;
  width:88px!important;height:88px!important;
  object-fit:contain;
  image-rendering:auto!important;
  /* ヴィンテージのくすみ（トップのジャンルバッジと同じ調子） */
  filter:saturate(.5) sepia(.22) contrast(.93) brightness(1.03) drop-shadow(0 1px 1px rgba(22,35,59,.28));
}

/* テキスト */
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__content{
  background:transparent!important;text-align:center;
}
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__name{
  font-weight:800;font-size:16px;line-height:1.35;margin:0;
}
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__name a{color:var(--mr-ink)}
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__name a:hover{color:var(--mr-cobalt)}
/* 件数はヘッダー側を隠し、下のバッジ（既存JS生成）に寄せる */
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__header .hp-listing-category__count{display:none!important}
body.tax-hp_listing_category .category-count-badge{
  display:inline-block;margin-top:8px;
  font-family:var(--mr-mono);font-weight:700;font-size:12px;letter-spacing:.06em;
  color:var(--mr-ink-soft);background:transparent;border:0;padding:0;
}
body.tax-hp_listing_category .category-count-badge::before{content:"◆ ";color:var(--mr-gold)}

@media(max-width:600px){
  body.tax-hp_listing_category .header-hero--large{padding-top:36px!important;padding-bottom:36px!important}
  body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__image img{
    width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;
  }
}

/* ---------- ジャンルカード: カード全体をクリック可能に（ストレッチリンク） ----------
   カテゴリー名リンクの ::after をカード全面に広げる。
   ※画像リンクの ::after は既存CSSで無効化されているため名前リンク側を使用 */
.hp-listing-category--view-block{position:relative;cursor:pointer}
.hp-listing-category--view-block .hp-listing-category__name a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
}
/* キーボード操作時に領域が分かるように */
.hp-listing-category--view-block:focus-within{
  outline:3px solid var(--mr-cobalt);
  outline-offset:2px;
}

/* =============================================================
   掲載詳細ページ サイドバー: 白カード → 透過ティント
   ジャンルタグと同じ「紙地に薄く色を重ねる」方式に統一
   （属性ボックスは URL / 電話番号などの行がここに入る）
   ============================================================= */
.hp-listing--view-page .hp-listing__attributes--primary,
.hp-vendor--view-block{
  background-color:rgba(22,35,59,.055)!important;
  border:1px solid var(--mr-rule)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.hp-vendor--view-block:hover{box-shadow:none!important}

/* 内部の区切り線も柔らかく */
.hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute:not(:last-child){
  border-bottom:1px solid var(--mr-rule)!important;
}
.hp-vendor--view-block .hp-vendor__footer{
  border-top:1px solid var(--mr-rule)!important;
}

/* ジャンルタグ: hover時の緑をコバルトに（詳細/一覧ページ） */
.hp-listing--view-page .hp-listing__categories a:hover,
.hp-listing--view-block .hp-listing__categories a:hover{
  background-color:var(--mr-cobalt)!important;color:#fff!important;
}

/* ---------- 検索フォームの外枠（トップ以外の全ページ） ----------
   親テーマは margin-top:-100px でフォームをヒーローに食い込ませる。
   透過ティント＋padding:0 のままだと、ヒーロー下端の罫線がフォームを
   横切って中途半端に見えるので、額装カードにして「わざと重ねている」形にする。
   重ねる以上、罫線より前に出す必要があるので position/z-index も指定する。 */
body:not(.home) .hp-form--listing-search,
body:not(.home) .hp-form--vendor-search{
  position:relative;
  z-index:1;
  background-color:var(--mr-paper-2)!important;
  border:3px solid var(--mr-ink)!important;
  border-radius:0!important;
  box-shadow:6px 6px 0 var(--mr-ink)!important;
  padding:14px 16px;
}

/* =============================================================
   見出しアクセント線の統一 / タブの二重線解消
   ============================================================= */

/* 各種見出しの45px黄色アクセント線(::before)を、全幅の下線ルールに置換
   ※トップ(body.home)は redesign-home.css で別途対応済みのため除外 */
body:not(.home) .title,
body:not(.home) .content-title,
body:not(.home) .hp-page__title,
body:not(.home) .hp-section__title{
  padding-top:0!important;   /* 旧アクセント線用の上余白を詰める */
  padding-bottom:14px;
  border-bottom:2px solid var(--mr-rule);
}
body:not(.home) .title::before,
body:not(.home) .content-title::before,
body:not(.home) .hp-page__title::before,
body:not(.home) .hp-section__title::before{
  display:none!important;   /* 45pxの短いアクセント線を消す */
}

/* 掲載詳細のタブ: 現在項目の黄色アクセント線(::before)を消す
   （こちらで付けたコバルトの下線だけを残す） */
.hp-menu--tabbed .hp-menu__item--current::before,
.hp-menu--tabbed .current-menu-item::before{
  display:none!important;
}

/* =============================================================
   お問い合わせフォーム（Contact Form 7）ヴィンテージ・ポスター調
   ============================================================= */

/* フォーム全体を「刷り物カード」に額装 */
.wpcf7{ max-width:660px; margin:6px auto 0; }
.wpcf7 .wpcf7-form{
  background:var(--mr-paper-2);
  border:3px solid var(--mr-ink);
  box-shadow:8px 8px 0 rgba(22,35,59,.18);
  padding:34px 34px 30px;
}
.wpcf7 .wpcf7-form p{ margin:0; }

/* ラベル（各行を内包する<label>）— 濃紺の見出し＋頭にコバルトの角マーカー */
.wpcf7 .wpcf7-form label{
  display:block; margin-bottom:20px;
  font-weight:700; color:var(--mr-ink);
  font-size:14px; letter-spacing:.06em; line-height:1.4;
}
.wpcf7 .wpcf7-form label::before{
  content:""; display:inline-block; width:9px; height:9px;
  background:var(--mr-cobalt); margin-right:9px; vertical-align:middle;
  position:relative; top:-1px;
}
.wpcf7 .wpcf7-form-control-wrap{ display:block; margin-top:9px; }

/* 入力欄 — 白地×濃紺の角枠(2px)・角ゼロ、フォーカスでコバルト
   ※共通の input ルール(#fff!important＋薄枠)に勝つよう、このフォームだけ !important で上書き */
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-email,
.wpcf7 .wpcf7-textarea{
  width:100%; box-sizing:border-box;
  background:#fff!important;
  border:2px solid var(--mr-ink)!important;
  border-radius:0!important;
  padding:12px 14px;
  font-size:15px; color:var(--mr-ink); font-family:inherit;
  transition:border-color .12s ease, box-shadow .12s ease;
}
.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-email:focus,
.wpcf7 .wpcf7-textarea:focus{
  outline:none; border-color:var(--mr-cobalt);
  box-shadow:3px 3px 0 rgba(44,90,166,.22);
}
.wpcf7 .wpcf7-textarea{ min-height:190px; resize:vertical; display:block; }

/* 送信ボタン — コバルトのポスター調（角ゼロ＋押し影） */
.wpcf7 .wpcf7-submit{
  -webkit-appearance:none; appearance:none; cursor:pointer;
  margin-top:6px;
  background:var(--mr-cobalt); color:var(--mr-paper);
  border:2px solid var(--mr-cobalt-deep); border-radius:0;
  font-family:inherit; font-weight:800; letter-spacing:.22em;
  font-size:15px; padding:13px 46px;
  box-shadow:4px 4px 0 var(--mr-ink);
  transition:transform .1s ease, box-shadow .1s ease, background .12s ease;
}
.wpcf7 .wpcf7-submit:hover{ background:var(--mr-cobalt-deep); }
.wpcf7 .wpcf7-submit:active{ transform:translate(4px,4px); box-shadow:0 0 0 var(--mr-ink); }

/* バリデーション・応答メッセージ — 差し色はテラコッタ */
.wpcf7 .wpcf7-not-valid-tip{ color:#B5462F; font-size:12px; margin-top:5px; }
.wpcf7 .wpcf7-not-valid{ border-color:#B5462F!important; }
.wpcf7-response-output{
  border:2px solid var(--mr-ink)!important; border-radius:0;
  font-size:13px; padding:12px 14px!important; color:var(--mr-ink);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{ border-color:#B5462F!important; }
.wpcf7 form.sent .wpcf7-response-output{ border-color:var(--mr-cobalt)!important; }

@media(max-width:640px){
  .wpcf7 .wpcf7-form{ padding:22px 18px 20px; box-shadow:5px 5px 0 rgba(22,35,59,.18); }
}

/* ---------- 固定ページ・投稿の見出し帯（親テーマのグレー → 紙地） ---------- */
.header-hero--title,
.header-hero:not(.header-hero--cover){
  background:var(--mr-paper-2);
  background-image:none;
  color:var(--mr-ink);
  border-bottom:3px solid var(--mr-ink);
  min-height:0;
  padding:38px 0 32px;
}
.header-hero--title .page__title,
.header-hero--title h1{
  color:var(--mr-ink);
  font-weight:800;
  letter-spacing:.03em;
}

/* ---------- 記事本文の表（ブロックエディタ） ----------
 * 親テーマ（listinghive/vendor/hivepress/hivetheme/assets/css/frontend.min.css）は
 * 縞を #f6f9fc、セルの枠線を rgba(7,36,86,.075) で描く。どちらも **紺系の白**で、
 * 紙色 #F3E9CF の上では白い板が浮いたように見える。役割は変えず、紙の側へ寄せる。
 *
 * ⚠️ 固定色を当て直すのではなく **紙にインクを薄く重ねる**（rgba）。
 *    こうすると --mr-paper（本文）と --mr-paper-2（見出し帯）のどちらの地に
 *    置かれても、縞と地の関係が崩れない。
 *
 * ⚠️ 親テーマの CSS は wp_enqueue_scripts の既定優先度で入り、子テーマのCSSは
 *    優先度20で後から入る。詳細度が同じでも後勝ちになるので !important は要らない。
 */
.wp-block-table table td,
.wp-block-table table th,
.wp-calendar-table table td,
.wp-calendar-table table th{
  border-color:var(--mr-rule);
}

.wp-block-table.is-style-stripes,
.wp-calendar-table.is-style-stripes{
  border-bottom-color:var(--mr-rule);
}

.wp-block-table.is-style-stripes table tr:nth-child(odd),
.wp-calendar-table.is-style-stripes table tr:nth-child(odd){
  background-color:rgba(22,35,59,.05);
}

/* 表そのものには地色を敷かない（紙を透かす）。
   ブロックエディタで背景色を選んだ表（.has-background）は尊重する。 */
.wp-block-table:not(.has-background) table{
  background-color:transparent;
}

/* ---------- マイページのサイドバー ---------- */

/* 親テーマはサイドバーのウィジェットを白いカード（角丸＋淡い影）にする。
   生成りの紙面から浮くので、紙色に寄せて刷り物調の枠にそろえる。 */
.site-sidebar .hp-menu--user-account,
.site-sidebar .widget_nav_menu{
  background:var(--mr-paper-2);
  border:2px solid var(--mr-rule);
  border-radius:0;
  box-shadow:none;
  padding:22px 24px;
}

.site-sidebar .hp-menu--user-account .hp-menu__item a{
  color:var(--mr-ink);
  font-weight:700;
}

.site-sidebar .hp-menu--user-account .hp-menu__item a:hover{ color:var(--mr-cobalt); }

/* ⚠️ 枠が二重になる。マークアップはこうなっている:

     <div class="widget hp-widget hp-widget--user-account-menu hp-menu">   ← 親テーマの白いカード
       <div class="hp-modal--mobile hp-modal">
         <nav class="widget_nav_menu hp-menu hp-menu--user-account">       ← 上で枠を当てた側

   内側だけ紙色に直しても、**外側の白いカードが縁として残る**。
   枠は内側の一枚だけにしたいので、外側は素通しにする。 */
.site-sidebar .hp-widget--user-account-menu{
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}

/* マイページのステータスバッジ。

   HivePress の既定（common.min.css）は明るい原色で、生成りの紙面だと沈む。
     .hp-status--pending span { color:#ffcb00 }   ← 黄色。ほぼ読めない
     .hp-status--publish span { color:#15cd72 }
     .hp-status--draft   span { color:#ff3860 }
   文字色だけで状態を示す作りなので、**色を濃くしたうえで背景を敷く**。
   色覚に依存せず、枠と地の差でも読めるようにしておく。 */
.hp-listing__status.hp-status span{
  display:inline-block;
  padding:.15em .7em;
  border:2px solid currentColor;
  border-radius:0;
  font-weight:700;
  font-size:.82em;
  letter-spacing:.02em;
  line-height:1.5;
  white-space:nowrap;
}

.hp-status--pending span{
  color:#8A5A00;                     /* 黄 → 濃い琥珀。紙色に対して十分な差 */
  border-color:#8A5A00;
  background:#FBF0D4;
}

.hp-status--publish span{
  color:#1F6B45;
  border-color:#1F6B45;
  background:#E4F2E9;
}

.hp-status--draft span,
.hp-status--trash span{
  color:#9B2226;
  border-color:#9B2226;
  background:#F7E3E3;
}

/* マイページの掲載一覧。日付が「2026年9月6／日」で割れるので折らない。 */
.hp-listing__created-date,
.hp-listing__date{ white-space:nowrap; }

/* ---------- ヘッダーのロゴ画像 ---------- */

/* 親テーマの header.php は has_custom_logo() のとき the_custom_logo() を出す
   （テキストのサイト名＋キャッチフレーズは出なくなる）。
   テーマサポートは flex-width / flex-height なので、アップロードした画像が
   そのままの寸法で出る。ヘッダーが崩れないよう高さで抑える。 */
.header-logo .custom-logo-link{ display:block; line-height:0; }

.header-logo .custom-logo{
  display:block;
  width:auto;
  height:auto;
  max-height:44px;
  max-width:220px;
  object-fit:contain;
}

@media(max-width:600px){
  .header-logo .custom-logo{ max-height:34px; max-width:160px; }
}