/* ==================================================================
 * kdw-legacy: reskin for old orange-themed "self-authored" page blocks
 * ------------------------------------------------------------------
 * A handful of WordPress PAGES carry their own `<!-- wp:html -->`
 * block with an inline `<style>` tag hand-written against an old
 * orange palette (#E8820C, linear-gradient(#FFF5EB...)) and a
 * `.kd-*` class prefix. We do NOT edit page content/DB — every rule
 * below is a THEME override layered on top of that inline `<style>`.
 * Markup/classes/copy are untouched; only visual skin changes.
 *
 * Cascade note: the page's own `<style>` tag is printed inside
 * <body> (as part of the block content), which in DOM/document order
 * comes after our enqueued <link> in <head>. On an EQUAL specificity
 * tie the later rule (the page's inline `<style>`) would win, so
 * every selector below is scoped under `.kdw-main` (or repeats a
 * class) to add +1 specificity and deterministically win — without
 * `!important` — except where the original rule itself is flagged
 * `!important` (e.g. `color:#333!important`); those are matched with
 * `!important` too, since there is no specificity trick that beats
 * `!important` vs `!important` other than source order + importance,
 * and each such line is commented.
 * ================================================================== */

/* ------------------------------------------------------------------
 * 用途から探す (page 1147, /elements/goods/)
 * classes: .kd-use-hero .kd-use-container .kd-use-section
 *          .kd-use-section-header .kd-use-icon .kd-use-grid
 *          .kd-use-card .kd-arrow .kd-card-icon .kd-qty-badge
 *          .kd-use-cta .kd-btn-primary .kd-use-popular .kd-use-banner
 * ------------------------------------------------------------------ */

/* hero: orange gradient + orange border-bottom -> yellow accent band */
.kdw-main .kd-use-hero{
  background:var(--accent);
  border-bottom:var(--bd);
}
/* original: h1{color:#333!important} */
.kdw-main .kd-use-hero h1{
  color:var(--ink) !important; /* matches old !important */
  font-family:var(--font-head);
}
/* original: p{color:#666!important} */
.kdw-main .kd-use-hero p{
  color:var(--ink) !important; /* matches old !important */
  opacity:.82;
}
.kdw-main .kd-use-hero strong{ color:var(--ink) !important; }

/* section headers: orange border-left/bottom -> ink text + accent rule */
.kdw-main .kd-use-section-header{
  border-bottom:var(--bd);
}
/* original: h2{color:#333!important} */
.kdw-main .kd-use-section-header h2{
  color:var(--ink) !important; /* matches old !important */
  font-family:var(--font-head);
}
/* original: p{color:#888!important} */
.kdw-main .kd-use-section-header p{
  color:var(--muted) !important; /* matches old !important */
}

/* white soft-shadow cards -> flat bordered card, no shadow */
.kdw-main .kd-use-card{
  background:var(--paper);
  border:var(--bd);
  border-radius:var(--r-card);
  box-shadow:none;
}
.kdw-main .kd-use-card:hover{
  border-color:var(--ink);
  box-shadow:none;
  transform:translateY(-3px);
}
/* original: :hover h3{color:#E8820C!important} */
.kdw-main .kd-use-card:hover h3{
  color:var(--ink) !important; /* matches old !important */
}
/* original: h3{color:#333!important} */
.kdw-main .kd-use-card h3{
  color:var(--ink) !important; /* matches old !important */
  font-family:var(--font-head);
}
/* original: p{color:#888!important} */
.kdw-main .kd-use-card p{
  color:var(--muted) !important; /* matches old !important */
}
.kdw-main .kd-use-card .kd-arrow{
  color:var(--muted);
}
.kdw-main .kd-use-card:hover .kd-arrow{
  color:var(--ink);
}
/* original: .kd-qty-badge{background:#E8820C;color:#fff!important} */
.kdw-main .kd-use-card .kd-qty-badge{
  background:var(--ink);
  color:#fff !important; /* matches old !important */
}

