/*
Template: colorful-theme
Theme Name: LPtemp_Colorful_child
Theme URI: https://lptemp.com
Description: カラフルの子テーマです。
Version: 1.0
Author: Seiya Eto
Author URI: https://pocowan.com/
*/

/* ===================== WP Job Manager 外観調整 ===================== */
:root{
  --brand:#6C5CE7;
  --ink:#2b2b2b;
  --muted:#f7f7fc;
}

/* 検索フォーム */
.job_filters{
  background:var(--muted);
  border-radius:14px;
  padding:16px;
  margin-bottom:20px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.job_filters input,
.job_filters select{
  border-radius:8px;
  padding:8px 10px;
}

/* 一覧カード */
.job_listings ul.job_listings{
  display:grid;
  gap:18px;
  grid-template-columns:repeat(auto-fill, minmax(300px,1fr));
  margin:18px 0;
}
.job_listings li.job_listing{
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  padding:18px;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  transition:transform .18s, box-shadow .18s;
}
.job_listings li.job_listing:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.1);
}
.job_listings a.job_listing-title{
  color:var(--ink);
  font-weight:700;
  text-decoration:none;
}
.job_listings .meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  opacity:.85;
}

/* 詳細：ACFブロック */
.job-extra{ line-height:1.85; margin-top:12px; }
.job-extra p{ margin:.35em 0; }
.job-extra a{ text-decoration:underline; word-break:break-all; }

/* バッジ */
.badge{
  display:inline-block;
  border-radius:999px;
  padding:4px 10px;
  font-size:.78rem;
  font-weight:700;
  color:#fff;
  line-height:1;
  margin-right:10px; /* タイトルとの間隔 */
}
.badge--open{ background:#10b981; }   /* 応募中 */
.badge--soon{ background:#f59e0b; }   /* 締切間近 */
.badge--closed{ background:#ef4444; } /* 〆切済み */

/* 詳細：メタ行（投稿日など） */
.single_job_listing .job-listing-meta{
  list-style:none;
  margin:6px 0 14px;
  padding:0;
  display:flex;
  gap:12px;
  align-items:center;
  font-size:.95rem;
  opacity:.9;
}
.single_job_listing .job-listing-meta .date-posted::before{
  content:"📅 ";
  margin-right:4px;
}

/* 右端“会社名(店名)”と所在地の非表示（詳細＆一覧） */
.single_job_listing .meta .company,
.single_job_listing .company,
.single_job_listing .company_name,
.single_job_listing .job-company{
  display:none !important;
  visibility:hidden !important;
}
.single_job_listing .job-listing-meta .location,
.single_job_listing .job_location,
.job_listings .location,
.job_listings .job_location{
  display:none !important;
}
/* =================== /WP Job Manager 外観調整 =================== */
/* ===== 求人詳細ページを1カラムに（Colorful テーマ向け） ===== */
/* サイドバーを消す */
.single-job_listing #primary.two-column .sidebar-left{
  display: none !important;
}

/* 本文を100%幅 + 中央寄せ。floatの影響も打ち消す */
.single-job_listing #primary.two-column #content{
  width: 100% !important;
  float: none !important;
  max-width: 860px;          /* 好みで 800–980px に調整OK */
  margin: 0 auto;
}

/* 2カラムレイアウト特有の左右余白/クリアの乱れを防ぐ */
.single-job_listing #primary.two-column{
  display: block !important;
  clear: both !important;
}
/* 求人詳細ページだけ：サイドバー非表示＋本文を中央寄せ */
body.single-job_listing .sidebar-left{ display:none !important; }

body.single-job_listing #content{
  float:none !important;
  max-width: 900px;      /* 好みで 800–980px */
  margin: 0 auto;
}
/* =====================
   求人詳細ページの整形
===================== */

/* 本文全体のベース調整 */
.single-job_listing .job-extra {
  font-size: 15px;          /* 全体の文字サイズを統一 */
  line-height: 1.7;         /* 行間を広めにして読みやすく */
  margin-top: 20px;
}

/* 各項目の余白を統一 */
.single-job_listing .job-extra p {
  margin: 8px 0;            /* 上下の余白をそろえる */
}

