.elementor-16 .elementor-element.elementor-element-1489bdf4{--display:flex;}.elementor-16 .elementor-element.elementor-element-4b0fcd8{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-bf08426{text-align:center;}.elementor-16 .elementor-element.elementor-element-c94e067{--spacer-size:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-26f2acf{text-align:center;}.elementor-16 .elementor-element.elementor-element-40f71f8{text-align:start;}.elementor-16 .elementor-element.elementor-element-41eaa8e4{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-1489bdf4{--width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-16 .elementor-element.elementor-element-1489bdf4{--width:90%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-16 .elementor-element.elementor-element-41eaa8e4{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-16 .elementor-element.elementor-element-41eaa8e4{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-41eaa8e4 *//* =========================================
   ハートデリ WooCommerce カート
   最終CSS
========================================= */


/* -----------------------------------------
   1. 表ヘッダー：薄いシャンパン系
----------------------------------------- */

.woocommerce-cart table.shop_table thead th {
  background-color: #F8F4EA !important;
  color: #333333 !important;
  font-weight: 600;
  border-color: #ECE4D2 !important;
}


/* -----------------------------------------
   2. 商品行の罫線を薄く
----------------------------------------- */

.woocommerce-cart table.shop_table,
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
  border-color: #ECE8E1 !important;
}

.woocommerce-cart table.shop_table td {
  vertical-align: middle;
}


/* -----------------------------------------
   3. 数量入力欄
----------------------------------------- */

.woocommerce-cart .quantity .qty {
  width: 72px;
  min-height: 42px;
  padding: 6px 8px;
  border: 1px solid #D8D2CB !important;
  border-radius: 6px;
  background-color: #ffffff;
  color: #333333;
  text-align: center;
  font-size: 15px;
}

.woocommerce-cart .quantity .qty:focus {
  border-color: #8A6A70 !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(90, 31, 45, 0.08);
}


/* -----------------------------------------
   4. カート更新ボタン：サブボタン
----------------------------------------- */

.woocommerce-cart button[name="update_cart"],
.woocommerce-cart .actions .button {
  background-color: #ffffff !important;
  color: #5A1F2D !important;
  border: 1px solid #5A1F2D !important;
  border-radius: 6px;
  font-weight: 600;
}

.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce-cart button[name="update_cart"]:focus,
.woocommerce-cart .actions .button:hover,
.woocommerce-cart .actions .button:focus {
  background-color: #F8F4EA !important;
  color: #471722 !important;
  border-color: #471722 !important;
}


/* -----------------------------------------
   5. カート合計をカード化
----------------------------------------- */

.woocommerce-cart .cart_totals {
  background-color: #ffffff;
  border: 1px solid #ECE4D2;
  border-radius: 10px;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.woocommerce-cart .cart_totals h2 {
  margin-top: 0;
  margin-bottom: 18px;
  color: #333333;
  font-weight: 700;
}

.woocommerce-cart .cart_totals table.shop_table {
  margin-bottom: 20px;
}


/* -----------------------------------------
   6. 合計金額を赤で強調
----------------------------------------- */

.woocommerce-cart .cart_totals .order-total th {
  font-weight: 700;
}

.woocommerce-cart .cart_totals .order-total > td > strong .amount {
  color: #C62828 !important;
  font-size: 22px;
  font-weight: 700;
}


/* -----------------------------------------
   7. 消費税表記を改行・グレー表示
----------------------------------------- */

.woocommerce-cart .cart_totals .order-total .includes_tax {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #666666 !important;
  line-height: 1.5;
}


/* -----------------------------------------
   8. 送料関連を非表示
----------------------------------------- */

.woocommerce-cart .shipping-calculator-button {
  display: none !important;
}

.woocommerce-cart .shipping-calculator-form {
  display: none !important;
}

.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals {
  display: none !important;
}


/* -----------------------------------------
   9. 決済ボタン：ダークボルドー
----------------------------------------- */

.woocommerce-cart .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  background-color: #5A1F2D !important;
  border-color: #5A1F2D !important;
  color: #ffffff !important;
  border-radius: 6px;
  font-weight: 700;
}

.woocommerce-cart .checkout-button:hover,
.woocommerce-cart .checkout-button:focus,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:focus {
  background-color: #471722 !important;
  border-color: #471722 !important;
  color: #ffffff !important;
}


/* -----------------------------------------
   10. スマホ調整
----------------------------------------- */

@media screen and (max-width: 767px) {

  .woocommerce-cart .cart_totals {
    padding: 18px;
    border-radius: 8px;
  }

  .woocommerce-cart .quantity .qty {
    width: 64px;
    min-height: 40px;
    font-size: 14px;
  }

  .woocommerce-cart .cart_totals .order-total > td > strong .amount {
    font-size: 20px;
  }

  .woocommerce-cart .cart_totals .order-total .includes_tax {
    font-size: 11px;
    margin-top: 3px;
  }

  .woocommerce-cart .checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    width: 100%;
  }
}/* End custom CSS */