/* ============================================================
   Muimeisan v2.3.0 · ADOPTABLES IVORY / GOLD SITE SKIN
   Site-only presentation layer. Does not change Adoptables logic.
   ============================================================ */

:root{
  --mora-char-paper:#fbf6ed;
  --mora-char-paper-2:#f2e8d9;
  --mora-char-paper-3:#eadbc7;
  --mora-char-ink:#21170f;
  --mora-char-soft:#75614e;
  --mora-char-soft-2:#9a7e60;
  --mora-char-gold:#c7903c;
  --mora-char-gold-2:#e4b65f;
  --mora-char-line:rgba(173,121,54,.28);
  --mora-char-line-strong:rgba(173,121,54,.58);
  --mora-char-dark:#100b08;
  --mora-char-dark-2:#1b120c;
}

/* Dark museum frame around dedicated Character / Adoptable pages. */
body.mui-character-site .mora-page:has(.mui-adopt),
body.mui-character-site .mora-page:has(.mui-atelier){
  width:min(1540px,calc(100vw - 28px));
  margin:16px auto 72px;
  padding:14px;
  border:1px solid rgba(199,144,60,.38);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%,rgba(214,164,83,.08),transparent 30%),
    linear-gradient(180deg,#130d09 0%,#0b0806 100%);
  box-shadow:0 26px 70px rgba(0,0,0,.34);
}
body.mui-character-site .mora-page:has(.mui-adopt)::before,
body.mui-character-site .mora-page:has(.mui-atelier)::before{
  content:"";
  display:block;
  height:1px;
  margin:0 0 12px;
  background:linear-gradient(90deg,transparent,var(--mora-char-gold),transparent);
  opacity:.7;
}
body.mui-character-site .mora-page:has(.mui-adopt) > article,
body.mui-character-site .mora-page:has(.mui-atelier) > article{
  margin:0;
}

/* Warm ivory gallery island. */
body.mui-character-site .mui-atelier,
body.mui-character-site .mui-adopt{
  --mca-paper:var(--mora-char-paper);
  --mca-paper-2:var(--mora-char-paper-2);
  --mca-ink:var(--mora-char-ink);
  --mca-soft:var(--mora-char-soft);
  --mca-line:var(--mora-char-line);
  --mca-line-strong:var(--mora-char-line-strong);
  --mca-accent:var(--mora-char-gold);

  --ma-accent:var(--mora-char-gold);
  --ma-heading:var(--mora-char-ink);
  --ma-text:#39291c;
  --ma-muted:var(--mora-char-soft);
  --ma-card:var(--mora-char-paper);
  --ma-card2:var(--mora-char-paper-2);
  --ma-border:#d4b27d;
  --ma-button:var(--mora-char-dark-2);
  --ma-button2:var(--mora-char-dark);
  --ma-button-text:#f4c976;
  --ma-input-bg:#fffaf2;
  --ma-input-text:var(--mora-char-ink);
  --ma-badge-bg:var(--mora-char-dark);
  --ma-badge-text:#f0c46f;
  --ma-alert-bg:#f3e8d7;
  --ma-alert-text:#493523;
  --ma-success-border:#87966c;
  --ma-error-border:#b56f62;

  color:var(--mora-char-ink)!important;
  background:
    radial-gradient(circle at 85% 5%,rgba(214,164,83,.10),transparent 25%),
    linear-gradient(180deg,#fffaf2 0%,#f7efe3 100%)!important;
  border:1px solid var(--mora-char-line-strong)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.58),
    0 16px 40px rgba(40,25,13,.08)!important;
}

body.mui-character-site .mora-page .mui-adopt,
body.mui-character-site .mora-page .mui-atelier{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(28px,4.5vw,58px)!important;
  border-radius:18px!important;
}

/* Embedded Atelier on Home keeps the same signature paper tone. */
body.mui-character-site .mora-home .mui-atelier{
  width:var(--mora-wide)!important;
  margin:34px auto!important;
  padding:clamp(26px,4vw,48px)!important;
  border-radius:20px!important;
}

/* Typography / hero */
body.mui-character-site .mui-adopt-hero{
  padding:4px 0 28px!important;
  margin-bottom:0!important;
  border-bottom:1px solid var(--mora-char-line)!important;
}
body.mui-character-site .mui-adopt-hero>span,
body.mui-character-site .mui-adopt-code,
body.mui-character-site .mui-atelier-head>div>span{
  color:var(--mora-char-gold)!important;
  letter-spacing:.14em!important;
}
body.mui-character-site .mui-adopt-hero h1,
body.mui-character-site .mui-adopt-hero h2,
body.mui-character-site .mui-adopt-hero h3,
body.mui-character-site .mui-atelier-head h1,
body.mui-character-site .mui-atelier-head h2{
  color:var(--mora-char-ink)!important;
  font-family:var(--mora-font)!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
}
body.mui-character-site .mui-adopt-hero p,
body.mui-character-site .mui-atelier-head p,
body.mui-character-site .mui-adopt-muted,
body.mui-character-site .mui-adopt-small{
  color:var(--mora-char-soft)!important;
}