/* CTA band: orange gradient + orange border -> yellow-soft + ink border */
.kdw-main .kd-use-cta{
  background:var(--accent-soft);
  border:var(--bd);
  border-radius:var(--r-card);
}
/* original: h2{color:#333!important} */
.kdw-main .kd-use-cta h2{
  color:var(--ink) !important; /* matches old !important */
  font-family:var(--font-head);
}
/* original: p{color:#666!important} */
.kdw-main .kd-use-cta p{
  color:var(--ink) !important; /* matches old !important */
  opacity:.82;
}
/* orange gradient pill button -> solid black pill, matches .kdw-btn--primary */
.kdw-main .kd-use-cta .kd-btn-primary{
  background:var(--ink);
  box-shadow:none;
  border-radius:var(--r-pill);
  font-family:var(--font-head);
}
/* original: .kd-btn-primary{color:#fff!important} and :hover{color:#fff!important} */
.kdw-main .kd-use-cta .kd-btn-primary,
.kdw-main .kd-use-cta .kd-btn-primary:hover{
  color:#fff !important; /* matches old !important */
}
.kdw-main .kd-use-cta .kd-btn-primary:hover{
  box-shadow:none;
}

/* popular-use pill links: orange outline -> ink outline pill */
.kdw-main .kd-use-popular a{
  background:var(--paper);
  border:var(--bd);
  border-radius:var(--r-pill);
}
/* original: a{color:#E8820C!important} */
.kdw-main .kd-use-popular a{
  color:var(--ink) !important; /* matches old !important */
}
.kdw-main .kd-use-popular a:hover{
  background:var(--ink);
}
/* original: :hover{color:#fff!important} */
.kdw-main .kd-use-popular a:hover{
  color:#fff !important; /* matches old !important */
}

/* info banner: orange gradient/border -> soft yellow, ink border */
.kdw-main .kd-use-banner{
  background:var(--accent-soft);
  border:var(--bd);
  border-radius:var(--r-card);
}
/* original: p{color:#333!important} */
.kdw-main .kd-use-banner p{
  color:var(--ink) !important; /* matches old !important */
}
/* original: strong{color:#E8820C!important} */
.kdw-main .kd-use-banner strong{
  color:var(--ink) !important; /* matches old !important */
}

/* ------------------------------------------------------------------
 * 配送について (page 1770, /shipping-info/)
 * お支払い方法   (page 1771, /payment-info/)
 * ------------------------------------------------------------------
 * These two pages have NO class-based <style> block — every color is
 * a literal inline `style="color:#E8820C"` / `style="background:
 * #FFF5EB"` / `style="border:1px solid #e8d4b8"` attribute on the
 * element itself. An inline style attribute always outranks any
 * external stylesheet rule regardless of selector specificity,
 * UNLESS our rule carries `!important` — so `!important` is the only
 * mechanism available here (same technique lp.css already uses for
 * `.khl a[style*="1F3A5F"]`). Rules are scoped to `body.page-id-1770`
 * / `body.page-id-1771` so they cannot leak onto unrelated pages that
 * might coincidentally share an inline color value.
 * ------------------------------------------------------------------ */
body.page-id-1770 [style*="E8820C"],
body.page-id-1771 [style*="E8820C"]{
  color:var(--ink) !important; /* overriding literal inline style="color:#E8820C" (no external selector can win otherwise) */
}
body.page-id-1770 [style*="#FFF5EB"],
body.page-id-1771 [style*="#FFF5EB"]{
  background:var(--accent-soft) !important; /* overriding literal inline style="background:#FFF5EB" */
}
body.page-id-1770 [style*="border:1px solid #e8d4b8"],
body.page-id-1771 [style*="border:1px solid #e8d4b8"]{
  border-color:var(--ink) !important; /* overriding literal inline border color */
}
body.page-id-1770 h2[style*="border-left:4px solid #E8820C"],
body.page-id-1771 h2[style*="border-left:4px solid #E8820C"],
body.page-id-1770 [style*="border-left:4px solid #E8820C"],
body.page-id-1771 [style*="border-left:4px solid #E8820C"]{
  border-left-color:var(--ink) !important; /* overriding literal inline accent border-left */
}
body.page-id-1770 h2,
body.page-id-1771 h2{
  font-family:var(--font-head);
}
body.page-id-1770 .kd-icon-wrap,
body.page-id-1771 .kd-icon-wrap{
  color:var(--ink);
}

/* テンプレDLページ #tpl-page：旧オレンジ変数を新トークンへ再マップ（#id指定で:rootより優先） */
#tpl-page{
  --tpl-orange:var(--ink);
  --tpl-orange-light:var(--accent-soft);
  --tpl-orange-dark:var(--ink);
  --tpl-brown:var(--ink);
  --tpl-gray:var(--surface-soft);
  --tpl-border:var(--line-soft);
  --tpl-text:var(--ink);
  --tpl-text-sub:var(--muted);
}
/* 主要ボタンは黒ピル・見出しは丸ゴシックに寄せる */
#tpl-page a[class*="btn"],#tpl-page button[class*="btn"]{border-radius:var(--r-pill)}
#tpl-page h1,#tpl-page h2,#tpl-page h3{font-family:var(--font-head)}

