/* NICOBAY グローバル上書き（全ページ）。
   移植した Rise/独自 CSS を再現テーマ向けに補正する最小限のルール。 */

/* WordPress / WooCommerce が出力する読み上げ専用テキスト（価格ラベル「通常価格」や
   フォームの label）を隠す。Shopify 側は .visually-hidden（base.css）を使うため
   .screen-reader-text の定義が移植テーマに無く、カード画像の上などに素で表示されていた。 */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* 商品カードの「カートに入れる」。本番は form 内の <button>、移植版は <a> のため
   base.css の a { text-decoration: underline } が効いて下線が出ていた。 */
.featured-collection-cart-btn,
.featured-collection-cart-btn:hover,
.featured-collection-cart-btn:focus {
	text-decoration: none;
}

/* フッター: モバイルでもリンク列を表示する。
   本来 Shopify は別 DOM（__mobile-menu の accordion）を JS で描画するが、
   再現テーマでは __desktop-columns を全幅で使い、モバイルは 2 列で積む。 */
@media screen and (max-width: 768px) {
	.nicobay-footer-links__desktop-columns {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 16px;
		margin-top: 8px;
	}
}

@media screen and (max-width: 480px) {
	.nicobay-footer-links__desktop-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 12px;
	}
}

/* フッター: モバイルはアコーディオン JS 非搭載のため常時展開表示にする。 */
@media screen and (max-width: 768px) {
	.nicobay-footer-links__desktop-columns .nicobay-footer-links__list {
		max-height: none !important;
		overflow: visible !important;
	}
	.nicobay-footer-links__desktop-columns .nicobay-footer-links__heading-arrow {
		display: none !important;
	}
	.nicobay-footer-links__desktop-columns .nicobay-footer-links__heading {
		margin-bottom: 10px;
	}
}

/* ===== カート／アカウントの外側ラッパ解除 ===== */
/* 本番はカート・ログインとも layout/theme.liquid が
   「パンくず（main の外）＋ section を main 直下」に置くだけで、ページ幅ラッパは無い。
   Woo では page.php の汎用分岐（div.page-width.section-padding > article > div.rte）が
   さらに 1 枚かぶるため、パンくず・見出し・カードが 1.5rem 余分に内側へ寄り、
   全幅のはずの image-with-text セクションが 160rem に閉じ込められていた。
   横方向のラッパだけ解除して、内側の .page-width を本番と同じ基準にする。
   カートは「空のとき」だけ。商品が入っているカートは本番の .cart__wrapper に当たる
   横 padding を Woo 側で持っていないため、解除すると表がビューポート端に貼り付く。 */