/* Navigation becomes a clean editorial tab row. */
body.mui-character-site .mui-adopt-nav,
body.mui-character-site .mui-atelier-nav{
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  padding:16px 0!important;
  margin:0 0 28px!important;
  border-bottom:1px solid var(--mora-char-line)!important;
  overflow:auto!important;
  white-space:nowrap!important;
}
body.mui-character-site .mui-adopt-nav a,
body.mui-character-site .mui-atelier-nav a{
  flex:0 0 auto!important;
  padding:7px 0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#604b38!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
body.mui-character-site .mui-adopt-nav a:hover,
body.mui-character-site .mui-atelier-nav a:hover{
  color:var(--mora-char-gold)!important;
  border-bottom:2px solid var(--mora-char-gold)!important;
}

/* Product / collector cards: restrained paper cards, image-first. */
body.mui-character-site .mui-adopt-grid,
body.mui-character-site .mui-adopt-collector-grid{
  gap:16px!important;
  background:transparent!important;
}
body.mui-character-site .mui-adopt-card,
body.mui-character-site .mui-adopt-collector-card,
body.mui-character-site .mui-series-card,
body.mui-character-site .mui-atelier-card{
  border:1px solid var(--mora-char-line)!important;
  border-radius:14px!important;
  background:rgba(255,250,242,.76)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.mui-character-site .mui-adopt-card:hover,
body.mui-character-site .mui-atelier-card:hover{
  border-color:var(--mora-char-line-strong)!important;
  transform:translateY(-1px);
}
body.mui-character-site .mui-adopt-media,
body.mui-character-site .mui-adopt-passport-image,
body.mui-character-site .mui-atelier-card__media,
body.mui-character-site .mui-atelier-today__image{
  background:#eadfce!important;
}
body.mui-character-site .mui-adopt-media>span,
body.mui-character-site .mui-adopt-status{
  background:rgba(18,12,8,.94)!important;
  border:1px solid rgba(220,171,90,.72)!important;
  color:#f0c46f!important;
  border-radius:999px!important;
}
body.mui-character-site .mui-adopt-copy h2,
body.mui-character-site .mui-adopt-copy h2 a,
body.mui-character-site .mui-adopt-price,
body.mui-character-site .mui-adopt-collector-card b{
  color:var(--mora-char-ink)!important;
}
body.mui-character-site .mui-adopt-price{font-weight:850!important}

/* Passport / rights / history / panels */
body.mui-character-site .mui-adopt-passport-data,
body.mui-character-site .mui-adopt-panel,
body.mui-character-site .mui-adopt-terms article,
body.mui-character-site .mui-adopt-guide article{
  border:1px solid var(--mora-char-line)!important;
  border-radius:12px!important;
  background:rgba(255,250,242,.70)!important;
  box-shadow:none!important;
}
body.mui-character-site .mui-adopt-panel h2,
body.mui-character-site .mui-adopt-terms h2,
body.mui-character-site .mui-adopt-guide h2,
body.mui-character-site .mui-adopt-passport-data dd{
  color:var(--mora-char-ink)!important;
}
body.mui-character-site .mui-adopt-passport-data dt,
body.mui-character-site .mui-adopt-owner,
body.mui-character-site .mui-adopt-terms p,
body.mui-character-site .mui-adopt-guide p,
body.mui-character-site .mui-adopt-history small{
  color:var(--mora-char-soft)!important;
}
body.mui-character-site .mui-adopt-owner-box{
  padding:14px 16px!important;
  border-left:3px solid var(--mora-char-gold)!important;
  background:rgba(199,144,60,.07)!important;
}
body.mui-character-site .mui-adopt-rights span,
body.mui-character-site .mui-adopt-badges span{
  border:1px solid var(--mora-char-line)!important;
  border-radius:999px!important;
  background:#fff9ef!important;
  color:#5b4531!important;
}
body.mui-character-site .mui-adopt-rights span.yes{
  border-color:rgba(172,119,49,.52)!important;
  color:#5f421d!important;
}
body.mui-character-site .mui-adopt-history>div{
  border-bottom:1px solid var(--mora-char-line)!important;
}

/* Auction guide numbers exactly match the black/gold reference. */
body.mui-character-site .mui-adopt-guide article{
  grid-template-columns:48px 1fr!important;
  align-items:start!important;
  padding:18px 0!important;
  border-width:0 0 1px 0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.mui-character-site .mui-adopt-guide article>span{
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  background:var(--mora-char-dark)!important;
  border:1px solid var(--mora-char-gold)!important;
  color:#e5b45e!important;
  box-shadow:0 0 0 2px rgba(199,144,60,.08)!important;
}

/* Auction summaries */
body.mui-character-site .mui-adopt-auction-summary{
  gap:1px!important;
  background:var(--mora-char-line)!important;
  border:1px solid var(--mora-char-line)!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
body.mui-character-site .mui-adopt-auction-summary>div{
  border:0!important;
  border-radius:0!important;
  background:#fff9f0!important;
}
body.mui-character-site .mui-adopt-auction-summary span{color:var(--mora-char-soft)!important}
body.mui-character-site .mui-adopt-auction-summary b{color:var(--mora-char-ink)!important}

/* Forms */
body.mui-character-site .mui-adopt-form label{color:#674f39!important;font-weight:650!important}
body.mui-character-site .mui-adopt-form input,
body.mui-character-site .mui-adopt-form select,
body.mui-character-site .mui-adopt-form textarea{
  background:#fffaf2!important;
  color:var(--mora-char-ink)!important;
  border:1px solid #d7bd96!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.mui-character-site .mui-adopt-form input:focus,
body.mui-character-site .mui-adopt-form select:focus,
body.mui-character-site .mui-adopt-form textarea:focus{
  outline:none!important;
  border-color:var(--mora-char-gold)!important;
  box-shadow:0 0 0 3px rgba(199,144,60,.10)!important;
}

/* Buttons */
body.mui-character-site .mui-adopt-button{
  border:1px solid #5a3c20!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#24170e,#120c08)!important;
  color:#f0c46f!important;
  box-shadow:none!important;
  font-weight:800!important;
}
body.mui-character-site .mui-adopt-button:hover{filter:brightness(1.08)}
body.mui-character-site .mui-adopt-button.alt{
  background:transparent!important;
  border-color:var(--mora-char-gold)!important;
  color:#6b4a21!important;
}
body.mui-character-site .mui-adopt-link{color:#8a5f28!important}

/* Alerts */
body.mui-character-site .mui-adopt-alert,
body.mui-character-site .mui-adopt-empty{
  border:1px solid var(--mora-char-line)!important;
  border-radius:10px!important;
  background:#f2e7d6!important;
  color:#4d3825!important;
}
body.mui-character-site .mui-adopt-alert.is-ok{border-left:4px solid #81946c!important}
body.mui-character-site .mui-adopt-alert.is-error{border-left:4px solid #b46a5e!important}

/* Atelier elements use the same palette, keeping site-exclusive minimalism. */
body.mui-character-site .mui-atelier-head,
body.mui-character-site .mui-atelier-nav,
body.mui-character-site .mui-atelier-stats,
body.mui-character-site .mui-atelier-section,
body.mui-character-site .mui-atelier-foot,
body.mui-character-site .mui-atelier-collector-section{
  border-color:var(--mora-char-line)!important;
}
body.mui-character-site .mui-atelier-stats b,
body.mui-character-site .mui-atelier-card h3,
body.mui-character-site .mui-series-card h3,
body.mui-character-site .mui-atelier-today__copy h2,
body.mui-character-site .mui-atelier-collector-head h2,
body.mui-character-site .mui-atelier-collector-copy h3{
  color:var(--mora-char-ink)!important;
}
body.mui-character-site .mui-atelier-meta,
body.mui-character-site .mui-atelier-owner,
body.mui-character-site .mui-atelier-card__copy p,
body.mui-character-site .mui-atelier-today__copy p,
body.mui-character-site .mui-atelier-collector-head p,
body.mui-character-site .mui-atelier-collector-copy p{
  color:var(--mora-char-soft)!important;
}
body.mui-character-site .mui-atelier-action--primary{
  background:var(--mora-char-dark)!important;
  color:#f0c46f!important;
  border-color:var(--mora-char-dark)!important;
}
body.mui-character-site .mui-atelier-action--secondary,
body.mui-character-site .mui-atelier-today-save{
  color:var(--mora-char-ink)!important;
  border-color:var(--mora-char-line-strong)!important;
}

/* Unified collector section inside character pages. */
body.mui-character-site .mui-atelier-collector-section{
  --mca-paper:var(--mora-char-paper);
  --mca-paper-2:var(--mora-char-paper-2);
  --mca-ink:var(--mora-char-ink);
  --mca-soft:var(--mora-char-soft);
  --mca-line:var(--mora-char-line);
  --mca-line-strong:var(--mora-char-line-strong);
}
body.mui-character-site .mui-atelier-collector-grid{
  gap:12px!important;
  background:transparent!important;
}
body.mui-character-site .mui-atelier-collector-card{
  border:1px solid var(--mora-char-line)!important;
  border-radius:12px!important;
  background:#fffaf2!important;
  overflow:hidden!important;
}

/* Mobile: keep the paper panel breathing without clipping Thai text. */
@media(max-width:760px){
  body.mui-character-site .mora-page:has(.mui-adopt),
  body.mui-character-site .mora-page:has(.mui-atelier){
    width:calc(100vw - 12px);
    padding:6px;
    margin-top:8px;
    border-radius:14px;
  }
  body.mui-character-site .mora-page .mui-adopt,
  body.mui-character-site .mora-page .mui-atelier,
  body.mui-character-site .mora-home .mui-atelier{
    padding:24px 16px!important;
    border-radius:10px!important;
  }
  body.mui-character-site .mui-adopt-nav,
  body.mui-character-site .mui-atelier-nav{gap:20px!important}
}