/*
Theme Name: OceanWP Child
Template: oceanwp
Version: 1.0
*/

/* =========================
   カラー定義
========================= */

:root {
  --brand: #1A6977;
  --brand-hover: #14535c;
}

/* =========================
   価格表示（カート・チェックアウト）
========================= */

/* カート */
.woocommerce-cart .amount,
.woocommerce-cart .woocommerce-Price-amount {
  color: var(--brand) !important;
}

/* チェックアウト */
.woocommerce-checkout .amount,
.woocommerce-checkout .woocommerce-Price-amount {
  color: var(--brand) !important;
}

/* =========================
   カートページ ボタン
========================= */

/* 購入手続きへ */
.woocommerce-cart .checkout-button {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

/* お買い物かごを更新 */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart .button {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

/* ホバー */
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce-cart .button:hover {
  background: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
}

/* =========================
   チェックアウト ボタン
========================= */

/* WMSC 次・前 */
.woocommerce-checkout button.wmsc-next,
.woocommerce-checkout button.wmsc-prev,
.woocommerce-checkout .wmsc-next,
.woocommerce-checkout .wmsc-prev {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

/* 注文確定 */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order,
.woocommerce-checkout .button {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

/* ホバー */
.woocommerce-checkout button.wmsc-next:hover,
.woocommerce-checkout button.wmsc-prev:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button:hover {
  background: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
}

/* =========================
   念のための最終強制上書き（OceanWP対策）
========================= */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
}