/* ============================================================
   Site-wide CTA colors
   申込フォームへのCTAだけをTOPと同じオレンジにし、
   それ以外のCTAは白で統一する。

   クラス名ではなくリンク先も条件に含めることで、旧・新レイアウトの
   CTA名が異なるページでも役割と配色がずれないようにする。
   ============================================================ */

:root {
  --site-cta-order-bg: #ff6b35;
  --site-cta-order-text: #ffffff;
  --site-cta-order-shadow: 0 6px 18px rgba(255, 107, 53, 0.24);
  --site-cta-plain-bg: #ffffff;
  --site-cta-plain-text: #2d3436;
  --site-cta-plain-border: #d8dcdd;
  --site-cta-plain-shadow: 0 2px 6px rgba(45, 52, 54, 0.06);
}

/* 全CTAの基準色。個別CSSの旧カラーより後で確実に統一する。 */
:where(
  .guide-button,
  .tp-btn,
  a.header-cta,
  a.school-cta,
  .fixed-actions a,
  .cta li a,
  .cta li .anc,
  #fix_bt li a,
  #fix_bt li .anc
) {
  color: var(--site-cta-plain-text) !important;
  background: var(--site-cta-plain-bg) !important;
  border-color: var(--site-cta-plain-border) !important;
  box-shadow: var(--site-cta-plain-shadow) !important;
}

/* 申込CTA。クエリ文字列付きURLも対象にする。 */
:where(
  .guide-button,
  .tp-btn,
  a.header-cta,
  a.school-cta,
  .fixed-actions a,
  .cta li a,
  #fix_bt li a
)[href^="/form/reserve"] {
  color: var(--site-cta-order-text) !important;
  background: var(--site-cta-order-bg) !important;
  border-color: transparent !important;
  box-shadow: var(--site-cta-order-shadow) !important;
}