/* 背幅計算ツール #kd-spine-calc：旧オレンジを新デザインへ（body付きでinline<style>より高詳細度） */
body #kd-spine-calc{color:var(--ink)}
body #kd-spine-calc h3{color:var(--ink);border-left-color:var(--accent);font-family:var(--font-head)}
body #kd-spine-calc .kd-spine-table{border:var(--bd);border-radius:var(--r-card)}
body #kd-spine-calc .kd-spine-row{border-bottom-color:var(--line-soft)}
body #kd-spine-calc .kd-spine-row:nth-child(odd){background:var(--paper-soft)}
body #kd-spine-calc select,body #kd-spine-calc input[type="number"]{border:2px solid var(--ink);border-radius:10px}
body #kd-spine-calc .kd-spine-actions{background:var(--accent-soft);border-radius:var(--r-card)}
body #kd-spine-calc .kd-spine-btn{background:var(--ink);color:var(--paper);border:var(--bd);border-radius:var(--r-pill);font-family:var(--font-head)}
body #kd-spine-calc .kd-spine-btn:hover{background:var(--ink);opacity:.88}
body #kd-spine-calc .kd-spine-result{background:var(--paper);border:var(--bd);border-radius:var(--r-card)}
body #kd-spine-calc .kd-spine-result-num{color:var(--ink)}
body #kd-spine-calc .kd-spine-tpl-btn{background:var(--accent);color:var(--accent-ink);border:var(--bd);border-radius:var(--r-pill);font-family:var(--font-head)}
body #kd-spine-calc .kd-spine-tpl-btn:hover{background:var(--accent-soft)}

/* ------------------------------------------------------------------
 * 商品詳細の説明ブロック kd-product-* (/product/*、例 /product/envelope/)
 * ------------------------------------------------------------------
 * 商品の抜粋(post_excerpt)に旧ネイビー/ゴールド配色の kd-product-* ブロック
 * (mu-plugins/fix-product-layout.php が描画、keep群=不変)がある。PDP本文
 * (.kdw-pdp)配下に限定して新トークンへ再スキン。イントロ枠のインライン
 * グラデーション(style属性)は !important でのみ上書き可能なので明記する。
 * ------------------------------------------------------------------ */
.kdw-pdp .kd-product-intro{border:var(--bd);border-radius:var(--r-card)}
/* イントロ枠: インライン style="background:linear-gradient(...#fff5eb...)" を上書き */
.kdw-pdp .kd-product-intro[style]{background:var(--paper) !important}
.kdw-pdp .kd-product-intro > p{color:var(--ink)}
.kdw-pdp .kd-product-badge{background:var(--paper);border:1.5px solid var(--ink);color:var(--ink)}
.kdw-pdp .kd-product-badge--green{border-color:var(--success);color:var(--success)}
.kdw-pdp .kd-product-steps{color:var(--ink)}
.kdw-pdp .kd-product-step{background:var(--surface-soft);border:1.5px solid var(--line-soft)}
.kdw-pdp .kd-product-step strong{color:var(--ink)}
.kdw-pdp .kd-product-spec{border:var(--bd);border-radius:var(--r-card);overflow:hidden}
.kdw-pdp .kd-product-spec summary{background:var(--accent-soft);color:var(--ink);font-family:var(--font-head)}
.kdw-pdp .kd-product-spec th{background:var(--surface-soft);color:var(--ink);border-color:var(--line-soft)}
.kdw-pdp .kd-product-spec td{border-color:var(--line-soft)}
.kdw-pdp .kd-product-info-card--guide{background:var(--accent-soft);border:var(--bd);color:var(--ink)}
.kdw-pdp .kd-product-info-card--trust{background:var(--paper);border:var(--bd);color:var(--ink)}
.kdw-pdp .kd-product-info-card--target{background:var(--surface-soft);border:var(--bd);color:var(--ink)}
.kdw-pdp .kd-product-faq details{border:var(--bd);border-radius:var(--r-card)}
.kdw-pdp .kd-product-faq summary{background:var(--accent-soft);color:var(--ink);font-family:var(--font-head)}
.kdw-pdp .kd-product-compare{background:var(--accent-soft);border:var(--bd);border-radius:var(--r-card)}
.kdw-pdp .kd-product-compare-title{color:var(--ink);font-family:var(--font-head)}
.kdw-pdp .kd-product-compare th,.kdw-pdp .kd-product-compare td{border-color:var(--line-soft)}
.kdw-pdp .kd-product-compare .compare-us{color:var(--ink)}
.kdw-pdp .kd-product-compare-footer a{color:var(--ink)}

