/* Yayoi storefront: warm surfaces, one coral shopping accent, readable navy. */
:root {
  --yayoi-navy: #293752;
  --yayoi-navy-deep: #202d45;
  --yayoi-coral: #c83246;
  --yayoi-coral-hover: #ad2538;
  --yayoi-yellow: #f2c65b;
  --yayoi-canvas: #fff9f6;
  --yayoi-surface: #ffffff;
  --yayoi-soft: #fff0eb;
  --yayoi-line: #e6d8d5;
  --yayoi-muted: #626b7a;
  --yayoi-success: #216a4b;
}
.shopping-theme {
  --yayoi-primary: var(--yayoi-coral);
  --yayoi-cream: var(--yayoi-canvas);
  --yayoi-sand: var(--yayoi-soft);
  --yayoi-ink: var(--yayoi-navy-deep);
  --yayoi-terracotta: var(--yayoi-coral);
  --yayoi-mist: var(--yayoi-yellow);
  --yayoi-batik-gold: var(--yayoi-yellow);
  --yayoi-tropical: var(--yayoi-navy);
  --yayoi-indonesia-red: var(--yayoi-coral);
  --violet: var(--yayoi-coral);
  --violet-dark: var(--yayoi-coral-hover);
  --navy: var(--yayoi-navy);
  --ink: var(--yayoi-navy-deep);
  --black: var(--yayoi-navy-deep);
  --muted: var(--yayoi-muted);
  --line: var(--yayoi-line);
  --canvas: var(--yayoi-canvas);
  --bg: var(--yayoi-canvas);
  --paper: var(--yayoi-surface);
  --soft: var(--yayoi-soft);
  --yellow: var(--yayoi-yellow);
  --success: var(--yayoi-success);
  --green: var(--yayoi-success);
  --home-violet: var(--yayoi-coral);
  --home-violet-dark: var(--yayoi-coral-hover);
  --home-violet-soft: var(--yayoi-soft);
  --home-ink: var(--yayoi-navy-deep);
  --home-muted: var(--yayoi-muted);
  --home-line: var(--yayoi-line);
  --home-canvas: var(--yayoi-canvas);
  --home-yellow: var(--yayoi-yellow);
  --card-blue: var(--yayoi-navy);
  --card-green: var(--yayoi-coral);
  --card-line: var(--yayoi-line);
  --card-muted: var(--yayoi-muted);
  background: var(--yayoi-canvas);
  color: var(--yayoi-navy-deep);
  accent-color: var(--yayoi-coral);
}
.shopping-theme ::selection { background: #ffe0d4; color: var(--yayoi-navy-deep); }
.shopping-theme :focus-visible { outline: 3px solid var(--yayoi-coral); outline-offset: 3px; }

/* Existing pages share the same palette without changing their shopping flow. */
.shopping-theme .utility, .shopping-theme .notice, .shopping-theme .home-utility,
.shopping-theme .en-utility { background: var(--yayoi-navy-deep) !important; color: #fff !important; }
.shopping-theme .topbar { background: var(--yayoi-navy-deep); color: #fff; }
.shopping-theme .market-logo::before { background: var(--yayoi-coral); }
.shopping-theme .market-links .market-cta { background: var(--yayoi-navy); color: #fff; }
.shopping-theme .nav, .shopping-theme .site-nav, .shopping-theme .home-header,
.shopping-theme .site-header, .shopping-theme .en-header { background: #fff !important; border-color: var(--yayoi-line) !important; }
.shopping-theme .nav a:not(.cta):not(.register), .shopping-theme .nav-links a:not(.cta),
.shopping-theme .links a:not(.register) { color: var(--yayoi-navy); }
.shopping-theme .nav a:hover, .shopping-theme .nav-links a:hover { color: var(--yayoi-coral); }
.shopping-theme .brand-mark, .shopping-theme .brand::before, .shopping-theme .logo::before {
  background: var(--yayoi-coral) !important;
}
.shopping-theme .hero, .shopping-theme .hero-main, .shopping-theme .search-hero,
.shopping-theme .home-hero { background: var(--yayoi-soft) !important; box-shadow: none; }
.shopping-theme .home-trust, .shopping-theme .home-section-soft { background: #fff3ee; }
.shopping-theme .dark, .shopping-theme .fees, .shopping-theme .aside,
.shopping-theme .intro:not(.article):not(.intro-shell), .shopping-theme .intro-shell,
.shopping-theme .home-section-dark, .shopping-theme .promo-card,
.shopping-theme .home-final-cta, .shopping-theme .cta { background: var(--yayoi-navy) !important; }
.shopping-theme .footer, .shopping-theme .home-footer, .shopping-theme .en-footer {
  background: var(--yayoi-navy-deep) !important; color: #e5eaf2 !important;
}
.shopping-theme .footer::before { background: var(--yayoi-coral); }

.shopping-theme .button:not(.light), .shopping-theme .submit, .shopping-theme .register,
.shopping-theme .register-link, .shopping-theme .nav-cta, .shopping-theme .upload,
.shopping-theme .invoice, .shopping-theme .request-button, .shopping-theme .search-form button,
.shopping-theme .home-button-primary, .shopping-theme .home-button-white,
.shopping-theme .nav-links .cta, .shopping-theme .links .register,
.shopping-theme .nav-button.primary,
.shopping-theme .add-cart-detail,
.shopping-theme .view, .shopping-theme .product-detail, .shopping-theme .product-body > a:last-child,
.shopping-theme .mobile-buy-bar button,
.shopping-theme button[type="submit"]:not(.wa-question-submit):not(.wa-dialog-submit) {
  background: var(--yayoi-coral) !important;
  border-color: var(--yayoi-coral) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.shopping-theme .button:not(.light):hover, .shopping-theme .submit:hover,
.shopping-theme .register:hover, .shopping-theme .upload:hover, .shopping-theme .invoice:hover,
.shopping-theme .request-button:hover, .shopping-theme .home-button-primary:hover,
.shopping-theme .home-button-white:hover, .shopping-theme .view:hover,
.shopping-theme .product-detail:hover, .shopping-theme .product-body > a:last-child:hover,
.shopping-theme .mobile-buy-bar button:hover,
.shopping-theme .add-cart-detail:hover,
.shopping-theme button[type="submit"]:not(.wa-question-submit):not(.wa-dialog-submit):hover {
  background: var(--yayoi-coral-hover) !important;
  border-color: var(--yayoi-coral-hover) !important;
}
.shopping-theme .button.light, .shopping-theme .home-button-light {
  background: #fff !important; border-color: var(--yayoi-line) !important; color: var(--yayoi-coral) !important;
}
.shopping-theme .request-link { background: var(--yayoi-soft); color: var(--yayoi-coral); border-color: var(--yayoi-line); box-shadow: none; }
.shopping-theme .pill-source { background: var(--yayoi-navy); }
.shopping-theme .thumbs img.active, .shopping-theme .thumbs img:hover { border-color: var(--yayoi-coral); }
.shopping-theme .section-heading > span { background: var(--yayoi-soft); color: var(--yayoi-coral); }
.shopping-theme .order-step b { background: var(--yayoi-coral); }
.shopping-theme #estimate { background: var(--yayoi-soft); color: var(--yayoi-coral); box-shadow: inset 4px 0 var(--yayoi-coral); }
.shopping-theme .detail-meta .info-box, .shopping-theme .reassurance-item { background: #fff; border-color: var(--yayoi-line); }
.shopping-theme .back-home:hover { background: var(--yayoi-coral); border-color: var(--yayoi-coral); color: #fff; }
.shopping-theme .eyebrow, .shopping-theme .home-kicker, .shopping-theme .stage,
.shopping-theme .success-market { color: var(--yayoi-coral) !important; }
.shopping-theme .fees .eyebrow, .shopping-theme .dark .eyebrow,
.shopping-theme .home-section-dark .home-kicker, .shopping-theme .promo-card .home-kicker,
.shopping-theme .home-final-cta .home-kicker { color: var(--yayoi-yellow) !important; }

/* Prices use the action accent; marketplace identity stays with its label/logo. */
.shopping-theme .price, .shopping-theme .product-price, .shopping-theme .yen-price,
.shopping-theme .item-price, .shopping-theme .en-price { color: var(--yayoi-coral) !important; }
.shopping-theme .price, .shopping-theme .product-price { background: var(--yayoi-soft); }
.shopping-theme .product, .shopping-theme .product-card { background: #fff !important; }
.shopping-theme .product:hover, .shopping-theme .product-card:hover,
.shopping-theme .market:hover, .shopping-theme .category:hover,
.shopping-theme .en-product-card:hover { border-color: var(--yayoi-coral) !important; }
.shopping-theme .category-v2-grid a:hover { background: var(--yayoi-soft); border-color: var(--yayoi-coral); }
.shopping-theme .tabs, .shopping-theme .toc-inner, .shopping-theme .toc nav,
.shopping-theme .hero-tabs { background: var(--yayoi-soft) !important; }
.shopping-theme .hero-tab.is-active { color: var(--yayoi-coral); }
.shopping-theme .rate-pill, .shopping-theme .cost-rate,
.shopping-theme .fee-special, .shopping-theme .promo-progress { background: #fff0c2 !important; color: #65501e !important; }
.shopping-theme .availability, .shopping-theme .success-status { background: #edf6f0 !important; color: var(--yayoi-success) !important; }
.shopping-theme .grand, .shopping-theme .estimate-box, .shopping-theme .cost-note,
.shopping-theme .meta div, .shopping-theme .package div, .shopping-theme .proof,
.shopping-theme .waiting, .shopping-theme .ems-estimator, .shopping-theme .ems-result,
.shopping-theme .checkout-flow, .shopping-theme .bank-account { background: var(--yayoi-soft) !important; }
.shopping-theme .account-gate { background: #fff; border-color: var(--yayoi-line); }
.shopping-theme .empty { background: #fff !important; border-color: var(--yayoi-line); }
.shopping-theme .gate-label, .shopping-theme .success b { background: var(--yayoi-soft); color: var(--yayoi-coral); }
.shopping-theme .shipping-option:has(input:checked), .shopping-theme .en-radio:has(input:checked) {
  border-color: var(--yayoi-coral); background: var(--yayoi-soft);
}
.shopping-theme input, .shopping-theme select, .shopping-theme textarea,
.shopping-theme .input-wrap, .shopping-theme .input-affix {
  background: #fff !important; border-color: #c8b9b6 !important; color: var(--yayoi-navy-deep) !important;
}
.shopping-theme input::placeholder, .shopping-theme textarea::placeholder { color: var(--yayoi-muted); }
.shopping-theme input:focus, .shopping-theme select:focus, .shopping-theme textarea:focus,
.shopping-theme .input-wrap:focus-within, .shopping-theme .input-affix:focus-within {
  border-color: var(--yayoi-coral) !important; box-shadow: 0 0 0 3px rgba(200,50,70,.12) !important;
}
.shopping-theme .language-switch { border-color: var(--yayoi-line); }
.shopping-theme .language-switch a { color: var(--yayoi-navy) !important; }
.shopping-theme .language-switch a[aria-current] { background: var(--yayoi-navy); color: #fff !important; }
.shopping-theme .language-switch a:focus-visible { outline-color: var(--yayoi-coral); }
.shopping-theme .en-hero { border-bottom: 3px solid var(--yayoi-coral); }
.shopping-theme .en-steps { background: var(--yayoi-soft); border-left-color: var(--yayoi-coral); }
.shopping-theme .en-market-links { background: #fff; }
.shopping-theme .en-cost-row.total { color: var(--yayoi-coral); }
.shopping-theme .en-cart-link { background: var(--yayoi-soft); border-color: var(--yayoi-line); }
/* Keep cart labels readable when navigation link styles also apply. */
.shopping-theme .nav .nav-account a.product-cart,
.shopping-theme .home-header .home-nav-links a.home-cart,
.shopping-theme .en-header .header-links a.en-cart-link {
  background: var(--yayoi-navy);
  border: 1px solid var(--yayoi-navy);
  border-radius: 9px;
  color: #fff;
  font-size: 12px;
  min-height: 44px;
  padding-inline: 12px;
}
.shopping-theme .nav .nav-account a.product-cart:hover,
.shopping-theme .nav .nav-account a.product-cart:focus-visible,
.shopping-theme .home-header .home-nav-links a.home-cart:hover,
.shopping-theme .home-header .home-nav-links a.home-cart:focus-visible,
.shopping-theme .en-header .header-links a.en-cart-link:hover,
.shopping-theme .en-header .header-links a.en-cart-link:focus-visible {
  background: var(--yayoi-navy-deep);
  border-color: var(--yayoi-navy-deep);
  color: #fff;
}
.shopping-theme .nav .nav-account a.product-cart::before { content: none; }
.shopping-theme .product-cart [data-cart-count],
.shopping-theme .home-cart [data-cart-count],
.shopping-theme .en-cart-link [data-cart-count] {
  background: var(--yayoi-coral);
  color: #fff;
}
.shopping-theme .en-button.secondary:hover { background: var(--yayoi-soft); border-color: var(--yayoi-coral); }
.shopping-theme .footer a:hover, .shopping-theme .home-footer a:hover,
.shopping-theme .en-footer a:hover { color: #ffd8cc !important; }
.shopping-theme .payment-stage-banner { background: var(--yayoi-surface); border-color: var(--yayoi-line); }
.shopping-theme .payment-stage-badge { background: var(--yayoi-navy); }

@media (max-width: 820px) {
  .shopping-theme .market-nav { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
  .shopping-theme .market-nav > .language-switch { grid-column: 2; grid-row: 1; }
  .shopping-theme .market-links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-end; }
  .shopping-theme .market-header-nav .nav-inner { flex-wrap: wrap; padding-block: 10px; gap: 12px; }
}

@media print {
  .shopping-theme { background: #fff; }
  .shopping-theme .en-price, .shopping-theme .price, .shopping-theme .product-price { color: var(--yayoi-navy-deep) !important; }
}

/* Order steps: shared by member and guest pages in both languages. */
.yayoi-order-flow{margin:18px 0;padding:18px;border:1px solid var(--line,#e6d8d5);border-radius:12px;background:#fff;color:#293752;overflow-wrap:anywhere}
.yayoi-order-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 0 18px}
.yayoi-order-steps li{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:700;color:#626b7a;min-width:0}
.yayoi-step-number{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #e6d8d5;border-radius:50%;font-size:12px;background:#fff9f6}
.yayoi-order-steps small{display:block;margin-top:3px;font-size:10px;font-weight:400}.yayoi-order-steps .current{color:#293752}.yayoi-order-steps .current .yayoi-step-number{background:#293752;color:#fff;border-color:#293752}.yayoi-order-steps .done .yayoi-step-number{background:#edf6f1;color:#216a4b;border-color:#cbe1d4}
.yayoi-order-next{padding:16px 0;border-block:1px solid #e6d8d5}.yayoi-order-next h3{margin:0 0 6px;font-size:18px}.yayoi-order-next p{margin:0;color:#626b7a;font-size:14px;line-height:1.65}
.yayoi-order-pay{display:inline-flex;justify-content:center;align-items:center;min-height:44px;margin-top:12px;padding:10px 16px;border-radius:8px;background:#c83246;color:#fff!important;text-decoration:none;font-weight:700;font-size:14px}.yayoi-order-pay:hover{background:#ad2538}.yayoi-order-pay:focus-visible{outline:3px solid #293752;outline-offset:3px}
.yayoi-order-invoices{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:14px}.yayoi-order-invoices small,.yayoi-order-invoices strong,.yayoi-order-invoices span{display:block}.yayoi-order-invoices small,.yayoi-order-invoices span{font-size:12px;color:#626b7a}.yayoi-order-invoices strong{font-size:18px;margin:5px 0}
.yayoi-order-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.yayoi-order-filters button{min-height:44px;padding:9px 14px;border:1px solid #e6d8d5;border-radius:8px;background:#fff;color:#293752;font:inherit;font-size:13px;cursor:pointer}.yayoi-order-filters button[aria-pressed=true]{background:#293752;border-color:#293752;color:#fff}.yayoi-order-filters button:focus-visible{outline:3px solid #c83246;outline-offset:3px}
@media(max-width:650px){.yayoi-order-steps{grid-template-columns:1fr;gap:10px}.yayoi-order-steps li{align-items:center}.yayoi-order-steps small{display:inline;margin-left:8px}.yayoi-order-flow{padding:14px}.yayoi-order-invoices{grid-template-columns:1fr;gap:14px}.yayoi-order-pay{width:100%}}
@media print{.yayoi-order-flow,.yayoi-order-filters{display:none}}

.order-dashboard .logo::before{content:none}.order-dashboard .logo img{display:block;width:174px;height:auto}.shopping-theme.order-dashboard .nav-actions .nav-link.primary{color:#fff;background:#c83246;box-shadow:none}.order-dashboard .badge{background:#fff0eb;color:#293752}.order-dashboard .item,.order-dashboard .weight-proof{background:#fff9f6}.order-dashboard .weight-proof{border-color:#e6d8d5}.en-order[hidden]{display:none}