.woocommerce-cart main > .page-width.section-padding:has(.is-empty),
.woocommerce-account main > .page-width.section-padding {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

/* ===== カートページ（Rise 意匠の補正） ===== */
/* 空カートの上下余白。本番は main-cart-items.liquid が
   component-cart.css → section-nicobay-cart.css の順に読むので、後者の
   `.cart__warnings { padding: 4rem 0 }` が効く。Woo は enqueue 順が逆で
   component-cart.css の `@media (min-width: 990px) { padding: 7rem 0 1rem }` が勝ち、
   「カートは空です」が本番より約 30px 下がっていた。本番の実効値に戻す。 */
.woocommerce-cart .cart__warnings { padding: 4rem 0; }

/* 2 カラム化は「商品が入っているカート」だけ。空カートは breadcrumb と
   .nicobay-cart-empty の 2 要素しか無いため、無条件にグリッド化すると
   パンくずが 1fr 列・メッセージが 380px の右レールに落ちてしまう。 */
.woocommerce-cart .woocommerce:has(.woocommerce-cart-form) { display: grid; grid-template-columns: 1fr 380px; gap: 40px; align-items: start; }
/* grid item の既定 min-width:auto は「中身の min-content より縮まない」ため、
   1fr トラックがトラック内で最も広い min-content まで膨らむ。おすすめ商品の
   .featured-collection-swiper は Swiper 初期化前の :not(.swiper-initialized) 状態で
   .swiper-wrapper が横並び（折り返し無し）になり、min-content = 全スライドの合計幅
   ≒ 26,000px になる。これで 1fr トラックが 26,000px に広がり、その幅を読んだ Swiper が
   スライド幅を再計算 →さらに広がる、というループで最終的に 33,554,432px（CSS の
   無限大クランプ 2^25）に達し、SP でページ全体が横スクロールしていた。
   全ての grid item に min-width:0 を敷いてトラックをコンテナ幅に固定する。 */
.woocommerce-cart .woocommerce:has(.woocommerce-cart-form) > * { min-width: 0; }
.woocommerce-cart .cart-collaterals { width: 100%; }
/* 通知枠とセクション（おすすめ商品）は 2 カラムに巻き込まず全幅で置く。 */
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce > .shopify-section { grid-column: 1 / -1; }
@media screen and (max-width: 899px) {
	.woocommerce-cart .woocommerce:has(.woocommerce-cart-form) { grid-template-columns: 1fr; }
}
/* 商品テーブル */
/* WooCommerce は `table.shop_table` に外枠 + border-radius を付けるが、本番の
   カートは表全体を囲む枠を持たない（見出し行と各行の下罫線だけ）。 */
.woocommerce .nicobay-cart table.cart-items { border: 0; border-radius: 0; }
/* WooCommerce の `.woocommerce table.shop_table{table-layout:fixed}` を戻す。
   本テンプレートは SP 用と PC 用で 2 つの合計セルを持ち、片方を
   small-hide / medium-hide+large-up-hide で display:none にする。fixed だと
   非表示列の分まで幅を先に取り分けてしまい、PC で数量セルが 111px まで痩せて
   ステッパー＋× が右隣の合計セルにはみ出して重なっていた。
   本番 Rise のカートも auto。列幅は component-cart-items.css の
   `.cart-item__details{width:35rem/50rem}` 等が決める。 */
.woocommerce .nicobay-cart table.cart-items { table-layout: auto; }
.nicobay-cart .cart-items { width: 100%; border-collapse: collapse; }
.nicobay-cart .cart-items thead th { text-align: left; font-size: 1.2rem; color: #666; border-bottom: 1px solid #ddd; padding: 0 0 12px; }
.nicobay-cart .cart-items thead th.right { text-align: right; }
/* 行の罫線は本番と同じ「下だけ #eee」。WooCommerce は
   `.woocommerce table.shop_table td{border-top:1px solid …}` で全セルに上罫線を足すため、
   何もしないと 1 行が上下 2 本線で囲まれて見える（＝謎ボーダー）。 */
.woocommerce .nicobay-cart .cart-item td,
.woocommerce .nicobay-cart td.actions { border-top: 0; }
.nicobay-cart .cart-item td { padding: 20px 0; border-bottom: 1px solid #eee; vertical-align: middle; }
.nicobay-cart td.actions { border-bottom: 0; }
/* 商品サムネイル: 本番 section-nicobay-cart.css の
   .cart-item__media{width:120px} / .cart-item__image-container{100x100, #f5f5f5, radius 8px}
   / .cart-item__image{object-fit:cover} と同値。WooCommerce 本体の
   `.woocommerce table.shop_table td img{width:32px}` に勝つ詳細度で指定する。 */
.nicobay-cart .cart-item__media { width: 120px; }
/* inline-block だとインライン整形（ベースライン）の都合で親が 100px を包み切れず、
   画像が行の下罫線を 14px はみ出していた。block + line-height:0 で正確に包む。 */
.nicobay-cart .cart-item__media { position: relative; }
.nicobay-cart .cart-item__image-container {
	display: block;
	line-height: 0;
	width: 100px;
	height: 100px;
	background: #f5f5f5;
	border-radius: 8px;
	overflow: hidden;
}
.woocommerce .nicobay-cart .cart-item__image-container img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border: 0;
	border-radius: 0;
	display: block;
}
.nicobay-cart .cart-item__name { font-weight: 600; text-decoration: none; color: rgb(var(--color-foreground)); }
.nicobay-cart .cart-item__price-wrapper { color: rgba(var(--color-foreground), .6); font-size: 1.3rem; margin-top: 4px; }
.nicobay-cart .cart-item__quantity { white-space: nowrap; }
/* 削除（×）は本番同様ステッパーの右隣。td を flex にすると table-cell を外れて
   行高に伸びなくなり、セル下端に余分な罫線が出るのでインライン整列で並べる。 */
.nicobay-cart .cart-item__quantity .product-form__quantity { display: inline-block; vertical-align: middle; }
.nicobay-cart .cart-item__quantity .cart-item__remove { display: inline-block; vertical-align: middle; margin-left: 12px; }
/* 数量は本番と同じ −/+ ステッパー（枠は wrapper が持ち、input は枠なしで中央寄せ）。
   入れ子の白い箱に見えていた input 側の border / radius / 背景を消す。 */
.nicobay-cart .cart-item__quantity .product-form__quantity { margin: 0; }
.nicobay-cart .cart-item__quantity .quantity {
	display: inline-flex;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	min-height: 44px;
}
.woocommerce .nicobay-cart .cart-item__quantity .quantity input.quantity__input {
	width: 50px;
	height: auto;
	min-height: 42px;
	text-align: center;
	padding: 0;
	border: 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top-color: #ddd;
	border-bottom-color: #ddd;
	border-radius: 0;
	background: transparent;
	font-size: 1.4rem;
	font-weight: 400;
	box-shadow: none;
}
.nicobay-cart .cart-item__quantity .quantity__button {
	background: none;
	border: 0;
	padding: 0.5rem 0.75rem;
	min-width: 40px;
	cursor: pointer;
	color: rgb(var(--color-foreground));
}
.nicobay-cart .cart-item__quantity .quantity__button:hover { background-color: #f5f5f5; }
.nicobay-cart .cart-item__quantity .quantity__button svg { width: 12px; height: 12px; }
.nicobay-cart .cart-remove-button { margin-left: 12px; color: rgba(var(--color-foreground), .5); text-decoration: none; font-size: 1.8rem; }
.nicobay-cart .cart-item__totals { text-align: right; font-weight: 700; }
/* ===== 更新／クーポン行 =====
   クーポン欄はプレースホルダが切れない幅を確保し、入力は角丸 4px の素直な
   フィールドに（丸ピルだと文字が枠に当たって読めなかった）。 */
.nicobay-cart td.actions { padding-top: 24px; }
/* td 自体は table-cell のまま（flex にすると colspan の幅計算が崩れて中身が折り返す）。
   中の 1 枚のラッパを flex 行にして「クーポン欄（左）／カートを更新（右）」を並べる。 */
.nicobay-cart .nicobay-cart__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	width: 100%;
}
.nicobay-cart .coupon { margin: 0; }
.nicobay-cart .nicobay-cart__coupon-row { display: flex; gap: 8px; align-items: stretch; }
/* WooCommerce 側は `.woocommerce #content table.cart td.actions .input-text{width:80px}`
   （id 込みの詳細度 1,4,2）で幅を潰してくるので、こちらも id を含めて上回る。 */
.woocommerce table.cart td.actions #coupon_code.nicobay-cart__coupon-input,
.woocommerce #content table.cart td.actions #coupon_code.nicobay-cart__coupon-input,
.woocommerce .nicobay-cart input.nicobay-cart__coupon-input {
	width: 220px;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	font-size: 1.4rem;
	color: rgb(var(--color-foreground));
	box-shadow: none;
}
.woocommerce .nicobay-cart input.nicobay-cart__coupon-input::placeholder { color: rgba(var(--color-foreground), .45); }
.woocommerce .nicobay-cart input.nicobay-cart__coupon-input:focus {
	border-color: rgb(63, 134, 39);
	outline: 0;
}
.woocommerce .nicobay-cart .actions .button {
	min-height: 44px;
	padding: 0 24px;
	border-radius: 25px;
	border: 1px solid rgba(var(--color-foreground), .25);
	background: #fff;
	color: rgb(var(--color-foreground));
	font-size: 1.4rem;
	font-weight: 500;
	cursor: pointer;
}
.woocommerce .nicobay-cart .actions .button:hover:not(:disabled) { background: #f5f5f5; }
.woocommerce .nicobay-cart .actions .button:disabled { opacity: .5; cursor: not-allowed; }
/* 「適用」は主導線なので塗り（本番のカート CTA と同じ緑）。 */
.woocommerce .nicobay-cart .actions .nicobay-cart__coupon-apply {
	background: rgb(63, 134, 39);
	border-color: rgb(63, 134, 39);
	color: #fff;
}
.woocommerce .nicobay-cart .actions .nicobay-cart__coupon-apply:hover:not(:disabled) { background: rgb(50, 107, 31); }
/* 合計ボックス */
.cart_totals.cart__blocks { background: rgb(var(--color-background)); border: 1px solid rgba(var(--color-foreground), .12); border-radius: 12px; padding: 24px; }
.cart_totals .totals__subtitle { font-size: 1.6rem; font-weight: 700; margin: 0 0 16px; }
.cart_totals .cart-subtotal, .cart_totals .cart-discount, .cart_totals .fee, .cart_totals .woocommerce-shipping-totals, .cart_totals .tax-rate { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(var(--color-foreground), .1); font-size: 1.4rem; }
.cart_totals .totals.order-total { display: flex; justify-content: space-between; align-items: baseline; padding: 16px 0 8px; }
.cart_totals .totals__total { font-size: 1.6rem; font-weight: 700; margin: 0; }
.cart_totals .totals__total-value { font-size: 2rem; font-weight: 800; }
.cart_totals .cart__ctas { margin-top: 16px; }
/* 購入手続きへ進む: 本番 section-nicobay-cart.css .cart__checkout-button と同値
   （緑 rgb(63,134,39) / 白 / radius 25px / 16px 500）。WooCommerce 既定の
   淡い紫（--wc-secondary）に負けないよう a.button まで含めて指定する。 */
.woocommerce .cart_totals a.cart__checkout-button,
.woocommerce a.cart__checkout-button.button,
.cart__checkout-button {
	display: block;
	width: 100%;
	text-align: center;
	padding: 1rem 3rem;
	border-radius: 25px;
	background: rgb(63, 134, 39);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	border: 0;
}
.woocommerce .cart_totals a.cart__checkout-button:hover,
.woocommerce a.cart__checkout-button.button:hover { background: rgb(50, 107, 31); color: #fff; }

/* カート合計・購入ボタンの縦書き崩れ補正（移植 CSS の幅制約を上書き） */
.cart_totals .totals.order-total { flex-wrap: nowrap; gap: 12px; }
.cart_totals .totals__total { white-space: nowrap; flex: 0 0 auto; }
.cart_totals .totals__total-value { white-space: nowrap; flex: 0 0 auto; }
.cart_totals .cart-subtotal span, .cart_totals .woocommerce-shipping-totals span { white-space: normal; }
.cart__checkout-button.button {
	width: 100% !important;
	max-width: none !important;
	white-space: nowrap !important;
	box-sizing: border-box;
}

/* ===== ボタンの黒い長方形リングを消す =====
   Rise の base.css は .button::after で枠線リングを描く:
     top/right/bottom/left: var(--buttons-border-width)
     border-radius: var(--buttons-radius)
     box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
                   rgba(var(--color-button-text), var(--border-opacity)),
                 0 0 0 var(--buttons-border-width)
                   rgba(var(--color-button), var(--alpha-button-background));
   --buttons-radius は本番テーマ設定 buttons_radius: 0 由来で 0px、
   --color-button は 18,18,18（黒）。カートのボタンはこちらで border-radius:25px の
   ピルにしているため、角丸 0 の黒いリングだけが緑ピルの外側に長方形で残っていた。
   nicobay-login.css / customer-addresses-fix.css と同じく変数を殺して無効化する
   （リングを消すだけで、各ボタン自身の border は上の指定がそのまま残る）。 */
.woocommerce .nicobay-cart .actions .button,
.woocommerce .cart_totals .shipping-calculator-form .button,
.woocommerce .cart_totals a.cart__checkout-button,
.woocommerce a.cart__checkout-button.button,
.cart__checkout-button,
.nicobay-cart-empty-button {
	--buttons-border-width: 0px;
	--buttons-border-opacity: 0;
}

/* 合計ボックスをグリッドセル幅いっぱいに（狭幅による桁溢れ防止） */
.woocommerce-cart .cart_totals.cart__blocks { width: 100%; box-sizing: border-box; }
.woocommerce-cart .cart-collaterals, .woocommerce-cart .cart-collaterals .cart_totals { width: 100%; float: none; }

/* ===== カート SP（〜749px） =====
   上の商品テーブル系の指定は全て「table-cell としての td」を前提に書かれている。
   SP では component-cart-items.css が .cart-item を display:grid に切り替える
   （grid-template: repeat(2, auto) / repeat(4, 1fr)）ため、td は grid item になり、
   セル単位の padding / border / 固定幅がそのままだと崩れる。ここで SP だけ解除する。 */
@media screen and (max-width: 749px) {
	/* 見出しの罫線は th ごとではなく行に 1 本。th ごとに引くと
	   flex の justify-content:space-between で「商品」と「合計」の下だけ
	   短い線が 2 本出て、間が切れて見える。 */
	.nicobay-cart .cart-items thead th { border-bottom: 0; padding-bottom: 12px; }
	.nicobay-cart .cart-items thead tr { border-bottom: 1px solid #ddd; }

	/* grid item になった td からテーブル用の padding / 罫線を落とし、
	   区切り線は商品 1 件につき 1 本（.cart-item 自身）に集約する。 */
	.nicobay-cart .cart-item td,
	.woocommerce .nicobay-cart .cart-item td { padding: 0; border: 0; }
	.nicobay-cart .cart-item {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #eee;
		align-items: start;
	}
	.nicobay-cart .cart-item:last-of-type { border-bottom: 0; }

	/* サムネイルは本番 section-nicobay-cart.css の SP 値（80x80）。
	   PC 用の width:120px のままだと 1fr トラック（≒74px）を突き抜けて
	   隣の商品名カラムを圧迫し、商品名が 1 語ずつ折り返していた。 */
	.nicobay-cart .cart-item__media { width: auto; }
	.nicobay-cart .cart-item__image-container { width: 80px; height: 80px; }

	/* 数量ステッパーと × は 2 行目に収まるので、右端に逃がさず左寄せのまま。 */
	.nicobay-cart .cart-item__quantity { padding-top: 12px; }

	/* タップ領域。−/+ はステッパーの高さ（44px）いっぱいに伸ばし、
	   × は 19x23px しか無く指では押しにくいので 44x44 の当たり判定を持たせる。 */
	.nicobay-cart .cart-item__quantity .quantity__button { align-self: stretch; min-height: 44px; }
	.nicobay-cart .cart-item__quantity .cart-item__remove {
		width: 44px;
		height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: 4px;
	}

	/* 更新／クーポン行は縦積み。クーポン入力の固定 220px は 375px 幅で
	   「適用」を画面外に押し出すため、行内で伸縮させる。 */
	.nicobay-cart .nicobay-cart__actions { flex-direction: column; align-items: stretch; gap: 12px; }
	.nicobay-cart .nicobay-cart__coupon-row { width: 100%; }
	.woocommerce table.cart td.actions #coupon_code.nicobay-cart__coupon-input,
	.woocommerce #content table.cart td.actions #coupon_code.nicobay-cart__coupon-input,
	.woocommerce .nicobay-cart input.nicobay-cart__coupon-input { width: auto; flex: 1 1 auto; min-width: 0; }
	.woocommerce .nicobay-cart .actions .nicobay-cart__coupon-apply { flex: 0 0 auto; }
	.woocommerce .nicobay-cart .actions .nicobay-cart__update { width: 100%; }
}

/* ===== マイアカウント（ブランド調整） ===== */
/* ログイン／会員登録は本番のセクションをそのまま描画するので幅を絞らない
   （絞ると image-with-text「クーポンの受け取り方」が全幅にならない）。
   ダッシュボード側だけ従来どおり中央 1100px に収める。 */
.woocommerce-account.logged-in .woocommerce { max-width: 1100px; margin: 0 auto; }
/* ログイン/登録フォームをカード化 */
.woocommerce-account:not(.logged-in) .woocommerce > h2,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	max-width: 460px; margin-left: auto; margin-right: auto;
}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	background: rgb(var(--color-background)); border: 1px solid rgba(var(--color-foreground), .12);
	border-radius: 12px; padding: 32px;
}
.woocommerce-form label { display: block; font-size: 1.3rem; font-weight: 600; margin-bottom: 6px; }
.woocommerce-form .woocommerce-Input,
.woocommerce-form input[type="text"], .woocommerce-form input[type="email"],
.woocommerce-form input[type="password"], .woocommerce-form input[type="tel"] {
	width: 100%; padding: 12px 14px; border: 1px solid rgba(var(--color-foreground), .25);
	border-radius: 8px; background: #fff; box-sizing: border-box;
}
.woocommerce-form-login__submit, .woocommerce-form-register__submit,
.woocommerce-Button, .woocommerce-account .button {
	padding: 12px 28px !important; border-radius: 999px !important;
	background: rgb(var(--color-button)) !important; color: rgb(var(--color-button-text)) !important;
	border: none !important; font-weight: 700 !important; cursor: pointer;
}
.woocommerce-form-login__rememberme { font-weight: 400; }
.woocommerce-LostPassword a { color: rgba(var(--color-foreground), .7); }

/* ログイン／会員登録は本番の .customer（customer.css / nicobay-field.css）が正典。
   上の汎用カード装飾と WooCommerce コアの form.login/register の枠を打ち消す。 */
.woocommerce-account .customer .woocommerce-form-login,
.woocommerce-account .customer .woocommerce-form-register {
	max-width: none; margin: 4rem 0 0; padding: 0;
	background: none; border: 0; border-radius: 0;
}

/* ログイン後: 2 カラム（ナビ + 内容） */
.woocommerce-account.logged-in .woocommerce { display: grid; grid-template-columns: 240px 1fr; gap: 40px; align-items: start; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border: 1px solid rgba(var(--color-foreground), .12); border-radius: 12px; overflow: hidden; }
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid rgba(var(--color-foreground), .08); }
.woocommerce-MyAccount-navigation li:last-child { border-bottom: none; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 14px 18px; text-decoration: none; color: rgb(var(--color-foreground)); font-weight: 600; }
.woocommerce-MyAccount-navigation li.is-active a { background: rgba(var(--color-foreground), .05); }
@media screen and (max-width: 749px) {
	.woocommerce-account.logged-in .woocommerce { grid-template-columns: 1fr; }
}

/* ===== チェックアウト（ブロック）ブランド調整 ===== */
/* 注文確定ボタン */
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout .wc-block-components-button.contained {
	background: rgb(var(--color-button)) !important;
	color: rgb(var(--color-button-text)) !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
	min-height: 52px;
}
.wc-block-components-checkout-place-order-button:hover { opacity: .9; }
/* 入力欄 */
.wc-block-components-text-input input,
.wc-block-components-select .wc-block-components-select__container,
.wp-block-woocommerce-checkout .wc-block-components-text-input input {
	border-radius: 8px !important;
}
/* セクション見出し */
.wc-block-components-checkout-step__title { font-weight: 700; }
/* 「クーポンを追加」等のリンク色 */
.wc-block-components-totals-coupon__button-text { color: rgb(var(--color-link)); }

/* ===== カート追加通知（本番 cart_type: notification の再現） ===== */
/* WooCommerce の `.woocommerce a.button` が淡い紫（--wc-secondary）で入ってくるため、
   パネル内のボタンだけサイト側の意匠に揃える。 */
.cart-notification__links .button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 24px;
	border-radius: 25px;
	font-size: 1.4rem;
	font-weight: 500;
	text-decoration: none;
}
.cart-notification__links .button--secondary,
.woocommerce .cart-notification__links a.button--secondary {
	background: #fff;
	color: rgb(var(--color-foreground));
	border: 1px solid rgba(var(--color-foreground), .25);
}
.cart-notification__links .button--secondary:hover,
.woocommerce .cart-notification__links a.button--secondary:hover { background: #f5f5f5; }
.cart-notification__links .button--primary,
.woocommerce .cart-notification__links a.button--primary {
	background: rgb(63, 134, 39);
	color: #fff;
	border: 0;
}
.cart-notification__links .button--primary:hover,
.woocommerce .cart-notification__links a.button--primary:hover { background: rgb(50, 107, 31); color: #fff; }
.cart-notification__links .cart-notification__continue {
	background: none;
	border: 0;
	text-decoration: underline;
	cursor: pointer;
	color: rgb(var(--color-foreground));
	font-size: 1.3rem;
}
.cart-notification-product__name { font-size: 1.5rem; margin: 0 0 4px; }
.cart-notification-product__price { margin: 0; font-size: 1.4rem; }

/* 本番 sections/footer.liquid 冒頭の {% style %} が section-…-padding に与えている値。
   移植時にこのインライン <style> ごと落ちていて、<footer> の上下余白が 0 だった。
   実測: 本番 padding 27px（390px）／36px（1440px）、高さ 195/133 に対し移行後は 141/61。 */
.footer.section-sections--19476247314623__footer-padding {
  padding-top: 27px;
  padding-bottom: 27px;
}

@media screen and (min-width: 750px) {
  .footer.section-sections--19476247314623__footer-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}