@charset "utf-8";
/*
Theme Name: FALCON child
Theme URI:https://tcd-theme.com/tcd089
Description:WordPressテーマ「FALCON」の子テーマ
Template:falcon_tcd089
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/

@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;700&family=Cormorant+Garamond:ital,wght@0,500;1,500&display=swap");

/* ==========================================================
   株式会社INDIAN コーポレートカラー上書き
   ※ 以下のセレクタ名は一般的なTCDテーマの命名パターンを想定した仮の指定です。
   実際の表示を見て、ブラウザの検証ツール（右クリック→検証）で
   実クラス名を確認しながら微調整してください。
   ========================================================== */

:root{
  --indian-pink: #E2265F;
  --indian-pink-2: #FF4C82;
  --indian-black: #333132;
  --indian-cream: #F7F3EF;
  --indian-gold: #C9A876;
  --indian-silver: #C0C0C0;
}

/* 1. テキストリンク・強調色 */
a,
.entry-content a {
  color: var(--indian-pink);
}

/* 2. ボタン系 */
.btn,
.more-btn,
.wp-block-button__link,
input[type="submit"] {
  background: linear-gradient(90deg, var(--indian-pink), var(--indian-pink-2)) !important;
  border-color: var(--indian-pink) !important;
  color: #fff !important;
}

/* 3. ヘッダー・ナビゲーションの背景色は、管理画面（カスタマイザー／
   TCDテーマオプション）側の設定をそのまま活かすため、ここでは
   固定色を指定しません。もし今後「常に黒で固定したい」となった場合は
   実際のヘッダー要素のクラス名を検証ツールで確認したうえで、
   ここに追記してください。 */

/* 4. 見出し */
h1, h2, h3,
.section-title,
.entry-title {
  font-family: 'Zen Old Mincho', serif;
}

/* 5. ショールーム（厳選車両）カードのアクセント色 */
.showroom-item .cat,
.showroom-item .tag,
.showroom-list .label {
  background-color: var(--indian-pink) !important;
  color: #fff !important;
}

/* 6. フッター背景 */
#footer,
.footer-in {
  background-color: var(--indian-black) !important;
  color: var(--indian-cream) !important;
}

/* 7. カーセンサー導線ボタン（独自クラス） */
.carsensor-link{
  display:inline-block;
  margin-top:14px;
  padding:10px 22px;
  font-size:12.5px;
  border:1px solid var(--indian-pink);
  color:var(--indian-pink);
  border-radius:2px;
  letter-spacing:.05em;
}
.carsensor-link:hover{
  background: var(--indian-pink);
  color:#fff;
}

/* 8. TOPのお知らせ一覧の色 */
.news_list_front .content{
  background-color: #333132 !important;
}

/* 9. NEWSアーカイブページの日付の色 */
#news_archive .news_list .item .date,
#news_archive .news_list .item .date time {
  color: var(--indian-silver) !important;
}

/* ==========================================================
   買取・査定ページ
   ・「次の車検予定（年月）」→ flatpickr（年月ピッカー）
   ・「買取希望時期（年月日）」→ flatpickr（通常のカレンダー）
   ブランドカラー（ピンク）に統一
   ========================================================== */
.flatpickr-calendar{
  font-family:'Noto Sans JP', sans-serif !important;
  border-radius:14px !important;
  box-shadow:0 20px 50px rgba(51,49,50,.15) !important;
  border:1px solid #EFE8E2 !important;
}

/* 年月ピッカー（次の車検予定） */
.flatpickr-monthSelect-months{ padding:10px !important; }
.flatpickr-monthSelect-month{
  border-radius:8px !important;
  font-family:'Zen Kaku Gothic New', sans-serif !important;
  font-weight:700 !important;
  transition:background .15s ease, color .15s ease !important;
}
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.selected:hover{
  background:linear-gradient(90deg,#E2265F,#FF4C82) !important;
  border-color:transparent !important;
  color:#fff !important;
}
.flatpickr-monthSelect-month:hover{
  background:#F7F3EF !important;
}

/* 通常のカレンダー（買取希望時期） */
.flatpickr-day{
  border-radius:8px !important;
  font-family:'Noto Sans JP', sans-serif !important;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover{
  background:linear-gradient(90deg,#E2265F,#FF4C82) !important;
  border-color:transparent !important;
  color:#fff !important;
}
.flatpickr-day:hover{
  background:#F7F3EF !important;
}
.flatpickr-day.today{
  border-color:#E2265F !important;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover{
  color:#d8d3d0 !important;
}
span.flatpickr-weekday{
  font-family:'Zen Kaku Gothic New', sans-serif !important;
  font-weight:700 !important;
  color:#E2265F !important;
}

/* ヘッダー（年・月の表示、共通） */
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
.flatpickr-current-month .flatpickr-current-month{
  font-family:'Zen Kaku Gothic New', sans-serif !important;
  font-weight:700 !important;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg{
  fill:#E2265F !important;
}

/* ==========================================================
   ロード画面のロゴアニメーション
   親テーマ標準の「上下バウンド（slideUpDown）」を、
   右肩上がりに画面右上端付近まで上がる動きに変更（業績アップのイメージ）
   ========================================================== */
@keyframes indianLoaderRiseRight{
  0%   { transform:translate(0, 0);        opacity:0; }
  10%  { opacity:1; }
  90%  { opacity:1; }
  100% { transform:translate(42vw, -42vh); opacity:0; }
}
#site_loader_logo_image.use_logo_animation,
#site_loader_logo_image,
.use_logo_animation,
.sp.use_logo_animation,
img.use_logo_animation{
  animation-name:indianLoaderRiseRight !important;
  animation-duration:5s !important;
  animation-timing-function:cubic-bezier(0.11, 0, 0.5, 0) !important; /* Y=X²に近い、加速するイージング */
  animation-iteration-count:infinite !important;
  animation-direction:normal !important;
  animation-fill-mode:none !important;
}