/* ==========================================================================
   assets/css/irowa.css — 彩和の面（一覧・和の御膳ページ・注文アプリ）— 2026-10-25 haluu「ロゴに合わせて全面刷新・統一感を優先」
   LP v7（irowa/v7.css）と同じ色と部品。琳蘭のサイトの枠（ヘッダー・フッター・中華の棚）は触らない。
   狙う場所は3つだけ:
     ① .page-irowa .bento-hero          … 和の御膳ページの題（ロゴ）
     ② .series-section[data-series="wa"] … 和のカード（menu-render.js が既に出している印）
     ③ .store-divider--kanban / .menu-pick__logo … 区切りと入口の看板（menu-render.js の logo / dividerKanban）
   ========================================================================== */
:root{
  --iw-sumi:#1b1814; --iw-soft:#4f473d; --iw-washi:#fdfbf6; --iw-kinari:#f8f5ee; --iw-kinari2:#f1ebdf;
  --iw-kin:#9c7843; --iw-kin-md:#b88842; --iw-kin-lt:#dbbd8b; --iw-kin-hi:#efdfb9;
  --iw-shu:#9a1822; --iw-midori:#2c3f2f; --iw-keisen:#e2d6bf;
  --iw-haku:linear-gradient(115deg,#8a6a35 0%,#d9bb84 18%,#f4e6c3 32%,#b88842 50%,#e9d3aa 66%,#fbf1d6 78%,#9c7843 100%);
  --iw-haku-line:linear-gradient(90deg,transparent,#b88842 12%,#f4e6c3 40%,#9c7843 62%,#e9d3aa 84%,transparent);
  --iw-min:"Hina Mincho","Yu Mincho","Hiragino Mincho ProN",serif;
  --iw-washi-bg:
    repeating-linear-gradient(90deg,rgba(156,120,67,.035) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(0deg,rgba(156,120,67,.022) 0 1px,transparent 1px 4px),
    radial-gradient(ellipse 60% 50% at 18% 26%,rgba(184,136,66,.06),transparent 70%),
    radial-gradient(ellipse 55% 45% at 84% 76%,rgba(184,136,66,.05),transparent 70%);
}

/* ── ① 和の御膳ページの題 ── */
.page-irowa .bento-hero{position:relative;overflow:hidden;background-color:var(--iw-washi);background-image:var(--iw-washi-bg);
  border-bottom:0;padding:clamp(18px,2.6vw,34px) 0 clamp(22px,2.6vw,32px)}
.page-irowa .bento-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--iw-haku-line)}
.page-irowa .bento-hero h1{font-family:var(--iw-min);font-weight:400;color:var(--iw-sumi)}
.page-irowa .bento-hero h1 .mr-h1-eyebrow{font-family:"Noto Sans JP",sans-serif;font-size:12px;letter-spacing:.3em;color:var(--iw-midori);opacity:1;margin-bottom:4px}
.mr-h1-kanban--logo{display:block;margin:0 auto}
.mr-h1-kanban--logo img{display:block;width:clamp(150px,17vw,210px);height:auto;margin:0 auto;
  filter:drop-shadow(0 6px 18px rgba(125,95,46,.12))}
.page-irowa .bento-hero h1 .mr-h1-sub{font-size:clamp(17px,1.9vw,21px);letter-spacing:.2em;margin-top:2px}
.page-irowa .bento-hero h1 .mr-h1-sub::after{content:"";display:block;width:64px;height:2px;margin:10px auto 0;background:var(--iw-haku-line)}
.page-irowa .bento-hero__lead{font-family:var(--iw-min);color:var(--iw-soft);font-size:14.5px;letter-spacing:.05em}
.page-irowa .deadline-banner{background:rgba(255,255,255,.7);border-color:var(--iw-kin-lt)}
.page-irowa .deadline-banner__label{background:var(--iw-sumi);color:var(--iw-kin-hi)}
/* 麻の葉の半月（ロゴの右肩の文様） */
.page-irowa .bento-hero::before{content:"";position:absolute;right:-90px;top:50%;transform:translateY(-50%);width:360px;height:360px;border-radius:50%;
  background:url(../images/wa/asanoha.svg) 0 0/40px auto;opacity:.2;
  -webkit-mask:radial-gradient(circle,transparent 46%,#000 47%,#000 70%,transparent 71%);mask:radial-gradient(circle,transparent 46%,#000 47%,#000 70%,transparent 71%)}
@media(max-width:640px){
  .page-irowa .bento-hero::before{display:none}
  .page-irowa .bento-hero--compact .bento-hero__lead{display:block;font-size:12.5px}
}

/* ── ② 和のカード ── */
.series-section[data-series="wa"] .series-head{border-bottom:0;position:relative}
.series-section[data-series="wa"] .series-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--iw-haku-line)}
.series-section[data-series="wa"] .series-head h2{font-family:var(--iw-min);font-weight:400;letter-spacing:.16em}
.series-section[data-series="wa"] .series-head h2::before{background:var(--iw-haku);width:4px}
.series-section[data-series="wa"] .bento-card{background:var(--iw-washi);border-color:var(--iw-keisen);
  box-shadow:0 10px 24px -20px rgba(61,45,20,.55)}
.series-section[data-series="wa"] .bento-card:hover{box-shadow:0 0 0 1px var(--iw-kin-lt),0 14px 28px -18px rgba(61,45,20,.5)}
.series-section[data-series="wa"] .bento-card__photo{border-bottom:2px solid transparent;
  border-image:var(--iw-haku-line) 1}
.series-section[data-series="wa"] .bento-card__name{font-family:var(--iw-min);font-weight:400;font-size:14.5px;letter-spacing:.06em}
.series-section[data-series="wa"] .bento-card__source{color:var(--iw-midori);border-color:var(--iw-midori);background:transparent}
.series-section[data-series="wa"] .bento-card__tag{background:var(--iw-kinari2);color:var(--iw-soft)}
.series-section[data-series="wa"] .bento-card__price{font-family:"Cormorant Garamond",var(--iw-min);font-size:19px;color:var(--iw-shu)}
.series-section[data-series="wa"] .bento-card__more{color:var(--iw-kin)}
@media(max-width:560px){
  .series-section[data-series="wa"] .bento-card__name{font-size:12.5px}
  .series-section[data-series="wa"] .bento-card__price{font-size:16px}
}

/* ── ③ 区切りの看板（一覧・注文アプリで中華の後に和が始まるところ） ── */
.store-divider--kanban{display:flex;flex-direction:column;align-items:center;gap:2px;border-top:0;border-bottom:0;
  position:relative;padding:18px 0 16px;background-color:var(--iw-washi);background-image:var(--iw-washi-bg)}
.store-divider--kanban::before,.store-divider--kanban::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--iw-haku-line)}
.store-divider--kanban::before{top:0}.store-divider--kanban::after{bottom:0}
.store-divider__logo{width:92px;height:92px}
.store-divider__kanban{font-family:var(--iw-min);font-size:22px;letter-spacing:.3em;color:var(--iw-sumi);line-height:1.3}
.store-divider__kanban small{font-family:"Noto Sans JP",sans-serif;font-size:10px;letter-spacing:.3em;color:var(--iw-kin);margin-left:.4em;vertical-align:middle}
.store-divider--kanban .store-divider__label{background:transparent;font-family:var(--iw-min);font-size:13px;color:var(--iw-soft);padding:0}
.store-divider--kanban:first-child{padding-top:18px}