/* 入稿ガイド(/guide/) と お問い合わせ(/contact/) は page-guide.php /
 * page-contact.php で新デザインへ完全再構築済み(旧 #snsi-guide / #snsi-contact
 * ブロックは the_content をバイパスするため描画されない)。よって旧オーバーレイは不要。 */

/* ------------------------------------------------------------------
 * デザインスタジオ / 名刺テンプレギャラリー #snsi-tpl
 * ------------------------------------------------------------------
 * design-templates ページ(page-design-studio.php が取り込み)のギャラリー本体は
 * 旧オレンジ配色でインライン <style> に #snsi-tpl 限定 !important で定義されている
 * (内容・JS・Canvaリンクは保持)。カスケード: 当 <link> は <head>、ギャラリーの
 * <style> は本文(後方)に出るため、`body #snsi-tpl` と +1詳細度・!important で勝たせる。
 * Canvaブランド色(#00C4CC/#7D2AE8)のボタンは機能色として温存。
 * ------------------------------------------------------------------ */
body #snsi-tpl .snsi-t-header{background:var(--accent) !important}
body #snsi-tpl .snsi-t-header h2,
body #snsi-tpl .snsi-t-header p{color:var(--ink) !important;font-family:var(--font-head)}
body #snsi-tpl .snsi-t-step-num{background:var(--accent) !important;color:var(--ink) !important}
body #snsi-tpl .snsi-t-section-title{border-bottom-color:var(--accent) !important;font-family:var(--font-head)}
body #snsi-tpl .snsi-t-card{border-radius:var(--r-card)}
body #snsi-tpl .snsi-t-card:hover{border-color:var(--ink) !important}
body #snsi-tpl .snsi-t-card-icon{background:var(--accent-soft) !important}
body #snsi-tpl .snsi-t-card-count{color:var(--ink) !important}
body #snsi-tpl .snsi-t-notice{background:var(--accent-soft) !important;border-left-color:var(--ink) !important}
body #snsi-tpl .snsi-t-btn-primary,
body #snsi-tpl .snsi-t-footer .snsi-t-btn-primary{background:var(--ink) !important;border-radius:var(--r-pill)}
body #snsi-tpl .snsi-t-btn-outline{color:var(--ink) !important;border:2px solid var(--ink) !important;border-radius:var(--r-pill)}
body #snsi-tpl .snsi-t-btn-outline:hover{background:var(--ink) !important;color:#fff !important}
body #snsi-tpl .snsi-g-tab{border:1.5px solid var(--ink) !important;color:var(--ink) !important;border-radius:var(--r-pill)}
body #snsi-tpl .snsi-g-tab:hover{background:var(--accent-soft) !important}
body #snsi-tpl .snsi-g-tab.active{background:var(--accent) !important;border-color:var(--ink) !important;color:var(--ink) !important}
body #snsi-tpl .snsi-g-section-count{color:var(--muted) !important}
body #snsi-tpl .snsi-g-section-title{font-family:var(--font-head)}
body #snsi-tpl .snsi-g-thumb{border-radius:var(--r-card)}
body #snsi-tpl .snsi-g-thumb:hover{border-color:var(--ink) !important}
body #snsi-tpl .snsi-g-ura-badge{background:var(--accent) !important;color:var(--ink) !important}

/* ------------------------------------------------------------------
 * 商品詳細の付随ブロック(全商品共通・mu-plugin fix-product-layout.php 描画)
 * shinsei-faq / kodawari-trust / kodawari-related / kodawari-top3(k3-*)
 * ------------------------------------------------------------------
 * 旧ネイビー(#1F3A5F)/ゴールド(#E3B23C)/クリーム配色を .kdw-pdp 配下で新トークンへ。
 * mu-plugin は不変。緑/赤の機能色は温存。詳細度は .kdw-pdp +1 で素の class に勝つ。
 * ------------------------------------------------------------------ */
