/*
Theme Name:  WorkScout Child - ラジくるJOB
Theme URI:   https://radikuru-job.jp
Description: ラジくるJOB用 WorkScout子テーマ。テーマカラー #0CC399 と求人カードのカスタムスタイルを適用します。
Author:      Radicle, Inc.
Template:    workscout
Version:     1.0.0
Text Domain: workscout-child
*/

/* =========================================================
   ラジくるJOB ブランドカラー
   WorkScout本体の Theme Options > Colors でも #0CC399 を
   設定してください。ここでは補完的に主要要素を上書きします。
   ========================================================= */
:root{
  --primary:#0CC399;
  --primary-dark:#0A9E7C; /* 主要ボタンのホバー・押下の地：Mint600（白文字。2026-10-18 夜 山口さんの方針） */
  --primary-pale:#effbf7;
  --cta:#ea580c;          /* 応募ボタン（オレンジ） */
  --cta-dark:#c2410c;
}

/* リンク・ボタンの基本色
   親テーマのCSS（base.min.css / v2style.css）がデモ緑 #0cc399 を
   定義しているため、!important で確実に上書きします。 */
a{color:var(--primary)}
.button,
a.button,
button.button,
button.button.ripple-effect,
input[type=submit],
input[type=button].button,
.link_more_jobs.button{
  background-color:var(--rk-mint-500,#0CC399) !important; /* 主要ボタンは #0CC399 の地に白文字（2026-10-18 夜 山口さんの方針。2.26 だがボタンは例外） */
}
.button:hover,
a.button:hover,
button.button:hover{
  background-color:var(--rk-mint-600,#0A9E7C) !important;
}

/* 枠線タイプのボタン・アクセント要素 */
.button.gray:hover,
a.button.border,
button.button.border{
  border-color:var(--primary) !important;
  color:var(--primary) !important;
  background-color:transparent !important;
}

/* ヘッダーナビ・アイコン等のアクセント色 */
#navigation.style-1 .current,
#navigation a:hover,
.header-widget .log-in-button:hover,
.job-listing-details .listing-item__info--item a,
.listing-item__featured-ribbon,
.dashboard-nav ul li.active a,
.dashboard-nav ul li a:hover{
  color:var(--primary) !important;
}

/* バッジ・進捗・タブのアクセント背景 */
.dashboard-nav ul li.active,
.listing-item__badge{
  background-color:var(--primary) !important;
}
.intro-search-button .button,
.keyword-input-container .button{
  background-color:var(--rk-mint-500,#0CC399) !important;
}

/* 応募ボタンはオレンジのCTAに */
.application_button.button,
.single_job_listing .application .application_button{
  background-color:var(--cta) !important;
  font-weight:800;
}
.application_button.button:hover{
  background-color:var(--cta-dark) !important;
}

/* 求人カード（一覧） */
ul.job_listings li.job_listing a:hover{
  border-color:#d6f6ec;
}
ul.job_listings li.job_listing .meta .job-type{
  color:var(--primary-dark);
}

/* モダリティ（業務内容）タグ */
.job-modality-tag{
  display:inline-block;
  background:var(--primary-pale);
  color:var(--primary-dark);
  border-radius:5px;
  padding:2px 9px;
  font-size:11.5px;
  margin:0 4px 4px 0;
}

/* こだわり条件タグ */
.job-feature-tag{
  display:inline-block;
  background:#EEF2F4;
  color:#5A6572;
  border-radius:5px;
  padding:2px 9px;
  font-size:11.5px;
  margin:0 4px 4px 0;
}

/* 給与の強調表示 */
.job_listing .salary,
.single_job_listing .salary{
  color:#B91C1C;
  font-weight:600;
}

/* ステータスバッジ（企業ダッシュボード用） */
.rj-status{display:inline-block;border-radius:12px;padding:2px 11px;font-size:11.5px;font-weight:700}
.rj-status.new{background:#fdeee6;color:var(--cta-dark)}
.rj-status.progress{background:var(--primary-pale);color:var(--primary)}
.rj-status.hired{background:#d6f6ec;color:#06674E}
.rj-status.rejected{background:#EEF2F4;color:#7A838D}

/* かんたん応募ラベル */
.rj-easyapply{color:#07866a;font-weight:700}