/* ラベル（店名・住所など）をきれいにそろえる */
.single-job_listing .job-extra strong {
  display: inline-block;
  width: 7em;               /* ラベル幅を固定して段差をなくす */
  font-weight: 600;
  color: #222;
}

/* 見出し（◇依頼内容・⚠️注意事項など） */
.single-job_listing .entry-content {
  font-size: 15px;          /* 本文と同じサイズに統一 */
  line-height: 1.7;
}
.single-job_listing .entry-content h2,
.single-job_listing .entry-content h3 {
  font-size: 16px;          /* 見出しは少し大きめに */
  margin: 20px 0 10px;
}
/* =====================
   依頼内容・注意事項のボックスデザイン
===================== */
.single-job_listing .entry-content h2,
.single-job_listing .entry-content h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 24px 0 12px;
  padding-left: 8px;
  border-left: 4px solid #6C5CE7;  /* ブランドカラーのライン */
  color: #333;
}

/* ボックス全体 */
.single-job_listing .entry-content .request-box,
.single-job_listing .entry-content .caution-box {
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fafafa;
  padding: 16px 20px;
  margin: 12px 0 24px;
}

/* ボックス内のリスト */
.single-job_listing .entry-content .request-box li,
.single-job_listing .entry-content .caution-box li {
  margin: 6px 0;
  line-height: 1.7;
  font-size: 15px;
}
/* =========================
   求人詳細ページの整形（子テーマ）
========================= */

/* 全体のベース（文字サイズ/行間を統一） */
.single-job-full .entry-content,
.single-job-full .job-extra{
  font-size: 15px;
  line-height: 1.8;
}

/* ACF項目（ラベル幅をそろえて揃える） */
.single-job-full .job-extra p{ margin: 8px 0; }
.single-job-full .job-extra strong{
  display:inline-block; width:7em; font-weight:600; color:#222;
}

/* 見出しの左ライン（上と揃う） */
.single-job-full .entry-content h2,
.single-job-full .entry-content h3{
  font-size:16px; font-weight:700;
  margin:24px 0 12px;
  padding-left:10px;
  border-left:4px solid #6C5CE7; /* ブランドカラー */
  color:#333;
}

/* 見出し直後のリストを自動で“箱”にする（HTMLを直さなくてOK） */
.single-job-full .entry-content h2 + ul,
.single-job-full .entry-content h3 + ul{
  border:1px solid #e3e3e8;
  border-radius:10px;
  background:#fafafe;
  padding:14px 16px 14px 22px; /* 左は箇条書きの芯に合わせて微調整 */
  margin:10px 0 22px;
  list-style:disc outside;
}

/* 箱の中の行間/余白 */
.single-job-full .entry-content h2 + ul li,
.single-job-full .entry-content h3 + ul li{
  margin:6px 0;
}

/* メタ行とバッジの軽い整え */
.single-job-full .job-listing-meta{ margin:8px 0 16px; }
.badge{ font-size:.85rem; padding:6px 12px; margin-right:8px; }
/* ===== ACFブロックの整え（文字/余白の統一） ===== */
.single_job_listing .job-extra{ font-size:15px; line-height:1.8; margin-top:20px; }
.single_job_listing .job-extra p{ margin:8px 0; }
.single_job_listing .job-extra strong{ display:inline-block; width:7em; font-weight:600; color:#222; }

/* ===== 本文の“タイトル行が段落(p)”でもデザインが効くように ===== */
/* タイトル行：直後にULが続く段落(p)に左ラインを付けて見出し化 */
.single_job_listing .entry-content p:has(+ ul){
  font-size:16px; font-weight:700; color:#333;
  margin:24px 0 8px;
  padding-left:10px;
  border-left:4px solid #6C5CE7;   /* ブランドカラー */
}

/* その段落の直後のULをカード化（枠・背景・余白） */
.single_job_listing .entry-content p + ul{
  border:1px solid #e3e3e8;
  border-radius:10px;
  background:#fafafe;
  padding:14px 16px 14px 22px;
  margin:10px 0 22px;
  list-style:disc outside;
}
.single_job_listing .entry-content p + ul li{ margin:6px 0; }

/* バッジと投稿日の軽い整え（任意） */
.single_job_listing .job-listing-meta{ margin:8px 0 16px; }
.badge{ font-size:.85rem; padding:6px 12px; margin-right:8px; }