/**
 * IIHCart Pro - フロントエンド用CSS
 *
 * 親カート（iihcart-theme）のデザインパターンに準拠.
 * .padded-content, .cart-page-title, .confirm-user-info, .label,
 * .btn-iihcart, .iihcart-action-button-container-alt 等は親テーマで定義済み.
 *
 * @package IIHCart_Pro
 */

/* =========================================================================
   課金サイクルラベル（商品ページ）
   ========================================================================= */

.iihcart-pro-billing-cycle {
	font-size: 14px;
	color: var(--color-text-light, #666);
}

/* 固定フッター: 課金サイクルラベル */
.fixed-product-cycle {
	font-size: 12px;
	font-weight: normal;
	color: var(--color-text-light, #666);
}

/* ボタン無効化（注文不可・契約中） */
.btn-iihcart:disabled,
.fixed-btn-iihcart:disabled {
	background-color: #e3e5e5;
	color: #888888;
	cursor: not-allowed;
}

/* 定期購入 契約中メッセージ（商品ページ） */
.iihcart-pro-already-subscribed {
	padding: 16px 20px;
	background: var(--color-heading-bg, #f2efe6);
	border-radius: var(--border-radius-sm, 4px);
	font-size: 14px;
	line-height: 1.8;
}

.iihcart-pro-already-subscribed a {
	color: var(--color-primary, #248cb3);
	text-decoration: underline;
}

/* =========================================================================
   申込確認ページ
   ========================================================================= */

/* 親テーマの .iihcart-form-heading（margin-top: 40px）をそのまま使用 */

/* --- ページ上部の余白 --- */
#iihcart-pro-subscription-confirm,
#iihcart-pro-3ds-auth-page,
.iihcart-pro-complete {
	padding-top: 32px;
}

/* --- 税込表記 --- */
#iihcart-pro-subscription-confirm .tax-included {
	font-size: 14px;
	color: var(--color-text-light, #666);
}

/* --- 定期購入内容・お客様情報のラベル幅揃え（PC） --- */
@media (min-width: 769px) {
	#iihcart-pro-subscription-confirm .confirm-user-info .label {
		display: inline-block;
		min-width: 140px;
	}
}

/* --- お支払い金額 --- */
#iihcart-pro-subscription-confirm .iihcart-pro-confirm-amount {
	padding: 24px 0;
}

#iihcart-pro-subscription-confirm .iihcart-pro-confirm-amount-row {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

#iihcart-pro-subscription-confirm .iihcart-pro-confirm-amount-row .amount {
	font-size: 20px;
	font-weight: 700;
}

#iihcart-pro-subscription-confirm .iihcart-pro-confirm-amount-row .cycle {
	font-size: 16px;
	color: var(--color-text-light, #666);
}

#iihcart-pro-subscription-confirm .iihcart-pro-confirm-amount-tax {
	color: var(--color-text-light, #666);
	font-size: 14px;
	margin-top: 4px;
}

/* --- 注意事項 --- */
#iihcart-pro-subscription-confirm .iihcart-pro-confirm-notice {
	background: var(--color-heading-bg, #f2efe6);
	border-radius: var(--border-radius-sm, 4px);
	padding: 16px 20px;
	margin-bottom: 8px;
}

#iihcart-pro-subscription-confirm .iihcart-pro-confirm-notice p {
	margin: 0;
	font-size: 14px;
	line-height: 1.8;
}

/* --- カード入力エリア見出し（親テーマの iihcart-form-heading を使用） --- */

/* =========================================================================
   申込確認ページ（モバイル）
   ========================================================================= */

@media (max-width: 768px) {
	#iihcart-pro-subscription-confirm .iihcart-pro-confirm-amount-row .amount {
		font-size: 18px;
	}
}

/* =========================================================================
   完了ページ（親テーマの .padded-content + ボタンパターンを使用）
   ========================================================================= */

.iihcart-pro-complete {
	padding-top: 32px;
}

.iihcart-pro-complete p {
	margin-bottom: 16px;
}

#iihcart-pro-subscription-confirm #zeus_new_card_area .iihcart-form-group:last-child,
#iihcart-pro-subscription-confirm #zeus_registerd_card_area .iihcart-form-group:last-child {
	padding-bottom: 20px;
}