/* 入口（中華・お肉｜和）の和の面にロゴ。menu-render.js が後から差し込む CSS に勝つよう .menu-pick を重ねる */
.menu-pick .menu-pick__opt--logo{background-color:var(--iw-washi);background-image:var(--iw-washi-bg);color:var(--iw-sumi);
  box-shadow:inset 0 0 0 1px var(--iw-kin-lt)}
.menu-pick .menu-pick__opt--logo::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--iw-haku)}
.menu-pick .menu-pick__opt--logo:hover{background-color:#fffdf8}
.menu-pick .menu-pick__opt--logo .menu-pick__eyebrow{color:var(--iw-midori);opacity:1}
.menu-pick .menu-pick__opt--logo .menu-pick__sub{color:var(--iw-soft);font-family:var(--iw-min)}
.menu-pick .menu-pick__opt--logo .menu-pick__price{color:var(--iw-shu)}
.menu-pick .menu-pick__opt--logo .menu-pick__go{color:var(--iw-kin)}
.menu-pick__logo{display:block;line-height:0}
.menu-pick .menu-pick__logo img{width:92px;height:92px;object-fit:contain;border-radius:0;aspect-ratio:1}
@media(max-width:640px){.menu-pick .menu-pick__logo img{width:64px;height:64px}}

/* 「特注も承ります」の枠（明るい地）の戻りリンク。btn--ghost は暗い地用で字が地と同じ色になり見えなかった（10-16 から・2026-10-25 haluu 指摘）。
   前例 = site.css の .order-paths .btn--ghost（明るい地で字を墨に） */
.bento-cta .btn--ghost{color:var(--iw-sumi);border-color:var(--iw-kin-lt);background:var(--iw-washi)}
.bento-cta .btn--ghost:hover{background:var(--iw-kinari2);border-color:var(--iw-kin)}
/* 彩和クーポンの告知の1行（menu-wa.html の一番上・2026-11-01・HANDOFF-2026-10-25b 見本F） */
.wa-line{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin:0;padding:9px 16px;background:var(--iw-sumi);color:var(--iw-kin-hi);font-size:13px;line-height:1.6;text-align:center}
.wa-line a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}