/* 共通：変数だけ */
:root{
  --gl-wrap-max: 760px;
  --gl-card-bg: #fff;
  --gl-card-radius: 16px;
  --gl-card-border: 1px solid rgba(0,0,0,.10);
  --gl-card-shadow: 0 10px 30px rgba(0,0,0,.06);
  --gl-gap: 12px;
}

/* 共通：カードの見た目（3ページで使うなら共通でOK） */
:is(body.page-id-8, body.page-id-166, body.post-type-archive-job, body.single-job) .gl-jobcard{
  background: var(--gl-card-bg);
  border: var(--gl-card-border);
  border-radius: var(--gl-card-radius);
  box-shadow: var(--gl-card-shadow);
}


/* =========================================================
   /recruit/job/（求人一覧）専用
========================================================= */

/* ✅ 一覧だけ main に padding（ここは一覧専用に限定） */
body.post-type-archive-job main{
  padding: clamp(20px, 3vw, 36px) 12px;
}

/* 一覧全体の幅 */
body.post-type-archive-job main :is(.wp-block-query, .wp-block-post-template){
  max-width: var(--gl-wrap-max);
  margin-left: auto;
  margin-right: auto;
}

/* 外側（li）無効化 */
body.post-type-archive-job .wp-block-post-template > li.wp-block-post{
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* カード間隔 */
body.post-type-archive-job .wp-block-post-template{
  display: grid !important;
  gap: 14px !important;
}

/* =========================================================
   採用ページ：背景を“ほんのり”足す（白ベース維持）
   対象：/recruit/ /recruit/job/ /recruit/job/*（詳細）
========================================================= */

:is(body.page-id-8, body.page-id-166, body.post-type-archive-job, body.single-job){
  position: relative;
  isolation: isolate;
  background: #fff; /* 念のため */
}

/* ごく薄い色面（固定で全体に敷く） */
:is(body.page-id-8, body.page-id-166, body.post-type-archive-job, body.single-job)::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  /* 7728系グリーン＋黄色を“かなり薄く” */
  background:
    radial-gradient(circle at 12% 10%, rgba(0,122,99,.06), transparent 44%),
    radial-gradient(circle at 88% 14%, rgba(245,200,76,.08), transparent 42%),
    radial-gradient(circle at 22% 90%, rgba(245,200,76,.05), transparent 46%),
    radial-gradient(circle at 92% 82%, rgba(0,122,99,.04), transparent 52%),
    #ffffff;
}

/* =========================================================
   ✅ ここから下だけ編集する（運用ルール）
   - 背景の濃さ調整：::before の rgba の数値だけ
   - カードの角丸/影調整：--gl-card-radius / --gl-card-shadow だけ
   - 一覧の余白：body.post-type-archive-job main の padding だけ
========================================================= */


/* /recruit/ 固定ページ：ページタイトル（採用情報）の左位置を整える */
@media (min-width: 782px){
  body.page-id-8 h1.wp-block-post-title{
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;

    /* “少し左” の量だけ調整：-8 / -12 / -16 など */
    padding-left: calc(var(--wp--preset--spacing--60) - 100px) !important;
    padding-right: var(--wp--preset--spacing--60) !important;

    box-sizing: border-box;
  }
}

/* =========================================================
   採用ページ：主要CTA（詳しく見る／とりあえず相談してみる／送信する）をCVグリーンに統一
   対象ページ：
   - /recruit/（page-id-8）
   - /recruit/job/（post-type-archive-job）
   - /recruit/job/*（single-job）
   - /recruit/recruit-contact/（page-id-166）
========================================================= */

/* CVグリーン（必要ならここだけ変更） */
:root{
  --gl-cv-green: #55C000;
}

/* 1) 採用導線のボタン（gl-btn系）
   - /recruit/ の「詳しく見る」
   - /recruit/job/ の「詳しく見る」
   - /recruit/job/◯◯/ の「とりあえず相談してみる」
*/
:is(body.page-id-8, body.post-type-archive-job, body.single-job) a.gl-btn{
  background: var(--gl-cv-green) !important;
  border-color: var(--gl-cv-green) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* 2) 問い合わせフォーム（CF7）の「送信する」
   - /recruit/recruit-contact/（page-id-166）
*/
body.page-id-166 .wpcf7 input.wpcf7-submit,
body.page-id-166 .wpcf7 input[type="submit"]{
  appearance: none;
  -webkit-appearance: none;

  background-color: var(--gl-cv-green) !important;
  border: 1px solid var(--gl-cv-green) !important;
  color: #fff !important;

  border-radius: 999px;
  padding: 12px 24px !important;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

/* hover / active（共通）
   ※フォーム送信ボタンは input なので a.gl-btn と分けて指定
*/
:is(body.page-id-8, body.post-type-archive-job, body.single-job) a.gl-btn:hover,
body.page-id-166 .wpcf7 input.wpcf7-submit:hover,
body.page-id-166 .wpcf7 input[type="submit"]:hover{
  filter: brightness(0.92);
}

:is(body.page-id-8, body.post-type-archive-job, body.single-job) a.gl-btn:active,
body.page-id-166 .wpcf7 input.wpcf7-submit:active,
body.page-id-166 .wpcf7 input[type="submit"]:active{
  filter: brightness(0.88);
}

/* =========================================================
   求人お問い合わせ（page-id-166）ページタイトル（H1）の色
   ========================================================= */
body.page-id-166 h1.wp-block-post-title{
  color: #1B5E3B; /* 好きな色に変更 */
}