/* =========================================================
 * 白基調：各ページ専用デザインの調整（ページの上部見出しと最下部の予約案内は黒のまま、
 * 本文は白基調。最上位の Gtechniq／Bespoke だけは黒で残す）
 * 本文中の色そのものは「本文の色の置き換え表」で白地用に置き換えている
 * ========================================================= */
/* ===== 手洗い洗車（/wash/・.gwp）・DEEP CLEAN（/detailing/）共通の作り ===== */
html body.gloss-light .gwp{--ink:#2A2A2A;--ink-soft:#4A4740;--ink-muted:#77736B;--gold-light:#8A6D24;--cream:#FAF8F3;--cream-dark:#FFFFFF;--white:#FFFFFF;--line:rgba(184,148,58,0.38)}
/* 黒のまま残す帯：ページ上部の見出し・その下の一言・最下部の予約案内 */
html body.gloss-light .gwp .gw-header,
html body.gloss-light .gwp>div[style*="background:#111"]{--ink:#f0ede8;--ink-soft:#d0cdc8;--ink-muted:#9a9790;--gold-light:#d4b068;--cream:#2a2a2a;--white:#3a3a3a}
/* カード */
html body.gloss-light .gwp .menu-card{box-shadow:0 1px 0 rgba(42,42,42,.03)}
html body.gloss-light .gwp .menu-card.premier{background:#FFFFFF;border-color:rgba(184,148,58,.75);box-shadow:0 0 0 1px rgba(184,148,58,.25)}
html body.gloss-light .gwp .menu-card.premier .card-name-en,
html body.gloss-light .gwp .menu-card.premier .spec-value{color:var(--ink)}
html body.gloss-light .gwp .menu-card.premier .card-name-jp,
html body.gloss-light .gwp .menu-card.premier .spec-label,
html body.gloss-light .gwp .menu-card.premier .product-origin{color:var(--ink-muted)}
html body.gloss-light .gwp .menu-card.premier .product-tag{background:rgba(184,148,58,.08);color:var(--ink-soft)}
html body.gloss-light .gwp .menu-card.premier .price-table th{color:var(--ink-muted)!important;border-bottom-color:var(--line)!important}
html body.gloss-light .gwp .menu-card.premier .price-table td{color:var(--ink)!important;border-bottom-color:rgba(184,148,58,.15)!important}
html body.gloss-light .gwp .menu-card.premier .price-table td:last-child{color:#8A6D24!important}
html body.gloss-light .gwp .menu-card.premier .process-list li{color:var(--ink-soft);border-color:rgba(184,148,58,.15)}
html body.gloss-light .gwp .spec-item{background:#FAF8F3}
html body.gloss-light .gwp .menu-card.premier .spec-item{background:rgba(184,148,58,.07)}
html body.gloss-light .gwp .product-tag{background:#FAF8F3}
/* 薄い白文字の指定を、白地用の濃さに */
html body.gloss-light .gwp [style*="rgba(255,255,255,0.25)"]{color:rgba(42,42,42,.55)!important}
html body.gloss-light .gwp [style*="rgba(255,255,255,0.55)"]{color:rgba(42,42,42,.72)!important}
html body.gloss-light .gwp .footer-sub{color:var(--ink-muted)!important}
/* コーティング施工済みのお客様へ（表の見出しの金文字を読みやすく） */
html body.gloss-light .gwp .option-section{background:#FFFFFF!important}
html body.gloss-light .gwp .option-section th{color:#8A6D24!important;background:rgba(184,148,58,.07)!important}
html body.gloss-light .gwp .menu-card.premier .card-reserve{background:#b8943a}

/* ===== DEEP CLEAN（/detailing/・.gdp） ===== */
html body.gloss-light .gdp{--ink:#2A2A2A;--ink-soft:#4A4740;--ink-muted:#77736B;--gold-light:#8A6D24;--cream:#FAF8F3;--cream-dark:#FFFFFF;--white:#FFFFFF;--line:rgba(184,148,58,0.38)}
html body.gloss-light .gdp .gd-header{--ink:#f0ede8;--ink-soft:#d0cdc8;--ink-muted:#9a9790;--gold-light:#d4b068;--cream:#2a2a2a;--white:#3a3a3a}
html body.gloss-light .gdp .main-card{background:#FFFFFF;border-color:rgba(184,148,58,.6)}
html body.gloss-light .gdp .main-card .card-name-en,
html body.gloss-light .gdp .main-card .spec-value{color:#2A2A2A}
html body.gloss-light .gdp .main-card .card-name-jp{color:#77736B!important}
html body.gloss-light .gdp .main-card .spec-label{color:#77736B!important}
html body.gloss-light .gdp .spec-item{background:rgba(184,148,58,.07)}
html body.gloss-light .gdp .process-list li{color:#4A4740}
html body.gloss-light .gdp .price-table th{color:#77736B!important}
html body.gloss-light .gdp .price-table td{color:#2A2A2A!important;border-bottom-color:rgba(184,148,58,.15)!important}
html body.gloss-light .gdp .footer-sub{color:#77736B!important}
html body.gloss-light .gdp [style*="rgba(255,255,255,0.25)"]{color:rgba(42,42,42,.55)!important}
html body.gloss-light .gdp [style*="rgba(255,255,255,0.55)"]{color:rgba(42,42,42,.72)!important}

/* ===== コーティング（/coating-menu/・.gcw） ===== */
html body.gloss-light .gcw{--dark:#FAF8F3;--dark2:#FFFFFF;--white:#2A2A2A;--gold-light:#8A6D24}
html body.gloss-light .gcw .process-section,
html body.gloss-light .gcw .course-detail:nth-child(even){background:#F3EFE6}
html body.gloss-light .gcw .subnav{border-bottom-color:#E4DFD4}
html body.gloss-light .gcw .btn-primary,
html body.gloss-light .gcw .consult-btn{color:#1A1A1A}
html body.gloss-light .gcw .course-card{border-color:#E4DFD4}
/* 上部の見出し：黒のまま */
html body.gloss-light .gcw .hero{--white:#fff;--gold-light:#d4b068}
html body.gloss-light .gcw .hero .hero-desc{color:rgba(255,255,255,.8)!important}
html body.gloss-light .gcw .hero .btn-secondary{border-color:rgba(255,255,255,.3)}
/* 最上位（Gtechniq／Bespoke）だけ黒 */
html body.gloss-light .gcw .bespoke,
html body.gloss-light .gcw .course-card.premium{--white:#fff;--gold-light:#d4b068;background:#141414}
html body.gloss-light .gcw .course-card.premium{border-color:rgba(184,148,58,.6)}
html body.gloss-light .gcw .bespoke .bespoke-sub,
html body.gloss-light .gcw .bespoke .bespoke-price-sub,
html body.gloss-light .gcw .course-card.premium .brand-jp,
html body.gloss-light .gcw .course-card.premium .card-price-sub{color:rgba(255,255,255,.5)!important}
html body.gloss-light .gcw .bespoke .bespoke-desc,
html body.gloss-light .gcw .bespoke .bespoke-targets li,
html body.gloss-light .gcw .course-card.premium .card-catch,
html body.gloss-light .gcw .course-card.premium .spec-list li{color:rgba(255,255,255,.72)!important;border-bottom-color:rgba(255,255,255,.08)}
html body.gloss-light .gcw .course-card.premium .spec-list li.hl{color:rgba(255,255,255,.9)!important}
html body.gloss-light .gcw .course-card.premium .coverage-full{color:#d4b068}
html body.gloss-light .gcw .course-card.premium .coverage-body-only{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.15)}
html body.gloss-light .gcw .course-card.premium .detail-link{color:#d4b068}
/* 薄い金文字を読みやすく */
html body.gloss-light .gcw .product-name,
html body.gloss-light .gcw .detail-link,
html body.gloss-light .gcw .spec-label,
html body.gloss-light .gcw .spec-box-label,
html body.gloss-light .gcw .features-title,
html body.gloss-light .gcw .course-no-label,
html body.gloss-light .gcw .bespoke-eyebrow,
html body.gloss-light .gcw .bespoke-price-label{color:#8A6D24}
html body.gloss-light .gcw .size-table th,
html body.gloss-light .gcw .price-table th{color:#8A6D24}
html body.gloss-light .gcw .size-table td.price-sub{color:#9A7B30}
html body.gloss-light .gcw .opt-card{background:#FFFFFF}
html body.gloss-light .gcw .faq-item{background:transparent}
html body.gloss-light .gcw .hero .hero-btns span:not([style*="background"]),
html body.gloss-light .gcw .hero .hero-btns a:not([style*="background"]){color:#fff!important;border-color:rgba(255,255,255,.3)!important}

/* ===== PPF（/ppf/・.gpp） ===== */
html body.gloss-light .gpp{--ink:#2A2A2A;--ink-soft:#4A4740;--ink-muted:#77736B;--dark:#FAF8F3;--dark2:#FFFFFF;--white:#2A2A2A;--gold-light:#8A6D24}
html body.gloss-light .gpp .brand-section,
html body.gloss-light .gpp .notes-section,
html body.gloss-light .gpp .price-section:nth-child(even){background:#F3EFE6}
html body.gloss-light .gpp .hero,
html body.gloss-light .gpp .cta-section{--ink:#f0ede8;--ink-soft:#d0cdc8;--ink-muted:#9a9790;--white:#fff;--gold-light:#d4b068;color:#f0ede8}
html body.gloss-light .gpp .cta-section{background:#141414}
html body.gloss-light .gpp .hero .hero-desc,
html body.gloss-light .gpp .cta-section .cta-desc{color:rgba(255,255,255,.78)!important}
html body.gloss-light .gpp .cta-section a:not([style*="background"]):not(.btn-primary){color:#f0ede8!important;border-color:rgba(255,255,255,.3)!important}

/* ===== オプション（/option/・.gop） ===== */
html body.gloss-light .gop{--dark:#FAF8F3;--dark2:#FFFFFF;--white:#2A2A2A;--gold-light:#8A6D24;background:#FAF8F3}
html body.gloss-light .gop .opt-section:nth-child(even){background:#F3EFE6}
html body.gloss-light .gop .go-subnav{background:#FFFFFF;border-bottom:1px solid #E4DFD4}
html body.gloss-light .gop .go-hero{--white:#fff;--gold-light:#d4b068}
html body.gloss-light .gop .go-hero .hero-desc,
html body.gloss-light .gop .go-hero div[style]{color:rgba(255,255,255,.6)!important}
html body.gloss-light .gop .go-hero .hero-desc{color:rgba(255,255,255,.78)!important}
html body.gloss-light .gop .opt-table th{color:#8A6D24!important}
html body.gloss-light .gop .btn-primary{color:#1A1A1A}
html body.gloss-light .gop [style*="rgba(184,148,58,0.6)"]{color:#9A7B30!important}

/* ===== ルームクリーニング（/room-cleaning/） ===== */
html body.gloss-light.page-id-765{--dark:#FAF8F3;--dark2:#F3EFE6;--white:#2A2A2A;--gold-light:#8A6D24}
/* 上部は実際のサイトでは背景なし（白地）なので、文字を濃い色に */
html body.gloss-light.page-id-765 .entry-body .hero{--white:#2A2A2A;--gold-light:#8A6D24}
html body.gloss-light.page-id-765 .entry-body .hero :is(.hero-title-jp,.menu-list li span){color:#77736B!important}
html body.gloss-light.page-id-765 .entry-body .hero :is(.hero-desc,.menu-list,.menu-list li,.menu-list a){color:#4A4740!important}
html body.gloss-light.page-id-765 .entry-body .btn-primary,
html body.gloss-light.page-id-765 .entry-body .nav-btn{color:#1A1A1A}
html body.gloss-light.page-id-765 .entry-body .subnav{background:#FFFFFF;border-bottom:1px solid #E4DFD4}

/* ===== 料金表（/price/・.gpr） ===== */
html body.gloss-light .gpr{--bg:#FAF8F3;--bg2:#FFFFFF;--bg3:#F3EFE6;--text:#2A2A2A;--text-soft:#4A4740;--text-muted:#77736B;--gold-light:#8A6D24;--white:#2A2A2A}
html body.gloss-light .gpr .gp-hero{--gold-light:#d4b068}
html body.gloss-light .gpr .gp-hero .hero-title{color:#fff!important}
html body.gloss-light .gpr .gp-subnav{background:#FFFFFF;border-bottom:1px solid #E4DFD4}
html body.gloss-light .gpr .course-card{background:#FFFFFF;border-color:#E4DFD4}
html body.gloss-light .gpr .course-name{color:#2A2A2A}

/* ===== かんたん見積もり（/estimate/・.gest）：置き換え表だけで白基調になります ===== */


/* ===== 共通の調整（2026-10-05 実機確認分） ===== */
/* 専用デザインのページの表：テーマの枠線を消す */
html body.gloss-light :is(.gwp,.gdp,.gcw,.gpp,.gop,.gpr,.gest) table,
html body.gloss-light.page-id-765 .entry-body table{border:0!important}
html body.gloss-light :is(.gwp,.gdp,.gcw,.gpp,.gop,.gpr,.gest) :is(th,td),
html body.gloss-light.page-id-765 .entry-body :is(th,td){border-left:0!important;border-right:0!important;border-top:0!important}
/* オプション：レザーシートの席数を中央に */
html body.gloss-light .gop .opt-table td[style*="text-align:center"]{text-align:center!important}
html body.gloss-light .gop .opt-table td[rowspan]{vertical-align:middle}
/* 空の注意書き行を消す */
html body.gloss-light :is(.gwp,.gdp,.gcw,.gpp,.gop,.gpr,.gest) p:empty{display:none}
/* コーティング：ビスポークの「〜」 */
html body.gloss-light .gcw .bespoke .bespoke-price span{color:rgba(255,255,255,.5)!important}