/* トップ3訴求(k3) 黄色ベタ塗りは重いので白地/黒フチ+イエロー差し色に簡素化 */
.kdw-pdp .kodawari-top3 .k3-item{background:var(--paper);border:var(--bd);border-radius:var(--r-card);position:relative;overflow:hidden}
.kdw-pdp .kodawari-top3 .k3-item::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--accent)}
.kdw-pdp .kodawari-top3 .k3-label{color:var(--muted)}
.kdw-pdp .kodawari-top3 .k3-value{color:var(--ink);font-family:var(--font-head)}
.kdw-pdp .kodawari-top3 .k3-note{color:var(--muted)}
/* 信頼バッジ */
.kdw-pdp .kodawari-trust-item{color:var(--ink)}
.kdw-pdp .kodawari-trust-icon{color:var(--ink)}
/* FAQ */
.kdw-pdp .shinsei-faq-item{border-bottom-color:var(--line-soft)}
.kdw-pdp .shinsei-faq-q{color:var(--ink);font-family:var(--font-head)}
.kdw-pdp .shinsei-faq-q::after{color:var(--ink)}
.kdw-pdp .shinsei-faq-badge{background:var(--ink);color:#fff}
.kdw-pdp .shinsei-faq-badge-a{background:var(--accent);color:var(--ink)}
.kdw-pdp .shinsei-faq-text a{color:var(--ink)}
/* 関連商品 */
.kdw-pdp .kodawari-related-products h3{color:var(--ink);font-family:var(--font-head)}
.kdw-pdp .kodawari-related-card{background:var(--paper);border:var(--bd);border-radius:var(--r-card)}
.kdw-pdp .kodawari-related-card:hover{border-color:var(--ink)}
.kdw-pdp .kodawari-related-title{color:var(--ink)}

/* 商品CTA / テンプレCTA / 信頼バッジ枠 / 見積結果見出し(色のみ) */
.kdw-pdp .kodawari-product-trust{background:var(--paper);border:var(--bd);border-radius:var(--r-card)}
/* 相談CTA: 黄色ベタ塗り→白地/黒フチに簡素化、フォームボタンは黒ピル、単独ボタンは中央寄せ */
.kdw-pdp .kodawari-product-cta{background:var(--paper);border:var(--bd);border-radius:var(--r-card)}
.kdw-pdp .kodawari-product-cta h3{color:var(--ink);font-family:var(--font-head)}
.kdw-pdp .kodawari-product-cta-buttons{justify-content:center}
/* 元CSSが color:#8b4500 !important のため !important で上書き(黒地×白字で視認性確保) */
.kdw-pdp .kodawari-cta-contact{background:var(--ink) !important;color:#fff !important;border:2px solid var(--ink) !important;border-radius:var(--r-pill)}
.kdw-pdp .kodawari-cta-contact:hover{background:var(--paper) !important;color:var(--ink) !important}
/* 入稿テンプレDLボタン: 黄色ベタ→白地/黒フチ、青DLアイコン→黒 */
.kdw-pdp .kodawari-tpl-cta{background:var(--paper);border:var(--bd);border-radius:var(--r-card)}
.kdw-pdp .kodawari-tpl-cta:hover{border-color:var(--ink);background:var(--accent-soft)}
.kdw-pdp .kodawari-tpl-cta .kt-title{color:var(--ink) !important;font-family:var(--font-head)}
.kdw-pdp .kodawari-tpl-cta .kt-icon,
.kdw-pdp .kodawari-tpl-cta .kt-arrow{color:var(--ink)}
.kdw-pdp #shinsei-results-fullwidth .shinsei-estimate-result > h3{color:var(--ink);border-bottom-color:var(--accent)}

/* WooCommerce 標準タブ(商品詳細内・FAQ等)を新デザインへ */
.kdw-pdp .woocommerce-tabs ul.tabs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0}
.kdw-pdp .woocommerce-tabs ul.tabs::before,
.kdw-pdp .woocommerce-tabs ul.tabs::after{display:none}
.kdw-pdp .woocommerce-tabs ul.tabs li{margin:0;padding:0;background:none;border:0;border-radius:var(--r-pill)}
.kdw-pdp .woocommerce-tabs ul.tabs li::before,
.kdw-pdp .woocommerce-tabs ul.tabs li::after{display:none}
.kdw-pdp .woocommerce-tabs ul.tabs li a{display:inline-block;padding:.42em 1.1em;font-family:var(--font-head);
  font-weight:800;font-size:.85rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);
  border-radius:var(--r-pill);text-decoration:none}
