/* === preview-tests.css (2026-05-09) ===
 * preview-only CSS test 母体 = page id whitelist (= 107691 / 107713) でのみ enqueue
 * convention: 全 selector は body.page-id-<id> で scope すること
 *   例: body.page-id-107691 .scn-cards-top3 { ... }
 *
 * Stage 2 (= 次 chain) で test CSS を append、 user 確認後に
 * 本番 selector (= body.page-id-4730 等) に書き換えて astra-child/style.css へ移行する
 */

/* === forvendor_lp brand-tone preview (= ?forvendor-brand=1 toggle, Phase A) === */
body.page-id-5136.preview-forvendor-brand .vendor-hero .icon-gradient-1 {
  background: linear-gradient(145deg, #2563eb, #1e40af) !important;
  box-shadow: 0 18px 45px rgba(37, 99, 235, .30) !important;
}
body.page-id-5136.preview-forvendor-brand .vendor-hero .status-badge::before,
body.page-id-5136.preview-forvendor-brand .vendor-hero .floating-badge,
body.page-id-5136.preview-forvendor-brand .vendor-hero .particle,
body.page-id-5136.preview-forvendor-brand .hero-badge::before,
body.page-id-5136.preview-forvendor-brand .hero-badge,
body.page-id-5136.preview-forvendor-brand .hero-title,
body.page-id-5136.preview-forvendor-brand .hero-subtitle,
body.page-id-5136.preview-forvendor-brand .feature-icon::before,
body.page-id-5136.preview-forvendor-brand .particle,
body.page-id-5136.preview-forvendor-brand .reward-percentage,
body.page-id-5136.preview-forvendor-brand .reward-percentage::before,
body.page-id-5136.preview-forvendor-brand .highlight-text,
body.page-id-5136.preview-forvendor-brand .decorative-line,
body.page-id-5136.preview-forvendor-brand .section-title {
  animation: none !important;
}