.kdw-pdp .woocommerce-tabs ul.tabs li.active a{background:var(--accent)}
.kdw-pdp .woocommerce-tabs .woocommerce-Tabs-panel{padding:0}
.kdw-pdp .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* 商品ページ内のインラインstyleオレンジ(デザインバナー等・mu-plugin出力)を差し替え。
 * インラインstyleは属性セレクタ+!importantでのみ上書き可。色は大小混在のため i フラグ。 */
.kdw-pdp .kd-design-banner[style]{
  background:var(--paper) !important;background-image:none !important;border-color:var(--ink) !important}
.kdw-pdp .kd-design-banner a[style]{
  background:var(--ink) !important;background-image:none !important;color:#fff !important}
/* 汎用フォールバック: PDP内でインラインのオレンジ背景/枠が残る要素 */
.kdw-pdp [style*="e8820c" i]{border-color:var(--ink) !important}
.kdw-pdp [style*="fff5eb" i]{background:var(--accent-soft) !important;background-image:none !important}

/* ------------------------------------------------------------------
 * 全商品共通: 商品固有ブロックの脱オレンジ（内容は維持・配色のみ新パレット）
 * shopcard旧バッジ/ステップ, 冊子の背幅計算CTA, PP加工注記, 名刺デザインCTA 等。
 * 各要素はインラインstyleのオレンジを持つため .kdw-pdp 配下 !important で上書き。
 * 背幅CTAボタンのみ inline !important のため色置換はDB側で実施。
 * ------------------------------------------------------------------ */
/* shopcard(旧マークアップ): 橙丸バッジ→白地/黒フチ, ステップ枠を統一, 番号→黒 */
.kdw-pdp .kd-badge{background:var(--paper) !important;color:var(--ink) !important;border:1.5px solid var(--ink) !important}
.kdw-pdp .kd-steps > div{background:var(--surface-soft) !important;border:1.5px solid var(--line-soft) !important;box-shadow:none !important}
.kdw-pdp .kd-steps > div span[style]{color:var(--ink) !important}
/* 冊子:背幅計算CTA / 名刺:デザインCTA の橙箱→白地/黒フチ, 見出し→黒, ボタン→黒ピル */
.kdw-pdp .kd-product-spine-cta,
.kdw-pdp .kd-product-cta-design{background:var(--paper) !important;background-image:none !important;border-color:var(--ink) !important;border-radius:var(--r-card) !important}
.kdw-pdp .kd-product-spine-cta h3,
.kdw-pdp .kd-product-cta-design h3{color:var(--ink) !important}
.kdw-pdp .kd-product-spine-cta a,
.kdw-pdp .kd-product-cta-design a{background:var(--ink) !important;background-image:none !important;color:#fff !important;border-radius:var(--r-pill) !important}
/* PP加工注記: クリーム地→淡黄, 橙の左罫/文字→黒 */
.kdw-pdp .kd-product-pp-note{background:var(--accent-soft) !important;border-left-color:var(--ink) !important}
.kdw-pdp .kd-product-pp-note strong,
.kdw-pdp .kd-product-pp-note [style]{color:var(--ink) !important}

/* ------------------------------------------------------------------
 * 見積フォーム＆結果 (shinsei-print-calculator/css/estimate-form.css)
 * ------------------------------------------------------------------
 * §7 エンジン本体は不変。旧オレンジ/ブラウン/クリーム配色を .kdw-pdp 配下で
 * 新トークン(白/イエロー/黒)へ再スキン。機能色(赤=割引バッジ等)は温存。
 * !important付きの元ルールには同等以上の詳細度+!importantで対抗。
 * ------------------------------------------------------------------ */
/* フォーム枠・見出し */
.kdw-pdp #shinsei-estimate-form{border:var(--bd);border-radius:var(--r-card)}
.kdw-pdp .shinsei-form h3{background:var(--accent-soft);background-image:none;color:var(--ink);
  border-left-color:var(--ink);font-family:var(--font-head)}
.kdw-pdp .shinsei-form .shinsei-section:has(h3) > h3::before{background:var(--ink);color:#fff}
.kdw-pdp .shinsei-form h4,.kdw-pdp .shinsei-sheet-row h4{background:var(--surface-soft);color:var(--ink);border-left-color:var(--accent)}
.kdw-pdp .shinsei-form select:focus,
.kdw-pdp .shinsei-form input:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent)}
.kdw-pdp .shinsei-sheet-row{background:var(--surface-soft);border-color:var(--line-soft)}
/* 見積計算ボタン(主要CTA) → 黒ピル */
.kdw-pdp #shinsei-calculate{background:var(--ink);background-image:none;color:#fff;border:var(--bd);
  border-radius:var(--r-pill);font-family:var(--font-head)}
.kdw-pdp #shinsei-calculate:hover{background:var(--ink);opacity:.9}
/* 結果見出し・割引バナー */
.kdw-pdp .shinsei-estimate-result > h3{color:var(--ink);border-bottom-color:var(--accent)}
.kdw-pdp .shinsei-discount-banner{background:var(--accent-soft);background-image:none;border-color:var(--ink);color:var(--ink)}
.kdw-pdp .shinsei-discount-banner strong{color:var(--ink)}
/* 結果テーブル */
.kdw-pdp .shinsei-estimate-table{border-color:var(--line-soft)}
.kdw-pdp .shinsei-estimate-table thead tr{background-color:var(--ink);color:#fff}
.kdw-pdp .shinsei-estimate-table thead th{border-bottom-color:var(--ink)}
.kdw-pdp .shinsei-estimate-table thead th.th-discount{background-color:var(--ink)}
.kdw-pdp .shinsei-estimate-table th,
.kdw-pdp .shinsei-estimate-table td{border-color:var(--line-soft)}
.kdw-pdp .shinsei-estimate-table tbody tr:hover{background-color:var(--surface-soft)}
.kdw-pdp .shinsei-estimate-table tbody tr.is-selected,
.kdw-pdp .shinsei-estimate-table tbody tr.is-selected.has-discount{background:var(--accent-soft)}
.kdw-pdp .shinsei-estimate-table tr.has-discount{background:var(--paper)}
.kdw-pdp .shinsei-estimate-table .discount-price{background:var(--accent-soft);color:var(--ink) !important}
.kdw-pdp .shinsei-estimate-table .best-total{color:var(--ink)}
/* 数量セクション */
.kdw-pdp .shinsei-order-section{background:var(--surface-soft);border-color:var(--line-soft)}
.kdw-pdp .shinsei-order-qty-label,
.kdw-pdp .shinsei-qty-chip-unit,.kdw-pdp .shinsei-qty-chip-other,
.kdw-pdp .shinsei-qty-unit-label,.kdw-pdp .shinsei-qty-custom-price,
.kdw-pdp .shinsei-qty-custom-price strong{color:var(--ink)}
.kdw-pdp #shinsei-order-qty,.kdw-pdp #shinsei-qty-input,
.kdw-pdp .shinsei-qty-stepper-btn{border-color:var(--ink);color:var(--ink)}
.kdw-pdp .shinsei-qty-stepper-btn:hover{background:var(--accent);color:var(--ink);border-color:var(--ink)}
/* 数量チップ(3重クラス+!important の元ルールに対抗) 通常=白地/黒フチ、選択=イエロー */
.kdw-pdp .shinsei-order-section .shinsei-qty-chips button.shinsei-qty-chip.shinsei-qty-chip.shinsei-qty-chip{
  background:var(--paper) !important;border-color:var(--ink) !important;color:var(--ink) !important;text-shadow:none !important;box-shadow:none !important}
.kdw-pdp .shinsei-order-section .shinsei-qty-chips button.shinsei-qty-chip.shinsei-qty-chip.shinsei-qty-chip .shinsei-qty-chip-unit{color:var(--muted) !important}
.kdw-pdp .shinsei-order-section .shinsei-qty-chips button.shinsei-qty-chip.shinsei-qty-chip.shinsei-qty-chip:hover{
  background:var(--accent-soft) !important;border-color:var(--ink) !important;color:var(--ink) !important;text-shadow:none !important}
.kdw-pdp .shinsei-order-section .shinsei-qty-chips button.shinsei-qty-chip.shinsei-qty-chip.shinsei-qty-chip.active{
  background:var(--accent) !important;border-color:var(--ink) !important;color:var(--ink) !important;text-shadow:none !important;
  box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink) !important;transform:translateY(-1px)}
.kdw-pdp .shinsei-order-section .shinsei-qty-chips button.shinsei-qty-chip.shinsei-qty-chip.shinsei-qty-chip.active .shinsei-qty-chip-unit{color:var(--ink) !important}
/* カート追加ボタン: 黒ピル / 単価強調色のオレンジ→黒 */
.kdw-pdp #shinsei-add-to-cart{background:var(--ink);color:#fff;border-radius:var(--r-pill)}
.kdw-pdp #shinsei-add-to-cart:hover{background:#000;box-shadow:0 4px 12px rgba(0,0,0,.18)}
/* 入稿案内(注文後アップロード)ボックス: 青left罫→全周黒2px角丸カード。見出し強調・対応形式はチップ化 */
.kdw-pdp .shinsei-post-order-notice{background:var(--paper) !important;border:var(--bd) !important;
  border-radius:var(--r-card) !important;padding:16px 18px !important}
.kdw-pdp .shinsei-post-order-notice p:first-child,
.kdw-pdp .shinsei-post-order-notice [style*="10829c" i]{color:var(--ink) !important;
  font-family:var(--font-head);font-weight:800 !important;font-size:1rem !important}
.kdw-pdp .shinsei-post-order-notice p:last-child{display:inline-block;background:var(--surface-soft);
  border-radius:var(--r-pill);padding:.3em .9em !important;font-size:.72rem !important;color:var(--muted) !important;margin:10px 0 0 !important}

/* シールデザイナー案内バナー(#ksd-top-banner, JSインラインの青系→黒地/イエロー番号) */
#ksd-top-banner{background:var(--ink) !important;background-image:none !important;
  border-radius:var(--r-card) !important;box-shadow:none !important}
#ksd-top-banner .ksd-banner-title{font-family:var(--font-head)}
#ksd-top-banner .ksd-step{background:rgba(255,255,255,.10) !important;
  border:1.5px solid rgba(255,255,255,.30) !important;border-radius:var(--r-card) !important}
#ksd-top-banner .ksd-step-num{background:var(--accent) !important;color:var(--ink) !important}
/* 「画像から作成する」ボタン(プラグインCSSのシアン!importantを上書き)→黒ピル */
body #ksd-design-launch.button,body #ksd-design-launch{
  background:var(--ink) !important;background-image:none !important;color:#fff !important;
  border:var(--bd) !important;border-radius:var(--r-pill) !important;box-shadow:none !important}
/* 納期カレンダー結果のハイライト */
.kdw-pdp .snsi-cal .snsi-result tr.snsi-hl th,
.kdw-pdp .snsi-cal .snsi-result tr.snsi-hl td{background:var(--accent-soft)}
/* 出荷予定日ボックス: 営業日数バッジ(青)→黒、受付注記(茶)→ミュート */
.kdw-pdp .snsi-cal .snsi-badge{background:var(--ink) !important;color:#fff !important;border-radius:4px}
.kdw-pdp .snsi-cal.snsi-compact .snsi-compact-lead-note{color:var(--muted)}
/* 納期カレンダー(コンパクト): 商品写真の下(左カラム)へ移設。角丸で軽く、余白/文字を圧縮 */
.kdw-pdp__gallery .snsi-cal.snsi-compact{margin-top:16px}
.kdw-pdp .snsi-cal.snsi-compact .snsi-card{border:1.5px solid var(--line-soft);border-radius:var(--r-card);overflow:hidden}
.kdw-pdp .snsi-cal.snsi-compact .snsi-compact-lead{padding:.85rem 1.1rem .95rem;background:var(--paper-soft)}
.kdw-pdp .snsi-cal.snsi-compact .snsi-compact-lead-date{font-size:1.25rem}
.kdw-pdp .snsi-cal.snsi-compact .snsi-compact-details>summary{padding:.62rem 1.1rem;font-size:.82rem}

/* 見積結果テーブルの視認性 + 選択行アクセントのオレンジ→黒 */
.kdw-pdp .shinsei-estimate-table{font-variant-numeric:tabular-nums}
.kdw-pdp .shinsei-estimate-table tbody tr.is-selected,
.kdw-pdp .shinsei-estimate-table tbody tr.is-selected.has-discount{box-shadow:inset 5px 0 0 var(--ink)}

/* 見積結果テーブル: 見やすさ整理（行リズム/ゼブラ/見積額を主役・単価を控えめ） */
.kdw-pdp .shinsei-estimate-table td,
.kdw-pdp .shinsei-estimate-table th{padding-top:11px;padding-bottom:11px}
.kdw-pdp .shinsei-estimate-table tbody tr:nth-child(even):not(.is-selected):not(.has-discount){background:var(--paper-soft)}
.kdw-pdp .shinsei-estimate-table td.best-total{color:var(--ink);font-weight:800;font-size:1.02em}
.kdw-pdp .shinsei-estimate-table td.best-unit{color:var(--muted)}
/* 選択行の数量セルを強調(ラベルは付けない) */
.kdw-pdp .shinsei-estimate-table tbody tr.is-selected td:first-child{font-weight:800}
